[day11][後端][學習] 沒朋友就用LineBot機器人做一個（下）

12th鐵人賽

驢子

2020-09-26 00:19:52

1362 瀏覽

分享至

同步發表到驢形筆記

製作你的LineBot機器人（拆解）

現在要來拆解LineBot範例伺服器的程式碼了，會一段一段進行講解並慢慢拆解。請跟著一起慢慢前進吧！

範例程式檔

'use strict';
// 這是說要使用嚴格模式，請google

const line = require('@line/bot-sdk');
// line套件喔！


const express = require('express');

// create LINE SDK config from env variables
const config = {
  channelAccessToken: process.env.CHANNEL_ACCESS_TOKEN,
  channelSecret: process.env.CHANNEL_SECRET,
};
// line參數，等下會到網站複製過來

// create LINE SDK client
const client = new line.Client(config);
// line建立用戶端client

// create Express app
// about Express itself: https://expressjs.com/
const app = express();

// register a webhook handler with middleware
// about the middleware, please refer to doc
// 這邊是使用line.middleware當中間層先處理過接到的資訊，前面說過中間層非常複雜。這邊有興趣的可以看源碼...
app.post('/callback', line.middleware(config), (req, res) => {
  Promise
    .all(req.body.events.map(handleEvent))
    // 然後利用handleEvent去處理理面的資料
    .then((result) => res.json(result))
    // 跟line伺服器說結果用
    .catch((err) => {
      console.error(err);
      res.status(500).end();
    });
});


// event handler
// 處理事件
function handleEvent(event) {
  if (event.type !== 'message' || event.message.type !== 'text') {
    // ignore non-text-message event
    return Promise.resolve(null);
  }
  // 這邊是用來判斷line近來的訊息的type類型

  // create a echoing text message
  const echo = { type: 'text', text: event.message.text };

  // use reply API
  return client.replyMessage(event.replyToken, echo);
  // 這邊就是吐出去了
}
// listen on port
const port = process.env.PORT || 3000;
app.listen(port, () => {
  console.log(`listening on ${port}`);
});

這樣程式碼的解析就全部完成了！開始重構到自己的伺服器吧。

首先建立linewebhook進來的路由，這邊有的隱藏的雷請見line文件

app.js

略
var indexRouter = require('./routes/index');
var usersRouter = require('./routes/users');
var testRouter = require('./routes/test');
var linebotRouter = require('./routes/linebot');
略
var app = express();
app.use('/linebot', linebotRouter);
// 他必須要在伺服器解析請求之前使用，因為line的中間層會去解析"原始版本資料"
略
app.use('/', indexRouter);
app.use('/users', usersRouter);
app.use('/test', testRouter);
略

routes\linebot.js

var express = require('express');
var router = express.Router();
router.post('/callback', function(req, res, next) {
  res.send('Hello API');
});
module.exports = router;

程式到這邊，路線就算建立成功了。接著把中間層和line的事件處理加進去，一樣在"routes\linebot.js"實作（先說這樣是壞習慣，"routes"不應該有其他邏輯）

routes\linebot.js

var express = require('express');
var router = express.Router();
const line = require('@line/bot-sdk');
const config = {
  channelAccessToken: process.env.CHANNEL_ACCESS_TOKEN,
  channelSecret: process.env.CHANNEL_SECRET,
};
const client = new line.Client(config);
router.post('/callback', line.middleware(config), function (req, res, next) {
  Promise
    .all(req.body.events.map(handleEvent))
    .then((result) => res.json(result))
    .catch((err) => {
      console.error(err);
      res.status(500).end();
    });
});
function handleEvent(event) {
  if (event.type !== 'message' || event.message.type !== 'text') {
    // ignore non-text-message event
    return Promise.resolve(null);
  }
  // create a echoing text message
  const echo = { type: 'text', text: event.message.text };
  // use reply API
  return client.replyMessage(event.replyToken, echo);
}
module.exports = router;

接著前往line頁面登入(https://developers.line.biz/en/)進到這個自己的頻道