iT邦幫忙

2023 iThome 鐵人賽

DAY 3
0
自我挑戰組

【菜鳥冒險記】用React與Firebase開始sideproject之路系列 第 3

[Day3]來開一個專案吧!Firebase的setup

  • 分享至 

  • xImage
  •  

昨天講完Firebase到底是什麼,今天開始開一個專案吧!可以由這個網頁進入firebase的官網,接著step by step開始今天的環節。

https://ithelp.ithome.com.tw/upload/images/20230918/20163080ZSR2Bir4ar.jpg
最開始進入的首頁,前面提到,Firebase已經被google收購,所以通常來說進入後就會自動登入原先瀏覽時的google帳號,如果沒有就再處理登入註冊,按下Get started,就可以開始自己的專案了。

https://ithelp.ithome.com.tw/upload/images/20230918/20163080aNKBdKzXj4.jpg
如果已經有專案,在此會顯示出選取的頁面,但因為我們第一次處理,所以add Project

https://ithelp.ithome.com.tw/upload/images/20230918/20163080Li8ZXCZreX.png
首先,你要為你的專案取一個閃亮的名字,在這裡我們先以第一個project的todoList app為例。

https://ithelp.ithome.com.tw/upload/images/20230918/20163080Z6SdU5TsHL.png
進入project後點選左上角的齒輪,或是Project setting的字樣之後,滑到最下面選取**< / >**的icon。

https://ithelp.ithome.com.tw/upload/images/20230918/20163080VWpy5xo6Oz.png
第一步,取名、勾選Also set up Firebase Hosting for this app後,直接按Next即可。

https://ithelp.ithome.com.tw/upload/images/20230918/20163080jFRJAOUZ1c.png
第二步,你會看到安裝firebase-tools的command lines,用任意的terminal跑完這些command,就可以再下一步了。而第三步,會要求使用者install Firebase CLI,根據你上面選擇的下載方式(default是npm),可以完成。

最後,點選continue to console,我們就結束Firebase的setting了!


上一篇
[Day2]阿所以,那個Firebase是什麼
下一篇
[Day4]整合project前的setup
系列文
【菜鳥冒險記】用React與Firebase開始sideproject之路20
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言