Control LinkIt 7697 and view sensor value though LINE. Using LINE Messaging API with ngrok.

1. LINE Messaging API 結合LinkIt 7697
檔案連結 https://goo.gl/JHVgMB
CAVEDU 薛皓云

2. • Ngrok
– 限制每分鐘２０筆資料

3. 架構

4. Ngrok網站
• Web interface：（主機對外／對內的ＩＰ，
Ｐｏｒｔ）
• Forwarding（網站－＞主機對內ＩＰ）

5. Python架構
• Argparse：處理內部網域設定
• Flask：簡易的網頁溝通，Default Port：
5000
• 參考網頁：
http://flask.pocoo.org/docs/0.12/
• https://github.com/pallets/flask

6. • Line-bot API入門參考：
https://devdocs.line.me/en/
• API line reply robot：
https://devdocs.line.me/en/?python#repl
y-message
• Line webhook rule：
https://devdocs.line.me/en/?python#web
hook-event-object

7. Line Reply範例

8. 登入LINE Business center
• https://business.line.me/zh-hant/

10. 登入Line

14. 透過手機進行用戶確認

15. 註冊帳號

16. 點選「帳號清單」

21. • 輸入名稱
• 上傳圖片
• 選擇業種

25. 點擊開始使用API

32. 進入LINE developers

33. 點選 Channel Secret的SHOW

34. 點擊OK

35. 取得Channel Secret

36. 點選Channel Access Token的ISSUE

37. 設定access token的重置時間

38. 取得Channel Access Token

39. Python 環境
Windows才需要另外安裝
MAC OSX、Linux(Raspberry Pi)應該都預先裝好了

40. https://www.python.org/

41. 點選 Download Python 2.7.13

42. 點擊安裝

47. PIP 安裝
Python的套件管理器、相當於Node.js的npm

48. • CODE > get-pip.py （或由此下載）
• 透過python執行

49. 我的電腦(右鍵)內容

50. 點選環境變數

52. 輸入：; C:Python27Scripts

53. 開啟CMD

54. • 在cmd下輸入以下：
– pip install line-bot-sdk
– pip install flask

55. Python範例
• 7697研習文件
>code>Line>app_with_handler.py

56. 更新chn_secret&access token
• #21、22

57. 執行（F5）

58. 會看到以下訊息

59. 將區網公開

60. https://ngrok.com/

63. 執行ngrok

64. cmd輸入: ngrok http 8000

66. 回到LINE DEVELOPERS

68. 設定Webhook
• 將NGROK所生成的網址輸入進Webhook
URL
– 範例https://01a937aa.ngrok.io/callback
– 注意要輸入https

69. 儲存設定

71. 跟機器人加好友

72. 測試

73. LinkIt 7697開發板設定

74. 7697範例
• 7697研習文件
codeLineLine_control_led:
• Line_control_led.ino

75. #3 輸入ngrok所生成的網址

76. 更新WIFI名稱&密碼#12~13

77. 上傳程式並開啟序列埠監控視窗

78. 透過LINE機器人控制LED

79. Python範例
Python rule
Flask API
EX:Line開燈，收到開燈

80. Handler處理器
開燈
Flask，回復一個token訊息給Line

81. IP試試看1
• http://127.0.0.1:8000/

82. IP試試看2：POST
• http://127.0.0.1:4040/

83. IP試試看3：GET、POST