[Python+LINE Bot教學]快速掌握LINE Bot部署至Heroku雲端平台的重點

Photo by Štefan Štefančík on Unsplash

身為LINE Bot的服務提供者，為了每天能持續的提供使用者有價值的資訊，想必會想尋找一個24小時不間斷的環境來運行LINE Bot，而雲端平台就會是最佳的解決方案，不但擁有多樣的資源，也能夠依據使用量彈性擴充。

所以，本文延續[Python+LINE Bot教學]提升使用者體驗的按鈕樣板訊息(Buttons template message)實用技巧文章，將利用Django框架開發完成的LINE Bot部署到Heroku雲端平台，讓全世界的使用者都能夠存取您的LINE Bot服務，其中的部署重點包含：

• 安裝Git
• 安裝gunicorn
• 安裝Heroku CLI
• LINE Bot專案設定
• LINE Bot部署至Heroku
• LINE Bot Webhook URL設定

一、安裝Git

Git是一個版本控制系統(Version Control System)，除了可以協助開發人員進行程式碼的版本控制外，在部署時也能夠將程式碼推送(Push)到Heroku雲端平台的Git Repository。

前往Git官網的下載頁面，依照作業系統進行安裝，如下圖：

安裝完成後，開啟命令提示字元視窗，輸入以下指令：

$ git --version

如果有顯示版本號，即代表Git安裝成功。

二、安裝gunicorn

將LINE Bot部署到Heroku雲端平台時，在HTTP請求(Request)的處理上，就需要使用WSGI(Web Server Gateway Interface)介面，來負責網頁伺服器(Heroku雲端平台)與網頁應用程式(LINE Bot)之間的溝通，而Python的gunicorn伺服器就是扮演這樣的角色，如下圖：

gunicorn伺服器可以使用pip(套件管理工具)來進行安裝即可，如下：

$ pip install gunicorn

Python的pip(套件管理工具)詳細觀念可以參考有效管理Python套件(Package)的工具及概念文章。

三、安裝Heroku CLI

Heroku是一個平台即服務(PaaS)的雲端平台，支援多種程式語言，開發人員能夠直接利用Git快速部署應用程式，並且提供CLI(Command-Line Interface)，可以透過指令來進行操作，提升部署的效率。

前往Heroku Dev Center，在開始安裝前，需先進行註冊的動作，依照指示即可完成，如下圖：

註冊並且登入成功後，在左下角的地方可以看到「The Heroku CLI」，如下圖：

點擊後，往下就可以看到安裝的畫面，如下圖：

依據作業系統進行安裝即可。完成後，利用Visual Studio Code開啟LINE Bot專案，在Terminal視窗中，透過以下的Heroku CLI指令進行登入：

$ heroku login

接著利用以下的指令建立一個應用程式：

$ heroku create foodielinebot

執行結果

Heroku雲端平台就會為這個應用程式，產生一組HTTPS的網址及Git Repository，之後，就是要將LINE Bot專案的程式碼推送到這個Git Repository來進行部署。

四、LINE Bot專案設定

延續[Python+LINE Bot教學]提升使用者體驗的按鈕樣板訊息(Buttons template message)實用技巧文章，目前LINE Bot專案的架構如下圖：

接下來，有幾個地方要進行設定：

• 建立Procfile檔案

用來告訴Heroku雲端平台，利用gunicorn伺服器，執行Django專案中的wsgi(web server gateway interface)檔案，來進行溝通。

在專案最外層新增一個Procfile檔案，並且輸入以下的範例設定，特別注意，在新增Procfile檔案時，不需要輸入副檔名。

web: gunicorn mylinebot.wsgi

目前LINE Bot專案的架構如下圖：

• 建立requirements.txt檔案

在部署的過程中，用來告訴Heroku雲端平台有哪些套件需要進行安裝，可以透過以下的指令來產生：

$ pip freeze > requirements.txt

開啟requirements.txt檔案，就可以看到包含了專案中所有的相依性套件，如下圖：

• 建立STATIC資料夾

由於Django為網頁框架，而網頁通常都會有靜態檔案，像是Javascript、CSS及Image(圖片)檔等，所以Heroku雲端平台會讀取專案中的static資料夾，如果沒有建立的話，在部署時會發生錯誤，所以，建立完成後如下圖：

