各位大大想如果有網頁開發基礎( Html JavaScript Css )
但是不太懂要如何買伺服器去架設
那 Firebase Hosting 是你的好選擇
但是要注意會有容量限制請自行注意
為什麼要有 GItHub 的存在
因為 Firebase 部署上去
是無法把所有的資源下載檔案( 壓縮檔 )下來的
除非自己線上一個一個抓
所以過了一段時間自己電腦程式碼遺失就容易造成無法挽回悲劇
前置準備
- 本地端要有 Node、Firebase-Tool 工作環境
- Firebase 帳號
- Github 帳號
操作步驟
- Firebase 建立( 新 )專案( hosting-deploy-by-github )
- Github 建立 Firebase 對應的專案 Repository( hosting-deploy-by-github )
- 從 Github Clone Repostory 到本地端
- 開啟命令提示字元
- 登入 Firebase
PS: 要先登出的原因在於避免暫存影響到後續操作
firebase logout
firebase login
firebase init - 選擇建立好的專案項目
- 是否建立對外公用資料夾及是否建立首頁
- 是否使用 GitHub 設定自動建置和部署？
- 輸入對應的 Repository 名稱 ( AAA/hosting-deploy-by-github )
- 啟動工作時候是否要執行 Script? No( 常用於 Vue、Angular 等專案前置作業)
- 是否設定提出 PR 合併後自動部署並確認對應分支名稱
PS: 此分支是直接上正式環境，如要模擬請開分支於本機驗證
- 最後只要對此 Github Reporsitory 進行操作的部署即可
PS: 必須對應到您設定的監聽分支為主
git add .
git commit
git push - 登入 Github Action 確認分支完成後狀態是否為綠色打勾
- 登入 Firebase Hosting 建立網站網址內容是否已經更新，如果有就代表成功囉
PS: 設定 firebase.json
參考資源：
歡迎轉載，請註明出處。
