chatflow line bot chat

使用ChatFlow建立Line機器人

林哲豪 2018/12/06 11:00:00
455

使用ChatFlow建立Line機器人


簡介

本文將介紹如何將ChatFlow與Line官方帳號串接,使Line可以透過ChatFlow與使用者對話

作者

林哲豪


前言

Line官方帳號是現在最流行的粉絲團之一,
透過Line官方帳號能夠和客戶快速拉近距離,
因此我們可以結合Line官方帳號與chatflow甚至NLU,
讓Line官方帳號可以聰明的回覆使用者的訊息。

開始前準備

  1. 瀏覽器(以Google Chrome為範例)
  2. Chatflow帳號及相關操作方式
  3. Line帳號

步驟說明(一):Flow前置作業


建立Chatflow APP


Include Line 節點

一開始我們要先檢查是否有安裝line node
如果沒有安裝,是沒有辦法使用line chat node的喔!
首先到setting,選擇Node Installer
然後尋找左邊欄位的Line,按下藍色箭頭讓它到右邊去即可
到右邊以後並不需要另外按下儲存,只要直接關閉框框就可以了

建立流程

接下來我們要建立一段基本的對話,
因流程的操作並不在這次的介紹範圍內,
所以我們就以簡單的收發訊息來展示結果

登入Line developers

接下來我們要來建立稍後跟chatflow綁定的Line官方帳號,
點選上面的鏈結,或是Google搜尋「line developers」,並登入line帳號
會進入developers管理頁,選擇Create Provider

設定Provider名稱

Provider名稱有點像是專案名稱的概念,
並不是最後顯示在Line上的機器人名稱,
這很簡單,我就用圖片帶過(命名、確認)
然後進入到建立 channel的畫面,選擇Messaging API

機器人基本參數設定

接下來你應該已經進入到Create new channel畫面,
都是些基本的參數,但都是必填
 
以下為參數的大致說明:
App icon:官方帳號的圖像,也就是大頭貼
App name:官方帳號的名稱,每次設定過要經過7天以上才能再次更換
App description:官方帳號的描述
Plan:付費方案,對我們來說都一樣(因為我們用chatflow回應)
Category & Subcategory:機器人的分類
Email address:類似系統管理員的通知信箱
 
填完以後按Confirm、同意、同意、同意(你能不同意嗎?)
終於建立好囉,接下來我們就可以開始介紹chatflow和Line官方帳號的串接了!
馬上點進去剛才建立好的機器人吧

首先,進入Line官方帳號後,
注意這幾個欄位,這是我們稍後要調整的部分

建立Line Channel access token

建立方法很簡單,到Channel access token那邊,
按下右邊的Issue,如果你沒有要設定時間,就按Issue
 接下來複製這一大串長出來的字串,回到chatflow

Chatflow設定Line官方帳號資訊

 回到chatflow畫面後,打開Line In節點,並選擇設定Line資訊的按鈕(如圖所示)
Name只是識別用的,可以隨意取名 
Access Token就填入剛才在Line那邊產出來的Channel access token
Secret就填入Line的Channel secret
 
好了以後點一下Webhook URL進行複製,稍等要貼回Line那邊
上述步驟完成以後點選Add,然後點選OK完成設定

Line In完成以後,Line Out只需選擇和Line In相同的選項即可
操作完後flow這邊就算是完成了,記得要按下deploy才會生效

Line官方帳號設定Webhook URL和其他參數調整

 Chatflow完成以後,現在來介紹Line這邊要怎麼設定
首先是Webhook URL的部分,
 
點選Use webhooks右邊的Edit,然後選擇Enabled,Update儲存
再選Webhook URL右邊的Edit,然後貼上剛才在chatflow設定時複製下來的網址,記得要去掉https開頭,然後Update儲存
此時會發現多出一個Verify的按鈕,按下去以後它會去檢查你填的網址是否有效
有效的話會顯示Success
 

到此,Line官方帳號已經和chatflow串接到一起了,
但是還別急,還有參數沒設定完成的
上面兩個參數,是讓其他人可以使用Line的介面設定回應的,
對我們來說是不需要的存在,送它們disabled
 以上都設定完成了,接下來我們來試試看結果吧

測試結果

 加入好友後,進行對話
 接下來,就可以在chatflow中串上各式各樣的邏輯囉
林哲豪