# 創造你的聊天機器人
# 建立 LINE@ 聊天機器人
我們將在 GOSU BAR 中透過 [Messaging API](https://developers.line.biz/zh-hant/services/messaging-api/ "了解 Messaging API") 來製作 LINE@ 聊天機器人
首先我們需要先了解 [LINE@ 方案](http://at-blog.line.me/tw/archives/LINEOA2.0.html "了解 LINE@ 價格方案")
大致上分為**主動發送訊息的 Push API** 以及**被動回覆訊息的 Reply API** 兩種
##### [](https://book.gosu.bar/uploads/images/gallery/2020-02/ikrqf3wrErBoMuG7-line_api_type.png)
#####
##### Push API：
可隨時發送訊息給 LINE@ 的好友，會衍生出對應費用。
計算方式：
1\. 針對一個好友發送一次訊息組，則為發送一次訊息
2\. 針對一個群組或聊天室發送一次訊息組，若群組或聊天室成員數為 N，則為發送 N 次訊息
**※** 免費方案每月有 500 次額度
**※** 一個訊息組最多可以包含五則文字、圖片、卡片、海報等訊息
#####
##### Reply API：
免費，當 LINE@ 收到好友主動詢問服務時，於 **30** 秒內有一次回覆訊息組的機會。
**※** 使用時機：與 LINE@ 好友、好友對 LINE@ 發送訊息、好友點擊訊息上的按鈕等 **※** 一個訊息組最多可以包含五則文字、圖片、卡片、海報等訊息
#### 透過 GOSU BAR 一點都不複雜
透過 GOSU BAR ，你除了可以選擇是否啟用 Push API 之外
GOSU BAR 將自動以最佳的方式進行訊息傳送，也就是當可以使用免費 Reply API 時，GOSU BAR 將自動切換至 Reply API，否則才切換以 Push API 發送訊息
那麼接下來我們要開始建立 LINE@ 聊天機器人囉！
首先進入 [GOSU BAR 機器人管理](https://www.gosu.bar/app/bot)
選定社群平台並點擊按鈕
按照教學進行五階段的操作
若你尚未使用過 [LINE Developers](https://developers.line.biz/console/ "LINE 開發者管理介面")，首次登入將會進到以下頁面進行資料填寫與信箱認證
以下為操作過程的參考畫面，畫面中填寫的資料為假資料，請自行填寫實際資料
設定 Webhook 時，最容易遇到的問題為 LINE Developers 後台的狀況
只要確定 Webhook URL 沒錯即可，當點擊 Verify 時出現  訊息則不須理會
同時重新整理頁面並確保 是啟用狀態
若重新整理後發現狀態變回關閉，請再點擊啟用並等待數秒後重新整理並檢查是否成功
**※** 此過程可能需要嘗試數次才成功
於 GOSU BAR 平台中建立聊天機器人成功，如下圖：
接下來我們將進行以下步驟來嘗試功能是否正常
1\. 與 LINE@ 成為好友，並對 LINE@ 發送文字或貼圖，接著來到 [GOSU BAR 1 : 1 私訊](https://www.gosu.bar/app/private-message "GOSU BAR 1 : 1 私訊功能頁面") 頁面確認 GOSU BAR 是否正確收到訊息
 
完成以上操作無誤，代表訊息接收正常，若發現 1 : 1 私訊頁面中沒有收到訊息時，請先嘗試重新整理，若還是沒有收到訊息請檢查以下幾個設定：
- - Channel ID 填寫正確
- Channel secret 填寫正確
- Webhook URL 設定正確
- Use webhook 確定啟用
2\. 使用 1 : 1 私訊發送訊息並確認 LINE 是否收到透過 GOSU BAR 平台發送的訊息
完成以上操作無誤，代表訊息發送正常，若發現 LINE 沒有收到訊息時，請檢查以下設定：
- - Channel access token (long-lived) 填寫正確
完成以上操作後你就擁有 LINE@ 聊天機器人囉！
# 建立 Facebook 聊天機器人
我們將在 GOSU BAR 透過 [Messenger 平台](https://developers.facebook.com/docs/messenger-platform) 的 API 來建立 Facebook 粉絲專頁聊天機器人
首先我們要了解一下 Facebook 的平台政策與特性，Facebook 的推播政策除了訊息訂閱、訊息標籤、廣告等主動行為外，要遵守平台的 24 小時互動政策，也就是當使用者主動與粉絲專頁的 Messager 詢問服務時，粉專就有 24 小時的時間可以持續與使用者訊息來往，就聊天機器人場景而言，此政策相對於 LINE@ 的 Reply API 是靈活許多。
此外，Facebook 本身是一個具有擴散特性的平台，更可以透過以下幾種機制引發使用者與粉專進行互動：
- ##### 粉專貼文留言回覆、私訊回覆
此情境廣泛被應用於行銷、導購場景，當使用者對粉絲專頁的貼文留言時，將獲得回應一次該留言的機會，同時還可以再以 Messager 訊息引導互動的機會。[](https://book.gosu.bar/uploads/images/gallery/2019-12/ryaSkP0UcYhgF04F-test.png)
- ##### m.me 連結
此每一個粉絲專頁都會有自己專屬的 m.me 連結，格式如：[https://m.me/ShareCourse](https://m.me/ShareCourse "m.me 範例連結，以 ShareCourse 學聯網為例")，透過此連結可以在使用者點擊時直接引導進入粉專 Messager 中，若將 m.me 連結轉換為 QR Code 還可以應用於線下場合。
此外還可以帶入特定資訊直接讓使用者進入特定的互動流程，範例 [https://m.me/xxxTESTxxx?ref=buy\_item\_321](https://m.me/xxxTESTxxx?ref=buy_item_321 "m.me 夾帶資訊範例連結")
- ##### 透過 Customer Chat Plugin 讓使用者進入 Messager 對話
Messenger 體驗直接整合在網站中。讓與企業互動的顧客隨時能得到在 Messenger 中所提供的個人化、多媒體體驗。
[](https://book.gosu.bar/uploads/images/gallery/2019-12/WGOOKVQSV3CyUv8m-23423329_322601184884475_7886446887677460480_n.png)
在初步介紹 Facebook 後，將帶大家來進行 GOSU BAR 平台上的粉絲專頁權限授權，授權 GOSU BAR 能夠透過 API 對粉絲專頁與 Messager 操作與處理。
首先進入 GOSU BAR 平台的機器人管理
建立聊天機器人，平台選擇為 Facebook 並按下 『+ 開始新增機器人』按鈕，此時，若你沒有登入 Facebook，頁面會跳到
若已經登入則會直接跳到授權頁面
##### 建議將全部粉絲專頁授權，以免既有已授權的粉絲專頁遭取消而無法使用。
[](https://book.gosu.bar/uploads/images/gallery/2019-12/EqKDxUCDzE9yUX9k-Ed6Ds1xLhvk1iLTZzkJ-image-1576842857551.png)
到這邊我們就擁有一個 Facebook 聊天機器人囉！
####
確認授權是否有效可以點到機器人的進階管理的『聊天機器人憑證設定』
如下圖，則代表授權有效中～
# LINE Login 設定教學
透過 LINE Login 的幫助，我能夠做到在網頁中知道，正在瀏覽網頁的使用者的 LINE 身份為何。
首先我們進到 GOSU BAR 機器人進階管理中的 LINE LOGIN 設定，可以點擊初次設定教學開始進行設定唷！
總共有四個階段
當你設定完成後，請注意確實將 LINE Login 從 Developing
切換成 Published，當切換成功這個 LINE Login 回從只對管理者、開發者開放的狀態，變成對所有人都開放
此外需確認是否有把 Linked OA 對應到你的 LINE 官方帳號，這樣 LINE Login 時才有辦法直接引導使用者與 LINE 官方帳號成為好友
Callback URL 確實設定為: https://api.gosu.bar/oauth/line/logged
GOSU BAR 安全性白名單設定
# Facebook Messager 選單設定
接下來要教大家怎麼做到選單設定，首先進到 Facebook 機器人的進階設定，點擊左下角功能選單按鈕
點擊後將會看到設定介面
緊接著我們開始進行選單的設定，選單中有三種項目可以新增，分別為，POSTBACK、連結、資料夾
- 若要點擊後直接開啟網頁連結請選擇『連結』
- 若要製作階層式的功能選單請選擇『資料夾』
- 若要點擊後觸發對話流程請選擇『POSTBACK』
POSTBACK 設定方式如下
設定完成後，就可以在 Messager 中看到結果囉～
那麼當使用者點擊了『功能導覽』後要怎麼接續服務流程呢？
請看以下流程範例：
那麼最後我們會達到這樣的結果
