Webduino使用LINE自訂積木(三):LINE Bot

在Webduino Blockly程式積木中使用自訂積木,
匯入:https://buberhu.github.io/webduino_LINE_V3/blockly.json
(此積木非官方提供,僅供測試,請勿用於正式專案)

在【進階功能 > LINE】找到【LINE Bot】積木

接下來說明如何設定LINE Messaging API取得LINE token與userID

開啟LINE Developers網站:https://developers.line.me/
登入自己的LINE帳號

首次登入,需輸入開發人員的【Name】與【Email】,勾選同意開發者協議後,按【Confirm】確認,再按【Register】註冊

看到歡迎畫面,按【Create New Provider】,Provider指的是提供應用程式的個人或公司實體

或從右上角帳戶的下拉選單中挑選【Add New Provider】也可以建立新的Provider

輸入自訂的【Provider name】,然後點擊【Confirm】,再點擊【Create】確認建立Provider

接下來,要在Provider中建立Messaging API Channel
(一個Provider,可以設定多個Channel)
看到中間的【Messaging API】,點擊【Create Channel】

開始輸入Messaging API channel資料

在確認並同意之後,將頁面捲動至下方,
必須再勾選兩個同意項,然後按【Create】完成Messaging API建立

回到Provider List的頁面,點選剛建立的Messaging API channel進入設定

選擇Channel settings標籤頁

捲動頁面至下方【Messaging settings】區域
  • Channel access token:
    點擊右邊的【Issue】發行token,
    這裡的token字串,會設定到Webduino程式積木中
    發行的過程會提示您舊的token預定在幾個小時後失效,請維持0不要更動,直接按【Issue】發行新token。
  • Use webhooks:
    點選右邊【Edit】,變更為Enabled
    (之後若遇到可以從積木程式傳送訊息給LINE Bot,卻無法接收到在Line Bot輸入的訊息時,請回來檢查此項設定,可能因為別處的設定而改回Disabled,請再次設定為Enabled。)
  • Webhook URL:
    可以先輸入下列Google Apps Script網址做測試(筆者做的),下一篇會說明如何建立自己的Google Apps Script接收LINE訊息
script.google.com/macros/s/AKfycbxcKfWOZ4QtNG-kur7W9ZKsHITFOc8K2O7L9YJzSUyQoyueu8Q/exec


再往下看到【Using LINE@ features】的區域



點選【Set message】,建議將【自動回應訊息】設為停用,才不會每次LINE Bot接收到訊息都自動回覆如下圖:很抱歉...
【Webhook】選項要設定成啟用,才不會將前面設定的【Use webhooks】又改回Disabled。
至於Greeting messages只有剛加入好友時會顯示提示訊息如下圖,可以設成Enabled,也可以點擊【Set message】自訂訊息

再往下看到【QR code of your bot】的區域,以手機掃描條碼,將LINE Bot加入好友
如果剛剛的Greeting messages沒有關閉,應該會收到LINE Bot傳送的訊息。

LINE Bot的QRcode也可以登入LINE@MANAGER取得
登入https://admin-official.line.me/ ,在帳號一覽中找到我們設定的LINE Bot,
點選進入後在左側選單中找到【帳號設定】> 【基本設定】,可以看到條碼與HTML標籤

再往下看到【Other】的區域
記下【Your user ID】的字串,上面取得的token與這裡的ID,將輸入Webduino程式積木中使用

現在,回到Webduino Blockly程式積木,輸入【token】與【userID】並設定簡單的接收訊息積木,執行後,在LINE Bot輸入文字,應該可以顯示在Webduino Blockly的網頁互動區域了

使用LINE Bot是希望能以LINE聊天的方式控制開發板動作,執行類似開關燈的命令輸出或感測器資訊輸入,做到realtime即時管理
下一篇將介紹這個自訂積木背後運作的原理,以及如何自己建立介接Webhook的網路應用程式

以下是LINE Bot積木的簡單範例
範例中,接收LINE聊天的訊息,控制Smart開發板的三色LED燈變換顏色,
同時將Smart開發板的光敏電阻所偵測到的光度變化回饋給LINE聊天

這個網誌中的熱門文章

Webduino使用LINE自訂積木(二):LINE Notify

製作 Micro:bit 循跡自走車(二):程式