狠狠撸

Learn from the Expert
利用Luis打造FB聊天機器人
Johnson Gau
高榮章 2017.7

關於我
部落格:(松露筆管麵) http://trufflepenne.blogspot.tw
Microsoft
MVP

Agenda
聊天机器人趋势
LUIS 介紹
Bot Webapi
FB Bot
Iot 和 AI 的融合 - 魔镜
Sample code : https://github.com/johnsonkao/UVbot

mid-80s
PC
mid-90s
Web
mid-00s
Smartphone
mid-10s
Messaging
The world and technology are once again transforming
– Satya Nadella, CEO Microsoft
UI的演進
交談式UI成為新的平台

聊天機器人是甚麼
什麼是 Chatbot？他是種服務，透過 AI（人工智慧）或自行
定義的自動化規則，讓使用者可以透過聊天通訊的介面，與
其進行互動。如美國的 Carbros，就是一個能回答使用者購
車相關訊息的自動化購車服務。

查詢紫外線
宜蘭地點
宜蘭紫外線指數為 0.5
APP
宜蘭紫外線
指數為 0.5
宜蘭紫外
線多少
我
B
Chatbot

聊天機器人如何運作
理解
動機
提供回應

聊天機器人可提供哪些功能
? 理解動機
? 身分識別
? 歷史資料串接
? 地理資料解析
? 資料查詢
? 機器學習

聊天機器人的組成
AI人工智慧/ML機器學習
大量資料加上雲端運算和人工智慧、機
器學習，讓聊天機器人更像人類。
NLP自然語言處理
隨著演算法的快速進步、自然語言學也
跟著認知更好，越來越能理解人類的話。
通訊軟體
FB Messanger、WeChat、Line、Skype、
Teams紛紛支援Chat bot。

如何設計你的Bot
資料整合是全通路使用者體驗的致勝之道
用戶原本擁有的資訊用戶的即時資訊
內外部系統整合即時資訊
CRM、KM、銷售資料、
貨運資料、歷史資料
時區、地理座標、使用者
登入

開始規劃我們的Bot
通訊軟體
FB Messanger
Bot api
Bot framework
语意分析
Luis
你的服務
紫外線

AI應用
? Wit.ai
? API.AI
? Microsoft Cognitive
service
AI Tools Smart HomeService
Edge
computing

Microsoft Cognitive service
Luis 语意分析

Luis.ai網站 https://www.luis.ai

LUIS設計流程
建立础笔笔 Entity Intent
輸入語
句訓練
Publish

Intent & Entity
Intent
? 意圖
? 功能
Entity
? 關鍵字
? 變數
意圖 Intent
? 買機票
Entity 關鍵字
? Entity:Quntity, Location(From/To)
我想買[兩張][東京][來回]機票

语意分析的訓練
意圖 Intent
? 問紫外線指數
Entity 關鍵字
? Location > 宜蘭
告訴我[宜蘭]紫外線指數
[宜蘭]紫外線指數如何
[宜蘭]紫外線

Entity Type
Type 說明用途
Simple 單一的關鍵字一般用途
List 同義字的集合主類別—子類別
水果:鳳梨香蕉蘋果
Hierarchical 有子關鍵字的應用機票起訖地點
Location
--FromLocation
--ToLocation
https://docs.microsoft.com/zh-tw/azure/cognitive-services/luis/luis-concept-entity-types

Entity Type
Type 說明用途
Composite 一個Composite由其他Entity
組成
最多包含20Entity
像是語句
“幫我找2016年紅色Ford Mondeo和2008年白色Audi A4”
Car
--Color
--車廠
--型號
Prebuild dates, times, 和 geograph

输入鲍迟迟别谤补苍肠别蝉

Bot webapi設計流程
下載範本
建立Bot
專案
撰寫Luis
對話
上傳
Azure
註冊Bot
FW網站

1. 下載Bot Template
? 下載template LINK
? 儲存 zip 檔並解壓縮放到Visual Studio 2015 templates 目錄
"%USERPROFILE%DocumentsVisual Studio
2015TemplatesProjectTemplatesVisual C#"

2. 建立一個Bot專案
? Visual C# – Bot
Application
? 專案右鍵-重新建置
就會根據 Package.config把參考
的套件下載。

3. 撰寫Luis對話
? Copy UV.cs , OpenData.cs
? 新增UVDialog.cs
? 繼承LuisDialog<Ob ject >
? 設定[LuisModel…] 的key
? Intent撰寫
? MessagesController.cs
? Post 的RootDialoge改為UVDialog
? message.Type == ActivityTypes.ConversationUpdate 加入歡迎詞
? WebConfig把MicrosoftAppId/ MicrosoftAppPassword輸入

下載Bot Framework Emulator
https://emulator.botframework.com/

4. 發行到Azure web site
成功後

5.註冊你的Bot
1. 登入到Bot Framework portal
https://dev.botframework.com/
2. Create a bot

5.註冊你的Bot-cont
Profile
Configuration
先貼上https://your_bots_hostname/api/messages
把your_bots_hostname換成你在azue webs site的網址,

key對照
1. LUIS App id
2. LUIS End point key

Bot framework key對照
1. Microsoft App id
2. Microsoft AppPassword
1
2

Bot Framework 範例
https://github.com/Microsoft/BotBuilder-Samples

連接FB Bot 流程
註冊FB Developer
建立個人粉
絲頁
FB APP新增
Messnger應
用程式
設定Bot FW
的APP
設定FB APP

1. 註冊FB Developer
https://developers.facebook.com/

3. FB 新增Messenger應用程式
? 新增应用程式

? 產生權杖,最後會用到,先記住

4. 設定Bot FW的APP
Add a channel

打開FB開發者頁面---主控版，作資料查詢
A. Facebook Page ID:粉絲專頁編號
B. FB APP ID ：以下
C. Facebook App Secret:應用程式密鑰：以下
D:Page Access Token: FB 粉絲專頁存取權杖

5. 設定Bot FW的APP
回到FB webhook

? 成功後最後要記得訂閱自己的粉絲頁

架構
Bot Web API
Open
Data
Topic
Message
Hub
魔镜
Bot Framework
Channel
Web
IOPI
Weath
er API
MQTT
PushSubscribe
LUIS.AI 语意分析
人臉辨識
Mail
Sigfox
Unashield Sigfox web
人臉辨識

利用 Luis打造fb聊天機器人

狠狠撸

利用 Luis打造fb聊天機器人

More Related Content

利用 Luis打造fb聊天機器人

Editor's Notes