node-red-contrib-line-messaging-api 0.3.4 → 0.4.0

package/nodes/config/config.html

@@ -3,36 +3,124 @@
         category: 'config',
         color: '#00afd5',
         defaults: {
-            name: {value: ""}
+            // botName は既存のまま
+            botName: { value: "" },
+            // botIconUrl を追加
+            botIconUrl: { value: "" }
         },
         credentials: {
-            LineChannelSecret: {},
-            LineChannelAccessToken: {},
+            LineChannelSecret: { type: "text" },
+            LineChannelAccessToken: { type: "text" }
         },
         label: function () {
-            return this.name || 'API Key';
+            return this.botName || 'No Title Bot';
+        },
+
+        oneditprepare: function () {
+            const node = this;
+
+            // すでに保存されている botIconUrl があれば表示する
+            if (node.botIconUrl) {
+                const botIconImg = document.getElementById("node-config-botIcon");
+                botIconImg.src = node.botIconUrl;
+                botIconImg.style.display = "block";
+            }
+
+            // 「Bot名＆アイコンを取得」ボタンイベント
+            const btnFetch = document.getElementById("node-config-fetch-info");
+            btnFetch.addEventListener("click", async () => {
+                const channelSecret = document.getElementById("node-config-input-LineChannelSecret").value;
+                const channelAccessToken = document.getElementById("node-config-input-LineChannelAccessToken").value;
+
+                if (!channelSecret || !channelAccessToken) {
+                    alert("Channel Secret と Access Token を入力してください。");
+                    return;
+                }
+
+                try {
+                    const response = await fetch("line-config/bot-info", {
+                        method: "POST",
+                        headers: { "Content-Type": "application/json" },
+                        body: JSON.stringify({ channelSecret, channelAccessToken })
+                    });
+                    if (!response.ok) {
+                        throw new Error(await response.text());
+                    }
+
+                    const botInfo = await response.json();
+
+                    // Bot Name をテキストボックスに反映
+                    if (botInfo.displayName) {
+                        document.getElementById("node-config-input-botName").value = botInfo.displayName;
+                    }
+
+                    // Icon URL を hidden input にセット + 実際に表示
+                    if (botInfo.pictureUrl) {
+                        const botIconImg = document.getElementById("node-config-botIcon");
+                        botIconImg.src = botInfo.pictureUrl;
+                        botIconImg.style.display = "block";
+
+                        document.getElementById("node-config-input-botIconUrl").value = botInfo.pictureUrl;
+                    } else {
+                        // pictureUrl がない or 取得失敗時
+                        document.getElementById("node-config-input-botIconUrl").value = "";
+                    }
+                } catch (err) {
+                    alert("Bot情報を取得できませんでした: " + err.message);
+                }
+            });
+        },
+
+        oneditsave: function() {
+            // Save 時に hidden input から this.botIconUrl に反映
+            this.botIconUrl = document.getElementById("node-config-input-botIconUrl").value;
         }
     });
 </script>
 
+
 <script type="text/html" data-template-name="lineConfig">
-    <p>LINE Bot Token Settings </p>
-    <div class="form-row">
-        <label for="node-input-name">
-            <i class="fa fa-tag fa-fw"></i> Bot Name
-        </label>
-        <input type="text" id="node-config-input-name" placeholder="Name">
-    </div>
+    <div class="line-color node-input-form">
+        <p>LINE Bot Token Settings</p>
 
-    <div class="form-row">
-      <label for="node-config-input-LineChannelSecret"> Channel Secret</label>
-      <input type="text" id="node-config-input-LineChannelSecret" placeholder="LINE Channel Secret">
-    </div>
+        <div class="form-row">
+            <label for="node-config-input-botName">
+                <i class="fa fa-tag fa-fw"></i> Bot Name
+            </label>
+            <input type="text" id="node-config-input-botName" placeholder="BOT Name">
+        </div>
 
-    <div class="form-row">
-      <label for="node-config-input-LineChannelAccessToken"> Channel Access Token</label>
-      <input type="text" id="node-config-input-LineChannelAccessToken" placeholder="LINE Channel Access Token">
-    </div>
+        <div class="form-row">
+            <label for="node-config-input-LineChannelSecret">Channel Secret</label>
+            <input type="text" id="node-config-input-LineChannelSecret" placeholder="LINE Channel Secret">
+        </div>
 
-</script>
+        <div class="form-row">
+            <label for="node-config-input-LineChannelAccessToken">Channel Access Token</label>
+            <input type="text" id="node-config-input-LineChannelAccessToken" placeholder="LINE Channel Access Token">
+        </div>
+
+        <!-- Bot Icon 表示エリア -->
+        <div class="form-row">
+            <label>Bot Icon</label><br/>
+            <img id="node-config-botIcon" src="" 
+                 style="display:none; max-width: 100px; border-radius: 10%;" />
+        </div>
 
+        <!-- アイコンURLを保存するための隠し入力項目 -->
+        <input type="hidden" id="node-config-input-botIconUrl" />
+        
+        <div class="form-row">
+            <button type="button" id="node-config-fetch-info">Bot名＆アイコンを取得</button>
+        </div>
+    </div>
+
+    <style>
+        .line-color {
+            background-color: #01B301;
+            padding: 10px;
+            border-radius: 5px;
+            color: white;
+        }
+    </style>
+</script>

