iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 27
1

firebase hosting 是 firebase 所推出一種快速,安全和可靠的方式來託管應用程序的靜態資產(HTML,CSS,JavaScript,媒體文件等)以及提供動態內容和託管,默認情況下,可以與自己使用的自定義域或您的項目的免費的子域web.app和firebaseapp.com 。
通常我會先利用 ng build 打包在另外的資料夾進行hosting。

首先進行

ng build --prod

會產生一個dist 資料夾

複製裡面的東西到另外的資料夾進行

firebase init hosting


這邊

  1. What do you want to use as your public directory
    我選擇YES ,所以剛剛複製的東西都丟到public

  2. Configure as a single-page app
    我選擇YES,因為我們生成的檔案是single page的模式

  3. File public/index.html already exists. Overwrite?
    這邊選擇NO,是因為他知道你index.html裡面不是空白,問你要不要rewrite

    完成後跳出以下

    接著進行

    firebase deploy --only hosting

這樣子hosting在firebase上了,可依專案內的hosting提供的兩個網址進入部屬好的網站。


上一篇
Day 26 我們來寫個網頁吧(Angular)
下一篇
Day28 firebase authentication
系列文
手拉手教自己用樹梅派、GoogleHome、GCP做一個AI智慧提醒機器人!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言