和一般的網頁部署方式不太一樣的地方在於,它必須要先在自己開發網頁的電腦中安裝一套firebase的tools,然後透過命令列的方式把網頁複製到它的Hosting空間上。而安裝firebase工具集需要使用Nodejs的套件管理工具npm,因此要部署Firebase Hosting的網站,第一步就是安裝Nodejs以及NPM,然後再安裝firebase-tools,步驟如下(假設在Ubuntu 16.04的虛擬機上,以root的帳號來安裝):

# apt-get update
# apt-get install nodejs
# apt-get install npm
# npm install -g firebase-tools

全部安裝完成之後,在我的環境下firebase會以為Nodejs的執行檔是node,但是使用apt-get安裝之後的執行檔是nodejs,所以假設讀者在安裝了firebase-tools之後,使用firebase login結果出現了找不到node這個執行檔的訊息,只要前往開啟/usr/local/bin/firebase,把第一行的node改為nodejs就可以了。當然也可以使用以下的命令,直接為nodejs建立一個node的連結:

# ln -s `which nodejs` /usr/bin/node

接下來就是執行firebase login進行開發者的帳號驗證。在執行這行指令之後,通常會自動開啟瀏覽器(在Windows下),但是在Ubuntu之下我的測試是不行的,如下圖所示:

如上圖這樣,等很久之後會告訴你沒有辦法啟用瀏覽器,不過沒關係,我們只要把那一大串網址複製下來,然後自己打開瀏覽器貼到網址列上再按Enter也可以。驗證時需要使用Google帳號登入:

同時也需要授權。在授權之後,會看到如下所示的訊息:

同時回到命令列之下,就可以看到登入成功的文字訊息了,如下所示:

接下來是先建立一個要放置本地端網頁資料的空白資料夾,類後使用firebase init這個指令,開始建立一個預設的專案,如下所示:

一開始要選擇是要使用Database、Functions、還Hosting,我們選擇Hosting,然後按下Enter鍵,如下所示:

然後選擇目前的轉安內容,在前一篇文章中我們建立了一個easylist的專案,就選這一個,然後也是按下Enter鍵,如下所示:

上面這個選項直接按Enter,進入下一個步驟:

上面這個問題是在詢問網頁所要放置的資料夾,也是按下Enter鍵使用預設的public就可以了。

另外對於index.html的處置也是使用預設的設定即可,然後init的動作就算是完成了。使用ls檢視建立好的目錄以及public之下的檔案列表如下:

其中index.html就是我們要開始編輯的內容。不過,在開始編輯之前,還是先使用firebase deploy來把網頁的內容部署到Firebase Hosting上去,如下所示:

只要出現Deploy complete!的訊息就表示檔案已順利被放到Firebase主機上了,我們可以使用它配發給我們的網址瀏覽這個網頁,當然也可以透過在前一篇文章中做好的網路連結來瀏覽,如下所示:

以後只要每次在本機有做修改,還要再使用firebase deploy才會生效喔。