Webduino使用LINE自訂積木(一)：IFTTT

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

在【進階功能 > LINE】找到【LINE (IFTTT)】積木

接下來說明如何取得Event Name、Key以及如何使用Value1~3傳送LINE訊息

開啟IFTTT網站 https://ifttt.com/
點選【Sign up】註冊帳號並登入(可使用google或FB帳戶)
點選【My Applets > New Applet】建立新的程序
或從右上角帳戶的下拉選單中挑選【New Applet】也可以建立新的程序


點選【+this】，設定觸發方式

搜尋webhooks，點選【webhooks】圖示

點選【Receive a web request】

輸入自訂的【Event Name】，按下【Create Trigger】完成觸發設定
要記住EventName，等會要輸入到Webduino積木中

完成【this】設定之後，接著點選【+that】，設定要做的事

搜尋line，點選【LINE】圖示

登入自己的LINE帳號

選擇【同意並連動】，此時LINE應該收到好友【LINE Notify】發送的訊息了

點選【Send message】，開始設定要傳送的對象以及訊息格式

在【Recipient】下拉選單裡，可以設定訊息傳送的對象，是給自己還是群組

點擊【Message】空格，會發現變數的部分變成雙括弧，雙括弧是變數的設定方式，這裡的Value1~3就是Webduino積木要傳送過來的訊息，我們可以移除變數以外的文字，也可以加上<br>做跳行，或點選右下方的【Add ingredient】加入其他變數



我們也可以將Value3放到【Photo URL】空格裡，利用此變數傳送圖片

現在還缺一項資料：Webhooks的Key，
點選【My Applets > Services】 找到【Webhooks】
或從右上角帳戶的下拉選單中挑選【Services】也可以找到【Webhooks】

點選【Webhooks】後找到右上方的【Settings】

進入【Settings】之後，在帳戶資訊中可以看到URL，下圖紅線標註的部分就是要輸入Webduino積木的Key，
https://maker.ifttt.com/use/金鑰key
下方有一個【Edit connection】按鈕，點擊之後會重新產生Key

現在，回到Webduino Blockly程式積木，設定Event Name及Key，再輸入想傳送的訊息

收到LINE訊息了

結束了嗎？

還沒！
如果只是要傳送訊息，那麼使用下一篇要說的LINE Notify，設定會更簡單。之所以使用IFTTT是因為它不只是連結LINE，還可以連結其他服務，例如facebook。

與前面傳送LINE訊息稍有不同，傳送facebook訊息要先建立【Services】，無法在建立【Applets】程序的時候順便完成Services設定。

點選【My Applets > Services】或從右上角帳戶的下拉選單中挑選【Services】
在搜尋框中輸入facebook，如果找不到，點擊下方的【All services】，再重新找一次

選擇【Facebook Messenger】

點擊【Connect】，使用facebook帳號登入，點選【開始使用】
(首次設定或曾經設定過，出現的畫面與過程可能稍有不同)



此時Facebook Messenger應該收到IFTTT發送的訊息了，
提示您15分鐘內開啟IFTTT登記的email信箱，收確認信並點擊【Confirm connection】進行確認。
若來不及確認，可以再次點擊【Connect】重發確認信。

確認email後，Facebook Messenger會收到連線成功的提示

接下來...
您沒看錯，IFTTT網站的視窗不見了，原來是被Facebook Messenger的畫面取代掉了。
回到IFTTT https://ifttt.com/ ，開始建立程序：
點選【My Applets > New Applet】或從右上角帳戶的下拉選單中挑選【New Applet】

點選【+this】，設定觸發方式，
設定的步驟與前面設定LINE相同，【Event Name】改一下，其餘不再贅述。

完成【this】設定之後，接著點選【+that】，設定要做的事

搜尋facebook，點選【Facebook Messenger】圖示

點選【Send message】

看到【Message text】框格，已經有預設傳送的訊息


點擊【Message text】框格，加入變數Value1~3以及自己想傳送的文字，然後點擊【Create action】以及【Finish】完成設定


與傳送LINE訊息一樣，兩個程序共用Webhooks服務的Key
現在，回到Webduino Blockly程式積木，修改Event Name，再輸入想傳送的訊息

