全端勇士之路 Node.js 基礎學習-Firebase 建立 Realtime 資料庫

發表於 | 更新於 | 分類於

前言

前面已經建立好了一個專案，接下來就是準備來建立 Firebase 的 Realtime 資料庫。

建立應用程式

首先要建立應用程式，首先先點一下專案上的 code 圖示

建立應用程式

輸入一個方便自己辨識的應用程式名稱後建立應用程式(記得不要打勾代管服務)

建立應用程式

接下來你就可以取得這個專案的專屬金鑰，複製下它 (Firebase SDK)

Firebase SDK

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!-- The core Firebase JS SDK is always required and must be listed first -->
<script src="https://www.gstatic.com/firebasejs/6.2.4/firebase-app.js"></script>

<!-- TODO: Add SDKs for Firebase products that you want to use
     https://firebase.google.com/docs/web/setup#config-web-app -->

<script>
  // Your web app's Firebase configuration
  var firebaseConfig = {
    apiKey: "AIzaSyAd3vTBFRS7o3NuyEubF7JaF-Xc1U7EoAQ",
    authDomain: "testproject-b5784.firebaseapp.com",
    databaseURL: "https://testproject-b5784.firebaseio.com",
    projectId: "testproject-b5784",
    storageBucket: "",
    messagingSenderId: "120474895761",
    appId: "1:120474895761:web:33b6ff0885191e8d"
  };
  // Initialize Firebase
  firebase.initializeApp(firebaseConfig);
</script>

(請不要使用我的這個 Firebase SDK，因為我隨時都會砍掉它，這只是為了寫這篇文章所貼上得而已)

建立 Realtime 資料庫

接下來回主控台首頁，然後點一下 database

database

到達 database 後往下拉一下找到 Realtime database，然後點它建立資料庫

建立資料庫

由於我們是要練習用，所以這邊會選擇”測試模式啟動”
(實際開發環境並不會選擇測試模式唷，這邊要注意 :D)

測試模式

0%