Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
LINE Messaging API 結合LinkIt 7697
檔案連結 https://goo.gl/JHVgMB
CAVEDU 薛皓云
• Ngrok
– 限制每分鐘20筆資料
架構
Ngrok網站
• Web interface:(主機對外/對內的IP,
Port)
• Forwarding(網站->主機對內IP)
Python架構
• Argparse:處理內部網域設定
• Flask:簡易的網頁溝通,Default Port:
5000
• 參考網頁:
http://flask.pocoo.org/docs/0.12/
• https://github...
• Line-bot API入門參考:
https://devdocs.line.me/en/
• API line reply robot:
https://devdocs.line.me/en/?python#repl
y-message
...
Line Reply範例
登入LINE Business center
• https://business.line.me/zh-hant/
登入Line
透過手機進行用戶確認
註冊帳號
點選「帳號清單」
• 輸入名稱
• 上傳圖片
• 選擇業種
點擊開始使用API
進入LINE developers
點選 Channel Secret的SHOW
點擊OK
取得Channel Secret
點選Channel Access Token的ISSUE
設定access token的重置時間
取得Channel Access Token
Python 環境
Windows才需要另外安裝
MAC OSX、Linux(Raspberry Pi)應該都預先裝好了
https://www.python.org/
點選 Download Python 2.7.13
點擊安裝
PIP 安裝
Python的套件管理器、相當於Node.js的npm
• CODE > get-pip.py (或由此下載)
• 透過python執行
我的電腦(右鍵)內容
點選環境變數
輸入:; C:Python27Scripts
開啟CMD
• 在cmd下輸入以下:
– pip install line-bot-sdk
– pip install flask
Python範例
• 7697研習文件
>code>Line>app_with_handler.py
更新chn_secret&access token
• #21、22
執行(F5)
會看到以下訊息
將區網公開
https://ngrok.com/
執行ngrok
cmd輸入: ngrok http 8000
回到LINE DEVELOPERS
設定Webhook
• 將NGROK所生成的網址輸入進Webhook
URL
– 範例https://01a937aa.ngrok.io/callback
– 注意要輸入https
儲存設定
跟機器人加好友
測試
LinkIt 7697開發板設定
7697範例
• 7697研習文件
codeLineLine_control_led:
• Line_control_led.ino
#3 輸入ngrok所生成的網址
更新WIFI名稱&密碼#12~13
上傳程式並開啟序列埠監控視窗
透過LINE機器人控制LED
Python範例
Python rule
Flask API
EX:Line開燈,收到開燈
Handler處理器
開燈
Flask,回復一個token訊息給Line
IP試試看1
• http://127.0.0.1:8000/
IP試試看2:POST
• http://127.0.0.1:4040/
IP試試看3:GET、POST
LINE Messaging API with LinkIt 7697
LINE Messaging API with LinkIt 7697
LINE Messaging API with LinkIt 7697
LINE Messaging API with LinkIt 7697
LINE Messaging API with LinkIt 7697
LINE Messaging API with LinkIt 7697
LINE Messaging API with LinkIt 7697
LINE Messaging API with LinkIt 7697
LINE Messaging API with LinkIt 7697
LINE Messaging API with LinkIt 7697
LINE Messaging API with LinkIt 7697
LINE Messaging API with LinkIt 7697
LINE Messaging API with LinkIt 7697
LINE Messaging API with LinkIt 7697
LINE Messaging API with LinkIt 7697
LINE Messaging API with LinkIt 7697
LINE Messaging API with LinkIt 7697
LINE Messaging API with LinkIt 7697
LINE Messaging API with LinkIt 7697
LINE Messaging API with LinkIt 7697
LINE Messaging API with LinkIt 7697
LINE Messaging API with LinkIt 7697
LINE Messaging API with LinkIt 7697
LINE Messaging API with LinkIt 7697
LINE Messaging API with LinkIt 7697
LINE Messaging API with LinkIt 7697
LINE Messaging API with LinkIt 7697
Upcoming SlideShare
Loading in …5
×

