到昨天為止,已經完成了只要輸入姓名、email,就可以在網頁上直接訂閱 Mailchimp,並在 Mailchimp 官網後台看到新增的訂閱人基本資料。
但目前都是在 localhost:3000 上運行,如果要貼網址給其他人訂閱,就要把這些檔案放上 24/7 運作的雲端上。課程中介紹的是在今年 11 月就會結束免費方案的 Heroku。
部署到 Heroku 的第一步當然是到 Heroku 註冊好帳號,然後點右上方選單進入 Documentation:
然後 Get started:
接著選擇 Node.js:
然後就可以開始按照網站的文件開始一步一步做:
接著回到 app.js 加上:
app.listen(process.env.PORT || 3000, function(){
console.log('server is up');
})
這邊的 ||
代表不管是部署之後或是在 localhost:3000 都可以用。
這邊的 PORT
是動態的,而且由 Heroku 決定,所以不用特別寫 3000/5000。
再來是在資料夾裡創 Procfile
,並編輯它,告訴 Heroku 哪個 js file 是要運行的。
再來是回到 terminal,用 git init
初始化 git,然後輸入 git add .
才能把所有的檔案加入這個 repository。
接著用 :git commit -m "first commit"
來 commit 我們這次的改動到現在的版本中~
而這邊的 -m
flag 很明顯代表的是 message。
跟著 Heroku 最後的步驟,輸入 heroku create
來部署 app:
看到這樣的訊息就代表成功了:
真正的最後一步~~git push heroku master
輸入之後會花點時間把相關的 node app 檔案傳去 Heroku 伺服器。
接著重新整理頁面,到剛剛 herokuapp 網址,就會發現原本的 Heroku Welcome page 變成 localhost:3000 的畫面一樣了~
如果部署後有發現問題的話,可以這樣看 heroku log:
heroku logs
之後檔案還有更新的話,可以輸入下列來部署新的檔案:
git add .
git commit -m "messages texts"
git push heroku master