由於LINE Bot不會有上面所提到的靜態檔案，所以資料夾中保持空白即可。接著，開啟settings.py檔案，新增這個static資料夾的路徑設定，如下範例：

STATIC_ROOT = os.path.join(BASE_DIR, 'static')

範例中的意思為目前專案根目錄(BASE_DIR)下的static資料夾，請注意其中的STATIC_ROOT及BASE_DIR為關鍵字，不能拼錯。

• 設定ALLOWED_HOSTS

開啟settings.py檔案，在ALLOWED_HOSTS的地方，加入Heroku雲端平台所產生的應用程式網址，來允許這個網址的請求(Request)，如下範例：

ALLOWED_HOSTS = [
    'foodielinebot.herokuapp.com'
]

五、LINE Bot部署至Heroku

以上的Django專案設定完成後，接下來就可以進行部署的動作。首先，利用以下的指令建立本地端的Git Repository，如下範例：

$ git init

如果LINE Bot專案在開發的過程中已經有使用Git進行版本控制的話，這個步驟可以省略。

本地端的Git Repository建立完成後，利用以下四個指令，將LINE Bot專案的程式碼推送(Push)到Heroku雲端平台：

$ git add .  #加入所有變更的程式碼檔案到本地端Git Repository

$ git commit -m "your_message"  #儲存到硬碟中

$ heroku git:remote -a foodielinebot  #將Heroku雲端平台的Git Repository切換到LINE Bot的應用程式

$ git push heroku master  #推送到Heroku雲端平台的LINE Bot應用程式Git Repository

首先，將LINE Bot的專案程式碼加入到本地端的Git Repository，接著Commit儲存到硬碟中，其中可以自訂這個版本的說明文字(your_message)，最後，要將程式碼推送(Push)到Heroku雲端平台前，需利用Heroku CLI將Heroku雲端平台上的Git Repository切換到剛剛所建立的LINE Bot應用程式後，才能把儲存在硬碟中的程式碼推送(Push)上去。

每當程式碼有修改，要部署到Heroku雲端平台時，這四個指令都需要執行。

六、LINE Bot Webhook URL設定

部署完成，前往LINE Developers，選擇「使用LINE帳號登入」後，點擊FoodLinebot，在Messaging API頁籤中，Webhook URL的地方，填入Heroku雲端平台賦予的HTTPS網址，來連接LINE Bot應用程式，如下圖：

執行結果

七、小結

在[Python+LINE Bot教學]6步驟快速上手LINE Bot機器人文章所分享的ngrok工具，必須要本地端執行LINE Bot，使用者才能夠進行存取，而透過本文所分享的教學，將LINE Bot部署到Heroku雲端平台後，就可以24小時不間斷的服務使用者了，趕快來依照本文的步驟，部署您的LINE Bot應用程式吧。

如果您喜歡我的文章，請幫我按五下Like(使用Google或Facebook帳號免費註冊)，支持我創作教學文章，回饋由LikeCoin基金會出資，完全不會花到錢，感謝大家。

有想要看的教學內容嗎?歡迎利用以下的Google表單讓我知道，將有機會成為教學文章，分享給大家😊

https://forms.gle/UW8u9XddoY17HjaSA

Python LINE Bot推薦書籍

Python與LINE Bot機器人全面實戰特訓班（附203分鐘影音教學／範例程式）

你可能有興趣的文章

• Python學習資源整理
  
• [Python+LINE Bot教學]6步驟快速上手LINE Bot機器人
• [Python+LINE Bot教學]建構具網頁爬蟲功能的LINE Bot機器人
• [Python+LINE Bot教學]提升使用者體驗的按鈕樣板訊息(Buttons template message)實用技巧
• [Python+LINE Bot+PostgreSQL教學]一篇搞懂LINE Bot讀取資料庫的方法
• [Python爬蟲教學]Python網頁爬蟲結合LINE Notify打造自動化訊息通知服務
  
• [Django教學1]3步驟快速安裝Django網站框架
• [Django教學2]建立Django應用程式(APP)
• [Django教學3]Django Migration(資料遷移)的重要觀念