package/nodes/config/config.js

@@ -1,18 +1,43 @@
 module.exports = function(RED) {
+    const { Client } = require('@line/bot-sdk');
+
     function main(n) {
         RED.nodes.createNode(this, n);
-        this.name = n.name;
-        this.LineChannelSecret = this.credentials.LineChannelSecret;
-        this.LineChannelAccessToken = this.credentials.LineChannelAccessToken;
+        // コンフィグノードの初期化
     }
- 
+
     RED.nodes.registerType("lineConfig", main, {
         defaults: {
-            name: {value: ""}
+            botName: { type: "text" }
         },
         credentials: {
-            LineChannelSecret: {type: "text"},
-            LineChannelAccessToken: {type: "text"}
+            LineChannelSecret: { type: "text" },
+            LineChannelAccessToken: { type: "text" }
         }
     });
- }
+
+    // Admin HTTP API 用のエンドポイント
+    RED.httpAdmin.post('/line-config/bot-info', async function(req, res) {
+        try {
+            const channelSecret = req.body.channelSecret;
+            const channelAccessToken = req.body.channelAccessToken;
+            if (!channelSecret || !channelAccessToken) {
+                return res.status(400).send("No channelSecret or channelAccessToken");
+            }
+
+            const clientConfig = {
+                channelSecret,
+                channelAccessToken
+            };
+            const client = new Client(clientConfig);
+
+            const botInfo = await client.getBotInfo();
+            // botInfo.displayName, botInfo.pictureUrl などを含む
+            return res.json(botInfo);
+
+        } catch (err) {
+            console.error("Failed to getBotInfo:", err);
+            res.status(500).send(err.message || "Failed to get botInfo");
+        }
+    });
+}

package/nodes/getBotInfo/getBotInfo.html

@@ -0,0 +1,44 @@
+<script>
+    RED.nodes.registerType('getBotInfo', {
+        category: 'LINE',
+        color: '#01B301',
+        defaults: {
+            name: {value: ''},
+            lineConfig: {value: "", type:"lineConfig", required:true},
+        },
+        inputs: 1,
+        outputs: 1,
+        icon: "watch.png",
+        align: 'right',
+        label: function () {
+            return this.name || 'getBotInfo';
+        },
+    });
+</script>
+
+<script type="text/html" data-template-name="getBotInfo">
+    <!-- 名前 -->
+    <div class="form-row">
+        <label for="node-input-name">
+            <i class="fa fa-tag"></i>
+            <span data-i18n="node-red:common.label.name"></span>
+        </label>
+        <input type="text" id="node-input-name" data-i18n="[placeholder]node-red:common.label.name">
+    </div>
+    
+    <!-- LINE Config -->
+    <div class="form-row">
+        <label for="node-input-lineConfig">
+            <i class="fa fa-tag"></i>
+            LINE Bot
+            <span data-i18n="getBotInfo.label.lineConfig"></span>
+        </label> <input type="text" id="node-input-lineConfig" data-i18n="[placeholder]getBotInfo.desc.lineConfig">
+    </div>
+    
+</script>
+
+<script type="text/html" data-help-name="getBotInfo">
+    <p>BOTの情報を取得します。</p>
+</script>
+
+

package/nodes/getBotInfo/getBotInfo.js

@@ -0,0 +1,46 @@
+module.exports = (RED) => {
+    'use strict';
+    
+    const line = require('@line/bot-sdk');
+
+    const main = function(config){
+        const node = this;
+        RED.nodes.createNode(node, config);
+
+        let lineconfig = {};
+        try {
+            lineconfig = require('../../env');
+        } catch (error) {
+            node.lineConfig = RED.nodes.getNode(config.lineConfig); //共通のlineConfigを取得
+
+            lineconfig = { 
+                channelSecret: node.lineConfig.credentials.LineChannelSecret,
+                channelAccessToken: node.lineConfig.credentials.LineChannelAccessToken
+            };
+        }
+        if(lineconfig.channelAccessToken === undefined || lineconfig.channelAccessToken === '') {
+            console.error('LINE token not found');
+            return;
+        }
+        const client = new line.messagingApi.MessagingApiClient(lineconfig);
+
+        // ここでLINE APIを呼び出す処理
+        node.on('input', async(msg, send, done) =>  {
+
+            try {
+                const res = await client.getBotInfo();
+                msg.payload = res;
+                send(msg);
+            } catch (error) {
+                console.error(error.body);
+                node.error(error.body, msg.payload);
+                send(msg);
+                done(error);
+            }
+
+            console.log("Message received:", msg.payload);
+        });
+    }
+
+    RED.nodes.registerType("getBotInfo", main);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "node-red-contrib-line-messaging-api",
-  "version": "0.3.4",
+  "version": "0.4.0",
   "description": "Node-REDでLINE Botが作れます。",
   "main": "line.js",
   "repository": {
@@ -19,6 +19,7 @@
       "BloadcastMessage": "./nodes/bloadcast/bloadcast.js",
       "Limit": "./nodes/limit/limit.js",
       "getProfile": "./nodes/getProfile/getProfile.js",
+      "getBotInfo": "./nodes/getBotInfo/getBotInfo.js",
       "config": "./nodes/config/config.js",
       "Loading": "./nodes/loading/loading.js",
       "ReplyMessage": "./nodes/reply/reply.js",