iT邦幫忙

2023 iThome 鐵人賽

DAY 2
0

事前已經有畫好簡單的wireframe,但想想覺得這次應該是要以功能面為主,使用React做作品才是這次的重點,所以先用最簡易的版型做好功能,之後再來美化吧!

這次我要用firebase來做資料庫,因為先前沒有接觸過,所以今天的目標就是先了解firebase

以下是今天的學習筆記:

firebase的服務有很多,這次專案主要使用到的是 — 建立後端(Build a backend)

  1. 建立專案

    如何建立專案和引用的方式有很多資源可以查到,覺得這一篇寫的很詳細(連結),可以參考。

    firebase的官網Go to console建立一個新的專案

    https://ithelp.ithome.com.tw/upload/images/20230917/201403006HEKYkgg5e.jpg

  2. 可以做到的功能

    專案主頁中有提供許多功能,以下這幾個是這30天可能會使用到的

    • 身分驗證 Authentication: 可以用在會員頁面
    • 即時資料庫 Realtime Database: 留言區、留言通知
    • 儲存 Storage: 主頁編輯、歷史紀錄

    (遺漏的等之後遇上了在更新)

  3. 怎麼將資料傳到畫面上

    初始化後,將 SDK 放到程式碼中

    npm install firebase
    

    位置在這邊
    https://ithelp.ithome.com.tw/upload/images/20230917/20140300fnJ508tlTY.jpg


上一篇
DAY1-專案正式啟動
下一篇
DAY3-React資料夾結構
系列文
出遊不怕一個人30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言