![使用 App Inventor 傳送訊息到 LINE Part 2 使用 App Inventor 傳送訊息到 LINE Part 2](https://i0.wp.com/i.imgur.com/JIRqQp1.png?resize=1140%2C641&ssl=1)
使用 App Inventor 傳送訊息到 LINE Part 2
去年有寫過一篇教學文章,內容是透過 IFTTT 平台,從 App Inventor 傳送訊息到 LINE Notify,這次則要示範不使用 IFTTT,直接用 LINE Notify 的 API,將訊息傳送到 LINE,請跟著以下教學:
一、取得 LINE Notify 的存取權杖
於瀏覽器輸入以下網址:
「https://notify-bot.line.me/zh_TW/」
點擊網頁右上角的登入鈕,登入自己的 LINE 帳號。
![](https://i0.wp.com/i.imgur.com/c8xKl8M.png?w=960&ssl=1)
![](https://i0.wp.com/i.imgur.com/qemd9Ut.png?w=960&ssl=1)
登入後在右上角的下拉式選單選擇「個人頁面」
![](https://i0.wp.com/i.imgur.com/nM7pZLD.png?w=960&ssl=1)
網頁往下拉,點選「發行權杖」按鈕。
![](https://i0.wp.com/i.imgur.com/o11zwFb.png?w=960&ssl=1)
填寫權杖名稱,接著點選「透過1對1聊天接收LINE Notify的通知」,最後按發行按鈕。
![](https://i0.wp.com/i.imgur.com/oZ7V6Va.png?w=960&ssl=1)
將權杖先複製到記事本預備
![](https://i0.wp.com/i.imgur.com/hEwQmBB.png?w=960&ssl=1)
之後在個人頁面就可以看到剛剛發行的服務囉!
P.S. 點擊網頁底下的「LINE Notify API Document」按鈕,就可以看到 API 的使用方法了!等會兒要使用的方式也在裡面
![](https://i0.wp.com/i.imgur.com/fahpEkb.png?w=960&ssl=1)
二、新增 LINE Notify 為好友
我們必須將 LINE Notify 加為好友才能接受到訊息通知喔~~
於 LINE 的好友搜尋畫面,輸入以下 ID:
「@linenotify」
將 LINE Notify 加為好友
![](https://i0.wp.com/i.imgur.com/nQVwfPJ.png?w=960&ssl=1)
三、發送通知的 API 使用方式
於瀏覽器輸入以下網址:
「https://notify-bot.line.me/doc/en/」
將網頁往下拉到「Notification」
底下寫的就是使用方式!
先將 POST 右邊的網址複製到記事本預備,等等要設定為網路元件的網址。
「https://notify-api.line.me/api/notify」
![](https://i0.wp.com/i.imgur.com/xNua96Y.png?w=960&ssl=1)
再往下看到「Request method」,可以看到請求方法為 POST,以及請求標頭。
![](https://i0.wp.com/i.imgur.com/FzVgbv1.png?w=960&ssl=1)
先將請求標頭的值複製到記事本預備
![](https://i0.wp.com/i.imgur.com/RJeaPUX.png?w=960&ssl=1)
最後往下看到「Request parameters」
我們要帶入的參數為「message」,這個 message 的值就是我們要傳送的訊息。
![](https://i0.wp.com/i.imgur.com/JS3kC1T.png?w=960&ssl=1)
四、App Inventor 實作
開啟 App Inventor 並新增一個專案「LINE_Notify」
需要元件如下:
按鈕、對話框、網路
![](https://i0.wp.com/i.imgur.com/jF3r87Z.png?w=960&ssl=1)
切換至程式設計
新增三個變數如下:
message、access_token、headers
![](https://i0.wp.com/i.imgur.com/Dka2s2K.png?w=960&ssl=1)
P.S. headers 的 Authorization 的值,先設為空字串,因為剛定義的 token 變數無法拉進去,App Inventor 會跳錯誤,所以等按鈕被點選時,再重新設定。
接著拖拉按鈕被點選的方塊,如下:
![](https://i0.wp.com/i.imgur.com/03lzt1Y.png?w=960&ssl=1)
方塊解析:
首先設定網路元件的網址:
「https://notify-api.line.me/api/notify」
接著要修改 headers 的 Authorization 的值,然後將變數 headers 設給網路元件的請求標頭。
最後再執行 POST 文字請求,要帶入的參數為 message,格式為:
message=變數 message
最後當網路元件取得文字,回應程式碼為兩百的話就是成功,不論成功與否都用對話框顯示警告訊息。
![](https://i0.wp.com/i.imgur.com/EeOfixd.png?w=960&ssl=1)
App 至此就製作完成囉!
完整程式方塊
![](https://i0.wp.com/i.imgur.com/4DjCHfC.png?w=960&ssl=1)
專案 aia 檔案下載
專案執行影像
![](https://i0.wp.com/images.contentstack.io/v3/assets/bltf59a0f025a7625f9/blt822683c9ebfb0e0e/6445f4afd0a4771107c6ba02/9779_XS%E9%BA%9D%E9%A6%99%E8%91%A1%E8%90%84%E8%83%BD%E9%87%8F%E9%A3%B2_Mini_Poster_updated.jpg?w=640&ssl=1)
如果覺得文章內容還不錯的話,麻煩請幫我點個讚!感謝
可以多點幾次喔~~
第一次點讚需使用 Google 或 Facebook 帳號註冊
![單行 for 迴圈 教學 單行 for 迴圈 教學](https://i0.wp.com/i.imgur.com/6w8NDBn.png?resize=75%2C75&ssl=1)
![3-1:pip 安裝套件 3-1:pip 安裝套件](https://i0.wp.com/i.imgur.com/N29ub4k.png?resize=75%2C75&ssl=1)