LINE Messaging API with LinkIt 7697

2,716 views

Published on

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

Published in: Devices & Hardware
  • Hey guys! Who wants to chat with me? More photos with me here 👉 http://www.bit.ly/katekoxx
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

LINE Messaging API with LinkIt 7697

  1. 1. LINE Messaging API 結合LinkIt 7697 檔案連結 https://goo.gl/JHVgMB CAVEDU 薛皓云
  2. 2. • Ngrok – 限制每分鐘20筆資料
  3. 3. 架構
  4. 4. Ngrok網站 • Web interface:(主機對外/對內的IP, Port) • Forwarding(網站->主機對內IP)
  5. 5. Python架構 • Argparse:處理內部網域設定 • Flask:簡易的網頁溝通,Default Port: 5000 • 參考網頁: http://flask.pocoo.org/docs/0.12/ • https://github.com/pallets/flask
  6. 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. 7. Line Reply範例
  8. 8. 登入LINE Business center • https://business.line.me/zh-hant/
  9. 9. 登入Line
  10. 10. 透過手機進行用戶確認
  11. 11. 註冊帳號
  12. 12. 點選「帳號清單」
  13. 13. • 輸入名稱 • 上傳圖片 • 選擇業種
  14. 14. 點擊開始使用API
  15. 15. 進入LINE developers
  16. 16. 點選 Channel Secret的SHOW
  17. 17. 點擊OK
  18. 18. 取得Channel Secret
  19. 19. 點選Channel Access Token的ISSUE
  20. 20. 設定access token的重置時間
  21. 21. 取得Channel Access Token
  22. 22. Python 環境 Windows才需要另外安裝 MAC OSX、Linux(Raspberry Pi)應該都預先裝好了
  23. 23. https://www.python.org/
  24. 24. 點選 Download Python 2.7.13
  25. 25. 點擊安裝
  26. 26. PIP 安裝 Python的套件管理器、相當於Node.js的npm
  27. 27. • CODE > get-pip.py (或由此下載) • 透過python執行
  28. 28. 我的電腦(右鍵)內容
  29. 29. 點選環境變數
  30. 30. 輸入:; C:Python27Scripts
  31. 31. 開啟CMD
  32. 32. • 在cmd下輸入以下: – pip install line-bot-sdk – pip install flask
  33. 33. Python範例 • 7697研習文件 >code>Line>app_with_handler.py
  34. 34. 更新chn_secret&access token • #21、22
  35. 35. 執行(F5)
  36. 36. 會看到以下訊息
  37. 37. 將區網公開
  38. 38. https://ngrok.com/
  39. 39. 執行ngrok
  40. 40. cmd輸入: ngrok http 8000
  41. 41. 回到LINE DEVELOPERS
  42. 42. 設定Webhook • 將NGROK所生成的網址輸入進Webhook URL – 範例https://01a937aa.ngrok.io/callback – 注意要輸入https
  43. 43. 儲存設定
  44. 44. 跟機器人加好友
  45. 45. 測試
  46. 46. LinkIt 7697開發板設定
  47. 47. 7697範例 • 7697研習文件 codeLineLine_control_led: • Line_control_led.ino
  48. 48. #3 輸入ngrok所生成的網址
  49. 49. 更新WIFI名稱&密碼#12~13
  50. 50. 上傳程式並開啟序列埠監控視窗
  51. 51. 透過LINE機器人控制LED
  52. 52. Python範例 Python rule Flask API EX:Line開燈,收到開燈
  53. 53. Handler處理器 開燈 Flask,回復一個token訊息給Line
  54. 54. IP試試看1 • http://127.0.0.1:8000/
  55. 55. IP試試看2:POST • http://127.0.0.1:4040/
  56. 56. IP試試看3:GET、POST

×