Firebase初探(1)- 安裝與設定
有別於傳統關聯式資料庫，NoSQL（Not Only SQL）代表的是分散式非關聯式資料庫的統稱。這個概念並不是最近才出現的，早在上個世紀的90年代，就已經被提出來。只是當時並沒有成為主流。直到最近幾年，由於大數據的分散式資料庫的需求增加，這個技術才又被重新提出。比起傳統關聯式資料庫，NoSQL資料庫具有水平擴充的能力，只要新增伺服器節點，就可以彈性的擴充容量。因此打造大型資料庫系統時，成本可以更低。此外，不像傳統關聯式資料一樣需要事先架構好Schema欄位，NoSQL改用鍵值（Key-Value）資料模式來儲存資料，資料儲存可以不需要固定的表格模式，彈性高。
Firebase 是 Google 的整合式平台，提供很豐富的後端服務，簡單來說Firebase是BaaS(Backend as a Service)。Firebase提供的服務中，Realtime Database可以透過JSON格式的存取，提供即時更新的NoSQL資料庫。
這裡有Firebase的介紹影片：
若平時大多進行前端開發，必定對JavaScript不陌生（JavaScript為網頁三元素之一，與HTML、CSS分庭抗禮）。本篇要透過使用JavaScript的方式，來暸解如何存取Firebase裡的Realtime Database。雖然不是一般業界常用的的方式，然而，凡是都從最基本、最核心的地方開始，為了清楚暸解基本概念，接下來我們會簡化操作的步驟，使用純HTML來連接Firebase裡的資料。
登入與啟用
由於Firebase是Google眾多服務之一。要使用該服務之前，首先你需要有Google 帳號來登入Firebase網站。如果已經順利登入之後，就可以點選網頁右上角的「前往控制台」按鈕進入Firebase主控台。如果還沒有Google 帳號的話，請先申請Google帳號，然後再來登入這個網站。
如果你不曾使用過Firebase，在上一步驟登入並點選網頁右上角的「前往控制台」按鈕後，就會導到起始畫面。
新建專案
按下上一個畫面中的「建立專案」按鈕來新增專案。我們姑且輸入一個專案名稱『myProject』，並且別忘了勾選下面的「接受同意條款」。
然後「繼續」進入下一步。
Google Analytics分析
可以啟用Google Analytics對這個專案進行統計分析。當然，不勾選也是可以的。
如果勾選了啟用Google Analytics分析，就會有下面這個一系列的步驟。目的是要選取一個對應的Google Analytics帳戶來綁定服務。
最後，建立專案。
當一切準備就緒後，就可以「繼續」按鈕使用了。
看到這個畫面，恭喜。已經啟用成功了。
Database
接下來要建立Database。畫面左邊有個「Database」，請點擊進入Database頁面。
進入頁面後，可以看到「建立資料庫」的按鈕，請按下該按鈕。
按下「下一步」，選擇主機位置。建議選擇越接近自己所在地越好。
按下「完成」後，經過幾分鐘，頁面會導到下面位置。畫面的上方下拉式選單有兩個選項，一個是RealtimeDatabase，另一個是Cloud Firebase。請先選擇RealtimeDatabase。
當一切就緒後，RealtimeDatabase的畫面就會呈現如下。
點選右邊的『…』按鈕，可以打開圖例。如下：
連接資料庫
首先，按下左邊的「齒輪」icon進入專案設定。並且增加應用程式
依照下面的步驟一步步進行。首先，要註冊應用程式。
我們要給應用程式一個名稱。目前就叫他myTest。並且勾選之後，讓他歸屬與剛剛建立的myProject。輸入完畢後接著按下『註冊應用程式』按鈕。
這時候，畫面上會顯示Firebase SDK。請依照上面的指示，把指令碼貼到網頁的<body>標記的最下方。
接著下一步。
再下一步。
如果要立即部署的話，可以依照頁面的指示部署，但我們直接回主控台。
主控台可以看到下面的畫面，我們先去點選CDN。
然後，將顯示出來的指令碼貼到 <body> 標記的最下方處。我們可以開啟一個空白HTML(index.html)檔案，把上面的指令碼貼上去。（以下是參考畫面，內容並不正確）
剛剛貼的指令碼中有一個註解需要注意的地方。意思是要您到下面的網站去把需要的Firebase SDK加進來。如果這個步驟沒有處理的話，後面的程式應該是無法使用的。
<!-- TODO: Add SDKs for Firebase products that you want to usehttps://firebase.google.com/docs/web/setup#available-libraries -->
因此，我們就依照上面的指示，到下面的網站去：
https://firebase.google.com/docs/web/setup#available-libraries
找到下面的位置，這裡就是可以使用的函式庫。由於我們需要使用的是CDN的方式，即點選Available Firebase JS SDKs(from CDN)。
我們等一下要操作Realtime Database，找到下面的函式庫，把路徑複製起來，貼到HTML頁面上。
<script src="https://www.gstatic.com/firebasejs/7.11.0/firebase-database.js"></script>完成以上的步驟，就可以來測試一下是否已經正常安裝。
請在index.html的</body>前面寫入下面的程式碼：
var db = firebase.database()console.log(db)
接著，打開瀏覽器看看console裡面是否有訊息？
看來是已經成功安裝了。下一篇我們會介紹簡單的操作。
