[Bottender] 如何在 Heroku 上部屬 LINE BOT

上一篇文章是 2015 了呢....

主要是之前已經寫過一個簡單的 LINE BOT,

但最近剛好有點時間(?),所以想要藉此機會全部重寫。

之前寫的機器人原始碼在這邊

https://github.com/Rainsting/TarotLineBot

---------------------------------------------------------------------------------------

這次我選擇由台灣人自己新開發的機器人框架 - Bottender,

在此時的版本是 v0.15.0。

由於這整包在中文圈內的討論似乎不多,大部分都是拿來用在 FB Messenger 上,

對於 LINE BOT & Heroku 的著墨很少,希望藉由這一篇簡單做個記錄。

1. 首先申請個 LINE@ 帳號,並開啟 developer 功能:

網路上其實很多資訊了,這邊就不多說,建議可以參考前人的文章:

LINE BOT 實戰 ( 原理篇 )

http://www.oxxostudio.tw/articles/201701/line-bot.html

這邊目的是取得 Channel secret & Channel access token,之後會用到。

2. 申請 Heroku 帳號,並安裝 Heroku CLI:

一開始用免費帳號就足夠了,申請帳號也可參考前人的教學:

Heroku安裝使用教學

https://ericjhang.github.io/archives/689940fd.html

3. 將 Heroku 產生的 Domain 連結到 Line Develop Console 的 Webhook URL 內

位置在 Heroku 的 Settings,複製底下 Domains and certificates 的後面那一段,

4. 安裝 bottender (以 Windows 為例)

首先按照官網步驟,使用 npm 安裝 bottender 套件

https://bottender.js.org/docs/GettingStarted

npm install -g bottender

先自己取個好聽的名字,之後在過程中

1. platform 選擇 "line"

2. store session 選擇 "memory"

3. server 選擇 "express"

接著就會在當下目錄中看到我們剛剛新增的專案了。

5. 編輯 package.json,並告訴 Heroku 我們需要用的 node 引擎版本

由於我們會用到 async function,因此需要在環境內跟 Heroku 說我們要用的版本是什麼,編輯文件並加入以下內容:

"engines": {
    "node": ">= 7.6.0"
  }

6. 編輯 bottender.config.js,加入自己的 LINE accessToken & channelSecret

7. 編輯 index.js,修改程式碼

由於 heroku 不支援 server 監聽固定 port,因此我們需要把原先 server 應該要監聽的 port 透過 PORT 環境變數傳進去讓 server 知道,所以需要將原先的 server.listen 修改成這樣

server.listen((process.env.PORT || 5000), () => {
  console.log('server is running on 5000 port...');
});

這樣 Heroku 在組建 APP 時才不會發生 APP crash & Error R10 (Boot timeout) issue。

8. 同樣編輯 index.js,修改程式碼

因為 context.sendText 預設是用 push API,因此我們在這邊可以改成 replyText,或是在 new LineBot 內調整內容,讓他預設用 reply (after v0.15.0)

const bot = new LineBot({
  accessToken: config.accessToken,
  channelSecret: config.channelSecret,
  sendMethod: 'reply', // Default: 'push'
});

9. 在 Heroku 上建立新的 Git repository

heroku login

cd my-project/
git init
heroku git:remote -a (Heroku APP Name)

10. 將修改內容 push 到 Heroku 上,部屬 BOT

以後如果有任何更動,要更新程式,那底下就重新再做一遍

git add .
git commit -am "(要養成寫 LOG 的好習慣)"
git push heroku master

之後如果要看 Log,可以隨時在 Heroku CLI 內即時觀看

heroku logs --tail

Ref:

來寫個氣象機器人吧!

https://blog.techbridge.cc/2018/05/10/lets-build-weather-bot-1/

line bot 教學

https://ericjhang.github.io/archives/c7f31b57.html

Bottender Getting Started

https://bottender.js.org/docs/GettingStarted

Bottender Github

https://github.com/Yoctol/bottender

--

嗚嗚我只有 PC,要是有人能贊助我 MAC 就 (ry

我来评几句
登录后评论

已发表评论数()

相关站点

热门文章