收到facebook訊息了

結束了嗎？

再撐一下！
如果您熟悉網頁程式語言，那麼以下兩種方式一樣可以透過Webhooks傳送訊息

一、開啟網頁瀏覽器，在網址處輸入以下字串
https://maker.ifttt.com/trigger/EventName/with/key/金鑰key?value1=值&value2=值&value3=值


二、寫一個html檔，內容如下
<html>
<head>
    <title></title>
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
</head>
<body>
<script>
    $(function(){
        $.post('https://maker.ifttt.com/trigger/事件名稱/with/key/金鑰',{value1:'值1',value2:'值2',value3:'值3'});
    });
</script>
</body>
</html>

下課了！

這個網誌中的熱門文章

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】發行新toke
閱讀完整內容

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

-
在Webduino Blockly程式積木中使用自訂積木， 匯入： https://buberhu.github.io/webduino_LINE_V3/blockly.json (此積木非官方提供，僅供測試，請勿用於正式專案) 在【進階功能 > LINE】找到【LINE Notify】積木 接下來說明如何取得LINE Notify權杖(token) 開啟LINE Notify網站： https://notify-bot.line.me/zh_TW/ ， 登入自己的LINE帳號 從網頁右上角帳戶的下拉選單中挑選【個人頁面】 首先看到【已連動的服務】， 如果有做過 上一篇 介紹的 IFTTT服務，會在這裡看到如下圖的項目 往下捲動頁面，看到發行存取權杖(開發人員用)， 點擊【發行權杖】 輸入自訂的【權杖名稱】，權杖名稱會顯示在傳送的訊息前面 選擇傳送訊息的對象，例如：【透過1對1聊天接收LINE Notify的通知】， 按下【發行】按鈕 紀錄或複製【已發行的權杖】，關閉頁面後，不會再看到權杖的資料 如果遺失權杖，可以再發行另一個新權杖，但與原來這個無關 現在，回到Webduino Blockly程式積木，設定【權杖】 加入LINE Notify的訊息積木 還可以加入【傳送表情符號】或【傳送圖片】 傳送表情符號需串接數字 表情符號的【STKPKGID】與【STKID】，請參閱官網： https://developers.line.biz/zh-hant/docs/messaging-api/sticker-list/ 傳送圖片需串接網址字串 傳送圖片的尺寸與格式，請參閱官網文件： https://notify-bot.line.me/doc/en/ 執行看看，應該可以收到LINE訊息了 現在，我們想了解LINE Notify自訂積木背後運作的原理 LINE Notify不使用 上一篇 介紹的IFTTT服務幫我們傳訊息，而是透過自己撰寫的Google Apps Script程序傳送 如果您熟悉網頁程式語言，我們可以自己建立Google Apps S
閱讀完整內容

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

-
編寫循跡程式之前，先來判讀紅外線感測元件接收到的類比訊號數值。 開啟Microsoft MakeCode網站  https://makecode.microbit.org/  ， 新增專案，建立下圖的積木程式，並上傳到micro:bit判讀數值 將三個紅外線感測器分別置於黑線與白色區域，紀錄讀取到的數值，這個數值會因角度;距離;元件自體差異而不同。 舉例讀取的數值，在黑線區域為350，白色區域為250，那麼我們可以設定300為基準值，大於300為黑線，小於300為白色區域。 現在，開始編輯循跡自走車的程式 在啟動中加入以下變數 建立讀取紅外線感測器數值的函數 建立前進;後退;停止;左轉;右轉;原地左轉;原地右轉的函數 P13,P14為右車輪，P15,P16為左車輪 兩個車輪P13與P15腳位輸出數位訊號高電位或低電位 P14與P16腳位以類比輸出PWM訊號控制轉速 我買到的 L9110S馬達驅動板比較特殊，若一個車輪轉動，另一個停止，那麼停止的這個車輪，兩個腳位都必須輸出高電位，若輸出低電位會造成轉動的那個車輪沒有反應。 建立按鈕A的程式，將變數start設為1，自走車才會開始行走。 最後，設定重複執行的程式， 依據 IR1(右邊)，IR2(中間)，IR3(左邊) 的變化做出行進動作 下課了！
閱讀完整內容