iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 4
0
AI & Machine Learning

ChatBot&Chatbase系列 第 4

Day4[Messenger ChatBot]收發訊息

設定webhook的方式,目前還是依照Day2所說的快速法
雖然每次都需要重新設定有點麻煩…
總之 終於來到chatbot的部分
初步的先做一個可以收發訊息的bot
使用的python檔案為app.py
( 原檔出處:https://gist.github.com/nikhilkumarsingh/8f6e109e4968820d37dd27d4afbf72b0#file-app-py )
以下為程式碼
https://ithelp.ithome.com.tw/upload/images/20171223/20107144P4osRHk7HC.png
https://ithelp.ithome.com.tw/upload/images/20171223/20107144qJE9t3uWtJ.png

  1. 打開這個檔案先將 PAGE_ACCESS_TOKEN的部分改成自己的粉絲專頁權杖
    也就是在facebook developers > 應用程式 > Messenger > 權杖產生 (如下圖)
    https://ithelp.ithome.com.tw/upload/images/20171223/201071447vLwkuK89k.png
  2. 確認port的地方跟ngrok開啟的http的port是一致的
    此圖為app.py內的程式
    https://ithelp.ithome.com.tw/upload/images/20171223/2010714474Y8mUdWNy.png
    此圖為開啟ngrok.exe後的cmd,要輸入的指令
    https://ithelp.ithome.com.tw/upload/images/20171223/20107144wR3ppoARRk.png
    準備好以上步驟,就可以來開啟檔案測試囉!!
    --------------------------------------我是分隔線-------------------------------------------------
    依照整個過程與步驟再統整一下!!
  3. 用cmd進入檔案所在位置,打開app.py,指令如下:
    $cd 檔案所在的資料夾
    $python app.py
    https://ithelp.ithome.com.tw/upload/images/20171223/20107144Y76doQ3B2B.png
  4. 打開ngrok.exe
  5. 跑出cmd後,輸入
    $ngrok.exe http 80
    (80的部分是根據app.py檔中所輸入的port)
    https://ithelp.ithome.com.tw/upload/images/20171223/20107144Qca2a43s8q.png
    之後就會產生https的網址
    !!!注意!!!以上兩個cmd不要關閉!!!
  6. 複製https的網址進入facebook developers裡進行設定
    https://ithelp.ithome.com.tw/upload/images/20171223/20107144be8MV90IE2.png
  7. 驗證成功後,就可以進到test你的Chatbot啦~~
    此圖為 在收到訊息後回覆相同訊息
    https://ithelp.ithome.com.tw/upload/images/20171223/201071447CLlR4LEfA.png
    也可以在Windows PowerShell看到整個訊息事件(包括id,時間,訊息內容等等)

上一篇
Day3[Messenger ChatBot]!!求助!! 使用Cloudflare設定Webhook(解決方法在Day5))
下一篇
Day5[Messenger ChatBot]利用Wit.ai自定義回覆內容
系列文
ChatBot&Chatbase30

尚未有邦友留言

立即登入留言