如何做一個Line機器人

前置作業

1. Heroku 註冊帳號
2. Node.js 到官網下載14.0.0，再直接安裝
3. Line Developers

• 用Line帳號登入Line Developers
• 建立一個provider
• 建立一個MessageAPI
• 用Line加好友

4. ngrok

• 用github登入
• 下載ngrok

  ngrok是用來轉發http內容跟line機器人溝通，我們自己在開發的時候用來測試的

專案設定

Node.js安裝套件

1. 打開VSCode，為這個機器人建立一個專案目錄
2. 打開VSCode終端機(推薦使用Cmd)：

• 移動到你的專案目錄，如圖
  

• npm init 初始化你的專案目錄
  會產生package.json

  如果你的package.json已有記錄你裝的套件，你可以用npm install指令來安裝所有套件

• 編輯package.json，加入兩個指令

  {
  ...
    "scripts": {
      "start": "node index.js",
      "dev": "nodemon index.js"
    },
  ...
  }

• 安裝nodemon套件 npm install -g nodemon

  -g 全域安裝
  modemon 存檔的時候就會幫忙重新啟動node.js

• 安裝環境設定檔套件npm install dotenv

• 安裝line機器人套件npm install linebot

• 安裝API套件npm install request、npm install request-promise

• 安裝node.js的程式碼風格格式化的套件npm install -g eslint

• F1=>Create eslint…
  終端機要在你的專案目錄

• 終端機會自動出現eslint初始化，照圖片回答即可
  

• 有上傳Git的話，記得把node_modules/加入.gitignore清單

ENV環境設定檔

• VSCode安裝DotEnv套件
• 專案目錄下建立.env檔案，內容寫入如下(變數裡面的自己去LineDevelop找)

  CHANNEL_ID=""
  CHANNEL_SECRET=""
  CHANNEL_ACCESS_TOKEN=""
  PORT=3000

• 有上傳Git的話，記得把.env加入.gitignore清單

ESlint設定

• VSCode 鍵盤F1=>搜尋setting=>喜好設定:開啟設定(JSON)
  

• 在setting.json內加入這一行

  {
  ...
  "editor.codeActionsOnSave": {"source.fixAll.eslint": true}
  ...
  }

  機器人設定

1. 在專案目錄下建立index.js
   輸入這些東西
   

2. LineDevelopers裡面去把自動回應關閉
   
   

3. 設定ngrok

• ngrok.exe放到專案目錄

• 在終端機裡面輸入Ngrok提供的指令ngrok authtoken ...(記得./要拿掉)
  

• 在終端機裡面輸入ngrok http 3000啟用ngrok http連線

• 開另一個新的終端機輸入npm run dev啟用node.js

  dev是npm nodemon index.js指令

• 把ngrok給的https路徑貼到MessageAPI的URL，如果成功的話打開Use Webhook(可能要等一下才能驗證)
  
  

撈API

寫成下面這樣，當使用者跟機器人說話，機器人會回應kktix第一個活動的標題。
需要import request-promise 套件

相關連結

npm linebot
npm request-promise

heroku設定

這是一個雲端伺服器，用來存放機器人，Heroku自己有https，所以不用擔心ngrok換網址了

• 登入後，建立一個App
  
• 在這個app的後台的Deploy頁面，選用github連動，選擇到自己的儲存庫
  
• 到setting頁面設定Config Vars
  
• 部屬你的機器人，點Deploy branch，成功之後點view按鈕，把給的網址複製起來
  
• 貼到LineDevelopers的MessageAPI的Webhook URL
  

相關套件

解析HTML - cheerio

如果你想撈的資料是沒有API的話，可以用cheerio去解析HTML
搭配request-promise可以拿到的HTML資料，配合利用JQ語法解析
cheerio

解析XML - XML2js

排程 node-schedule

可以指定機器人每天幾點去做事情(撈資料之類的)