前面幾課,你已經把程式碼用 Git 存好、放上 GitHub,也把資料庫和資料表都設計好了。 但網站現在還只活在你的電腦(localhost),把網址傳給朋友,他卻打不開。 這一課讓你的網站真的「上線」,而且改完 push 一下就自動更新。
把你電腦上的網址傳給朋友,看看會發生什麼事。
一個新名詞,先講清楚。
localhost 只有你看得到;部署後會拿到像my-ai-shop.vercel.app 這種全世界都連得到的網址。部署要搬到哪?搬到一個 24 小時不關機的房東那裡。
到 Hosting 平台選出你要上線的那個 repo,綁定一次,之後它就會一直盯著它。
改改下面的標語、按 push,然後一站一站送它走到全世界。
build。打一句改動說明,按 Deploy,看清單最上面長出一筆新紀錄。
有時候 push 上去會 build 失敗。跟著看:壞掉的這版根本上不了線。
這次 build 有成功、也上線了,但結果是壞的。客戶已經看到了,怎麼最快救回來?
不太一樣。git 還原是改你原始碼的歷史; 這裡的 rollback 是平台部署層級的切換,不動原始碼、不重新 build,所以快。 兩個常常搭配用:先 rollback 止血,再用 git 好好修程式碼。
平台先給你一個免費網址,之後可以換成自己的。
...vercel.app 完全沒問題,等產品做起來、想要品牌感了再升級。答錯不會鎖死,可以一直重選。
你在 localhost 做好網站,把網址傳給客戶,他卻打不開。為什麼?
把 Hosting 平台綁定 GitHub 之後,你要怎麼更新線上網站?
你 push 了一版,結果 build 失敗(紅燈)。這時候線上網站會怎樣?
新版本 build 成功也上線了,但版面壞掉、客戶在抱怨。最快的止血方式?
localhost 只有你看得到,部署讓全世界打得開。 把 Hosting 平台綁定 GitHub 後,你只要 push,它就自動 build、上線, 還把每一版都存成部署歷史;萬一新版出包,一鍵回滾就能救回來。你完全不用碰伺服器。