node-red-contrib-line-messaging-api 0.1.8 → 0.1.9

package/README.md

@@ -7,10 +7,7 @@ LINE Messagin APIを利用できるNode-REDのノードです。
 以下のAPIを利用できます。
 
 - LINE Messaging API
-    - Reply Message
-        - text
-        - image
-        - flex
+    - Webhook & Reply Message
     - Push Message
     - BloadCast Message
 - LINE Notify
@@ -27,38 +24,13 @@ AdminタブからInstall
 
 ## 利用イメージ
 
-### Reply Message
+### Webhook & Reply Message
 
-- 1. HTTP inノードで受け取る
-
-    postで受けます。
-
-- 2. Functionノードでハンドリング
-
-■テキスト例
-
-```js
-if (msg.payload.events[0].message.text == '夏') {
-    // 「夏」を受信したら「暑い」と返事する
-    msg.payload.events[0].message.text = '暑い';
-} else {
-    // それ以外を受信したら「わかりません」と返事する
-    msg.payload.events[0].message.text = 'わかりません';
-}
-return msg;
-```
-
-■画像例
-
-```js
-msg.payload.events[0].message.originalContentUrl = `https://pbs.twimg.com/profile_images/1165566424699457537/IYBnJ1i5_400x400.jpg`
-
-return msg;
-```
-
-- 3. Reply Messageノードでリプライ
-
-![](https://i.gyazo.com/d3df3a28e010b008043ed80ae6a672ea.gif)
+1. Webhookノードを配置し、ダブルクリックで設定を開き、指定した `/path` と自身のホスト名の組み合わせ（Webhook URL）を、LINE Developersであらかじめ作成したMessaging APIに登録します。
+2. ReplyMessageノードを配置し、チャネルのシークレットとアクセストークンを設定します。
+3. WebhookノードとReplyMessageノードを接続してLINEにメッセージを送るとオウム返しBotができます。  
+  [![Image from Gyazo](https://i.gyazo.com/7da2dbecfc69515edf852cf7a26d9196.gif)](https://gyazo.com/7da2dbecfc69515edf852cf7a26d9196)
+4. WebhookノードとReplyMessageノードの中間で `msg.payload` をうまく作成すると様々なメッセージが送れます。文字列を指定すると通常のテキストメッセージに、[LINEで定義されているメッセージオブジェクト](https://developers.line.biz/ja/reference/messaging-api/#message-objects)を指定すればそのメッセージを返信することができます。
 
 ### Push Message
 

package/nodes/bloadcast/bloadcast.html

@@ -15,8 +15,9 @@
         outputs: 1,
         icon: "comment.png",
         align: "right",
-        label: function() {
-            return this.name||"BloadcastMessage";
+        paletteLabel: 'Bloadcast',
+        label: function () {
+            return this.name || 'BloadcastMessage';
         }
     });
 </script>

package/nodes/push/push.html

@@ -14,8 +14,9 @@
         outputs: 0,
         icon: "comment.png",
         align: "right",
+        paletteLabel: 'Push',
         label: function() {
-            return this.name||"PushMessage";
+            return this.name || 'PushMessage';
         }
     });
 </script>

package/nodes/reply/reply.html

@@ -14,8 +14,9 @@
         outputs:0,
         icon: "comment.png",
         align: "right",
-        label: function() {
-            return this.name||"ReplyMessage";
+        paletteLabel: 'Reply',
+        label: function () {
+            return this.name || 'ReplyMessage';
         }
     });
 </script>
@@ -38,7 +39,7 @@
 
     <div class="form-row">
         <label for="node-input-replyMessage"><i class="icon-tag"></i> ReplyMessage</label>
-        <input type="text" id="node-input-replyMessage" placeholder="空の場合はおうむ返しします">
+        <input type="text" id="node-input-replyMessage" placeholder="static text message here">
     </div>
 </script>
 

package/nodes/reply/reply.js

@@ -16,13 +16,13 @@ module.exports = (RED) => {
             };
         }
 
-        if(lineconfig.channelSecret === '' || lineconfig.channelAccessToken === '') {
-            this.error(RED._("token not found"));
+        if (lineconfig.channelSecret === '' || lineconfig.channelAccessToken === '') {
+            this.error(RED._('token not found'));
         }
 
         const client = new line.Client(lineconfig);
 
-        //メインの処理
+        // 旧仕様
         const handleEvent = (event) => {
             if (event.type !== 'message') {
                 return Promise.resolve(null);
@@ -31,13 +31,13 @@ module.exports = (RED) => {
             if (event.message.type === 'text') {
                 return client.replyMessage(event.replyToken, {
                     type: 'text',
-                    text: config.replyMessage || event.message.text //実際に返信の言葉を入れる箇所
-                  });
+                    text: config.replyMessage || event.message.text // 実際に返信の言葉を入れる箇所
+                });
             } else if (event.message.type === 'flex') {
                 const message_text = event.message.altText;
 
                 return client.replyMessage(event.replyToken, {
-                    type: "flex",
+                    type: 'flex',
                     altText: message_text,
                     contents: event.message.text
                 });
@@ -52,27 +52,59 @@ module.exports = (RED) => {
             }
         }
 
-        node.on('input', (msg) => {
-            Promise
-                .all(msg.payload.events.map(handleEvent))
-                .then(result => {
-                    // [{}]が返ってきてる
-                    if (result.length === 1 && 0 === Object.keys(result[0]).length) {
-                        result = {status: 200, message: 'Success'}
-                    }
-                    msg.payload = result;
-                    node.send(msg)
-                }).catch(err => {
-                    console.log(err);
-                    node.error(err);
+        // 新仕様
+        const reply = (msg) => {
+            if (!msg.line || !msg.line.event || !msg.line.event.type) {
+                throw 'no valid LINE event found within msg';
+            } else if (!msg.line.event.replyToken) {
+                throw 'no replyable LINE event received';
+            } else if (!msg.payload) {
+                throw 'reply content (msg.payload) is empty';
+            } else if (typeof msg.payload === 'object' && msg.payload.type) {
+                // payloadがオブジェクトの場合はメッセージオブジェクト扱いで送信される
+                return client.replyMessage(msg.line.event.replyToken, msg.payload);
+            } else {
+                // payloadがそれ以外なら強制的に文字列に変換しテキストメッセージ扱いで送信する
+                return client.replyMessage(msg.line.event.replyToken, {
+                    type: 'text',
+                    text: config.replyMessage || String(msg.payload)
                 });
+            }
+        }
+
+        node.on('input', async (msg) => {
+            if (msg.line && msg.line.event) {
+                // 新仕様
+                try {
+                    const result = await reply(msg);
+                    console.info(result);
+                } catch (err) {
+                    console.warn(err);
+                    node.error(err);
+                }
+            } else if (msg.payload.events) {
+                // 旧仕様
+                Promise
+                    .all(msg.payload.events.map(handleEvent))
+                    .then(result => {
+                        // [{}]が返ってきてる
+                        if (result.length === 1 && 0 === Object.keys(result[0]).length) {
+                            result = { status: 200, message: 'Success' }
+                        }
+                        msg.payload = result;
+                        node.send(msg)
+                    }).catch(err => {
+                        console.log(err);
+                        node.error(err);
+                    });
+            }
         });
     }
 
-    RED.nodes.registerType("ReplyMessage", main, {
+    RED.nodes.registerType('ReplyMessage', main, {
         credentials: {
-            channelSecret: { type:"password" },
-            channelAccessToken: { type:"password" },
+            channelSecret: { type:'password' },
+            channelAccessToken: { type:'password' },
         }
     });
 }

package/nodes/webhook/webhook.html

@@ -0,0 +1,59 @@
+<script type="text/javascript">
+    RED.nodes.registerType('Webhook', {
+        category: 'LINE',
+        color: '#01B301',
+        defaults: {
+            name: { value: '' },
+            url: { value: '', required: true }
+        },
+        inputs: 0,
+        outputs: 1,
+        icon: 'inject.svg',
+        paletteLabel: 'Webhook',
+        label: function () {
+            if (this.name) {
+                return this.name;
+            } else if (this.url) {
+                let root = RED.settings.httpNodeRoot;
+                if (root.slice(-1) != '/') {
+                    root = root + '/';
+                }
+                if (this.url.charAt(0) == '/') {
+                    root += this.url.slice(1);
+                } else {
+                    root += this.url;
+                }
+                return root;
+            } else {
+                return 'Webhook';
+            }
+        },
+        oneditprepare: function () {
+            let root = RED.settings.httpNodeRoot;
+            if (root.slice(-1) == '/') {
+                root = root.slice(0, -1);
+            }
+            if (root == '') {
+                $('#node-input-tip').hide();
+            } else {
+                $('#node-input-path').html(root);
+                $('#node-input-tip').show();
+            }
+        }
+    });
+</script>
+
+<script type="text/x-red" data-template-name="Webhook">
+    <div class="form-row">
+        <label for="node-input-url"><i class="fa fa-globe"></i> Path</label>
+        <input id="node-input-url" type="text" placeholder="/webhook">
+    </div>
+    <div class="form-row">
+        <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
+        <input id="node-input-name" type="text" placeholder="Name">
+    </div>
+</script>
+
+<script type="text/x-red" data-help-name="Webhook">
+    <p>A webhook endpoint node that receives from LINE platform when fire any events occurred.</p>
+</script>

package/nodes/webhook/webhook.js

@@ -0,0 +1,191 @@
+/**
+ * 公式ノード http in ベース
+ * @see https://raw.githubusercontent.com/node-red/node-red/master/packages/node_modules/@node-red/nodes/core/network/21-httpin.js
+ */
+
+module.exports = function (RED) {
+    'use strict';
+
+    const bodyParser = require('body-parser');
+    const cors = require('cors');
+
+    function createResponseWrapper(node, res) {
+        const wrapper = {
+            _res: res
+        };
+        const toWrap = [
+            'append',
+            'attachment',
+            'cookie',
+            'clearCookie',
+            'download',
+            'end',
+            'format',
+            'get',
+            'json',
+            'jsonp',
+            'links',
+            'location',
+            'redirect',
+            'render',
+            'send',
+            'sendfile',
+            'sendFile',
+            'sendStatus',
+            'set',
+            'status',
+            'type',
+            'vary'
+        ];
+        toWrap.forEach(function (f) {
+            wrapper[f] = function () {
+                node.warn(RED._('webhook.errors.deprecated-call', { method: 'msg.res.' + f }));
+                const result = res[f].apply(res, arguments);
+                if (result === res) {
+                    return wrapper;
+                } else {
+                    return result;
+                }
+            }
+        });
+        return wrapper;
+    }
+
+    let corsHandler = function (req, res, next) { next(); }
+
+    if (RED.settings.httpNodeCors) {
+        corsHandler = cors(RED.settings.httpNodeCors);
+        RED.httpNode.options('*', corsHandler);
+    }
+
+    // LINEイベント種別から適切な文字列を返す
+    function eventToString(event) {
+        if (event.type === 'message') {
+            // メッセージ系イベント
+            switch (event.message.type) {
+                case 'text':
+                    return event.message.text;
+                case 'image':
+                case 'video':
+                case 'audio':
+                case 'file':
+                    // 実装予定
+                    return '(media)';
+                case 'location':
+                    return event.message.address;
+                case 'sticker':
+                    return '(sticker)';
+                default:
+                    return '(unknown message event)';
+            }
+        } else {
+            // メッセージじゃない
+            switch (event.type) {
+                case 'unsend':
+                    return '(unsend)';
+                case 'follow':
+                    return '(follow)';
+                case 'unfollow':
+                    return '(unfollow)';
+                case 'join':
+                    return '(join)';
+                case 'leave':
+                    return '(leave)';
+                case 'memberJoined':
+                    return '(memberJoined)';
+                case 'memberLeft':
+                    return '(memberLeft)';
+                case 'postback':
+                    if (event.postback.params.datetime) return event.postback.params.datetime;
+                    else if (event.postback.params.newRichMenuAliasId) return event.postback.params.newRichMenuAliasId;
+                    else '(postback)';
+                case 'videoPlayComplete':
+                    return 'videoPlayComplete';
+                case 'beacon':
+                    return (event.beacon.dm) ? event.beacon.dm : event.beacon.hwid;
+                case 'accountLink':
+                    return '(accountLink)';
+                case 'things': // typeによって連携・連携解除・シナリオ実行の3種がある
+                    return event.things.deviceId;
+                default:
+                    return '(unknown event)';
+            }
+        }
+    }
+
+    function Webhook(config) {
+        RED.nodes.createNode(this, config);
+        if (RED.settings.httpNodeRoot !== false) {
+
+            if (!config.url) {
+                this.warn(RED._('webhook.errors.missing-path'));
+                return;
+            }
+            this.url = config.url;
+            if (this.url[0] !== '/') {
+                this.url = '/' + this.url;
+            }
+
+            const node = this;
+
+            // エラー時
+            this.errorHandler = function (err, req, res, next) {
+                node.warn(err);
+                res.sendStatus(500);
+            };
+
+            // 受信してmsgを送り出すところ
+            this.callback = function (req, res) {
+                const msgid = RED.util.generateId();
+                res._msgid = msgid;
+                // Webhook共通
+                if (req.body.destination && req.body.events) {
+                    // イベントと同数のmsgを送信
+                    req.body.events.forEach(event => {
+                        node.send({
+                            _msgid: msgid,
+                            req: req,
+                            res: createResponseWrapper(node, res),
+                            line: {
+                                destination: req.body.destination,
+                                event: event, // 個別のイベント
+                                events: req.body.events, // 生イベント配列
+                            },
+                            payload: eventToString(event)
+                        });
+                    });
+                }
+                // 空データをLINEプラットフォームへ返す (200 OK)
+                const wrapper = createResponseWrapper(node, res);
+                wrapper._res.set('content-length', 0);
+                wrapper._res.status(200).send('');
+            };
+
+            const httpMiddleware = function (req, res, next) { next(); }
+
+            if (RED.settings.httpNodeMiddleware) {
+                if (typeof RED.settings.httpNodeMiddleware === 'function' || Array.isArray(RED.settings.httpNodeMiddleware)) {
+                    httpMiddleware = RED.settings.httpNodeMiddleware;
+                }
+            }
+
+            const maxApiRequestSize = RED.settings.apiMaxLength || '5mb';
+            const jsonParser = bodyParser.json({ limit: maxApiRequestSize });
+
+            // 必ずPOSTで受ける
+            RED.httpNode.post(this.url, httpMiddleware, corsHandler, jsonParser, this.callback, this.errorHandler);
+
+            this.on('close', function () {
+                const node = this;
+                RED.httpNode._router.stack.forEach(function (route, i, routes) {
+                    if (route.route && route.route.path === node.url && route.route.methods['post']) {
+                        routes.splice(i, 1);
+                    }
+                });
+            });
+        } else {
+            this.warn(RED._('webhook.errors.not-created'));
+        }
+    }
+    RED.nodes.registerType('Webhook', Webhook);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "node-red-contrib-line-messaging-api",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "description": "LINE Messaging APIです",
   "main": "line.js",
   "repository": {
@@ -13,6 +13,7 @@
   },
   "node-red": {
     "nodes": {
+      "Webhook": "./nodes/webhook/webhook.js",
       "ReplyMessage": "./nodes/reply/reply.js",
       "PushMessage": "./nodes/push/push.js",
       "BloadcastMessage": "./nodes/bloadcast/bloadcast.js",
@@ -28,6 +29,8 @@
   "license": "Apache 2.0",
   "dependencies": {
     "@line/bot-sdk": "^7.2.0",
+    "body-parser": "^1.19.1",
+    "cors": "^2.8.5",
     "express": "^4.17.1"
   }
 }