全端勇士之路 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)

測試模式