如果要利用firebase hosting來當成公司的網站,當然不能使用firebase所提供的預設子網域,像「*.web.app」或是「*.firebaseapp.com」,而是要使用自己公司的網域名稱。

在firebase的Hosting後台的「資訊主頁」可以看到,預設的子網域名稱有以上剛說的那兩種,如果想要連接自己的網域,可以點擊〔新增自訂網域〕,如下圖:

我這邊會以「example.mrtang.tw」來做示範,所以在網域中填入該網域,然後點擊〔繼續〕,如下圖:

接著Firebase要驗證你是否真的擁有該網域,所以你要在你購買網域的地方,新增一個DNS TXT記錄,新增之後,再按下〔驗證〕,如下圖:

購買網域的地方很多,像最常見的「Godaddy」,而我的「mrtang.tw 」網域,目前是在「Gandi」所管理,所以就登入後台,然後新增一個類似這樣的「TXT」DNS紀錄,如下圖:

新增之後,整個DNS紀錄就會多出這筆記錄,如下圖:

新增完成後,點擊〔驗證〕,Firebase就會開始檢查你是否持有該網域,如下圖:

確認沒問題,才會給你另一個要記錄的DNS A紀錄資料,這個就是最重要的Server位址,如下圖:

同樣來到Grandi的後台,再新增一筆「A類型」的DNS紀錄,填入名稱及IPv4位址,如下圖:

新增完之後,就可以看到原本只有兩個預設網域,現在已經多出自己設定的網域名稱,如下圖:

不過這個網域還沒辦法馬上生效,連上去之後,會出現「你的連線不是私人連線」、「ERR_CERT_COMMON_NAME_INVALID」的錯誤,如下圖:

這是因為憑證還沒有生效的關係,只要等待數個小時,最多應該不會超過24小時,就會正常了。像我這個,好像等了一個小時,最後用自己的網域去連,就可以正常顯示了。

以上,就是在Firebase Hosting上,使用自訂網域的示範。

Google廣告