利用 Luis打造fb聊天機器人

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

Transcript of 利用 Luis打造fb聊天機器人

Page 1: 利用 Luis打造fb聊天機器人

Learn from the Expert

利用Luis打造FB聊天機器人

Johnson Gau 高榮章 20177

關於我

部落格(松露筆管麵) httptrufflepenneblogspottw

MicrosoftMVP

Agenda

聊天機器人趨勢

LUIS 介紹

Bot Webapi

FB Bot

Iot 和 AI 的融合 - 魔鏡

Sample code httpsgithubcomjohnsonkaoUVbot

聊天機器人趨勢

mid-80s

PC

mid-90s

Web

mid-00s

Smartphone

mid-10s

Messaging

The world and technology are once again transformingndash Satya Nadella CEO Microsoft

UI的演進交談式UI成為新的平台

聊天機器人是甚麼

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

查詢紫外線

宜蘭地點

宜蘭紫外線指數為 05

APP

宜蘭紫外線指數為 05

宜蘭紫外線多少

B

Chatbot

聊天機器人如何運作

理解

動機提供回應

聊天機器人可提供哪些功能

bull 理解動機bull 身分識別bull 歷史資料串接bull 地理資料解析bull 資料查詢bull 機器學習

聊天機器人的組成

AI人工智慧ML機器學習大量資料加上雲端運算和人工智慧機器學習讓聊天機器人更像人類

NLP自然語言處理隨著演算法的快速進步自然語言學也跟著認知更好越來越能理解人類的話

通訊軟體FB MessangerWeChatLineSkypeTeams紛紛支援Chat bot

如何設計你的Bot資料整合是全通路使用者體驗的致勝之道

用戶原本擁有的資訊 用戶的即時資訊

內外部系統整合 即時資訊

CRMKM銷售資料貨運資料歷史資料

時區地理座標使用者登入

開始規劃我們的Bot

通訊軟體FB Messanger

Bot apiBot framework

語意分析Luis

你的服務紫外線

LUIS 介紹

AI應用

bull Witaibull APIAIbull Microsoft Cognitive

service

AI Tools Smart HomeService

Edge computing

Microsoft Cognitive service

Luis 語意分析

Luisai網站 httpswwwluisai

LUIS設計流程

建立APP Entity Intent輸入語句訓練

Publish

Intent amp Entity

Intent

bull 意圖

bull 功能

Entity

bull 關鍵字

bull 變數意圖 Intent

bull 買機票

Entity 關鍵字

bull EntityQuntity Location(FromTo)

我想買[兩張][東京][來回]機票

語意分析的訓練

意圖 Intent

bull 問紫外線指數

Entity 關鍵字

bull Location gt 宜蘭

告訴我[宜蘭]紫外線指數[宜蘭]紫外線指數如何[宜蘭]紫外線

建立APP

產生APP ID

建立Entity

Entity Type

Type 說明 用途

Simple 單一的關鍵字 一般用途

List 同義字的集合 主類別mdash子類別水果鳳梨香蕉蘋果

Hierarchical 有子關鍵字的應用 機票起訖地點Location--FromLocation--ToLocation

httpsdocsmicrosoftcomzh-twazurecognitive-servicesluisluis-concept-entity-types

Entity Type

Type 說明 用途

Composite 一個Composite由其他Entity組成最多包含20Entity

像是語句ldquo幫我找2016年紅色Ford Mondeo和2008年白色Audi A4rdquo Car--Color--車廠--型號

Prebuild dates times 和 geograph

List Entity

建立Intent

輸入Utterances

Training amp Publish

Bot webapi

Bot webapi設計流程

下載範本建立Bot專案

撰寫Luis對話

上傳Azure

註冊Bot FW網站

1 下載Bot Template

bull 下載template LINK

bull 儲存 zip 檔並解壓縮放到Visual Studio 2015 templates 目錄USERPROFILEDocumentsVisual Studio 2015TemplatesProjectTemplatesVisual C

2 建立一個Bot專案

bull Visual C ndash Bot Application

bull 專案右鍵-重新建置就會根據 Packageconfig把參考的套件下載

3 撰寫Luis對話

bull Copy UVcs OpenDatacs

bull 新增UVDialogcs

bull 繼承LuisDialogltOb ject gtbull 設定[LuisModelhellip] 的keybull Intent撰寫

bull MessagesControllercsbull Post 的RootDialoge改為UVDialogbull messageType == ActivityTypesConversationUpdate 加入歡迎詞

bull WebConfig把MicrosoftAppId MicrosoftAppPassword輸入

下載Bot Framework Emulatorhttpsemulatorbotframeworkcom

Bot Framework Emulator測試

4 發行到Azure web site

成功後

5註冊你的Bot1 登入到Bot Framework portal

httpsdevbotframeworkcom2 Create a bot

5註冊你的Bot-cont

ProfileConfiguration先貼上httpsyour_bots_hostnameapimessages把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 範例

httpsgithubcomMicrosoftBotBuilder-Samples

FB Bot

連接FB Bot流程

註冊FB Developer建立個人粉

絲頁

FB APP新增Messnger應

用程式

設定Bot FW的APP

設定FB APP

1 註冊FB Developerhttpsdevelopersfacebookcom

2 建立個人粉絲頁

3 FB 新增Messenger應用程式bull 新增應用程式

bull 新增產品-Messenger

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

4 設定Bot FW的APPAdd a channel

bull 設定下四個欄位

打開FB開發者頁面---主控版作資料查詢A Facebook Page ID粉絲專頁編號

B FB APP ID 以下

C Facebook App Secret應用程式密鑰以下

DPage Access Token FB 粉絲專頁存取權杖

5 設定Bot FW的APP回到FB webhook

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

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 2: 利用 Luis打造fb聊天機器人

關於我

部落格(松露筆管麵) httptrufflepenneblogspottw

MicrosoftMVP

Agenda

聊天機器人趨勢

LUIS 介紹

Bot Webapi

FB Bot

Iot 和 AI 的融合 - 魔鏡

Sample code httpsgithubcomjohnsonkaoUVbot

聊天機器人趨勢

mid-80s

PC

mid-90s

Web

mid-00s

Smartphone

mid-10s

Messaging

The world and technology are once again transformingndash Satya Nadella CEO Microsoft

UI的演進交談式UI成為新的平台

聊天機器人是甚麼

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

查詢紫外線

宜蘭地點

宜蘭紫外線指數為 05

APP

宜蘭紫外線指數為 05

宜蘭紫外線多少

B

Chatbot

聊天機器人如何運作

理解

動機提供回應

聊天機器人可提供哪些功能

bull 理解動機bull 身分識別bull 歷史資料串接bull 地理資料解析bull 資料查詢bull 機器學習

聊天機器人的組成

AI人工智慧ML機器學習大量資料加上雲端運算和人工智慧機器學習讓聊天機器人更像人類

NLP自然語言處理隨著演算法的快速進步自然語言學也跟著認知更好越來越能理解人類的話

通訊軟體FB MessangerWeChatLineSkypeTeams紛紛支援Chat bot

如何設計你的Bot資料整合是全通路使用者體驗的致勝之道

用戶原本擁有的資訊 用戶的即時資訊

內外部系統整合 即時資訊

CRMKM銷售資料貨運資料歷史資料

時區地理座標使用者登入

開始規劃我們的Bot

通訊軟體FB Messanger

Bot apiBot framework

語意分析Luis

你的服務紫外線

LUIS 介紹

AI應用

bull Witaibull APIAIbull Microsoft Cognitive

service

AI Tools Smart HomeService

Edge computing

Microsoft Cognitive service

Luis 語意分析

Luisai網站 httpswwwluisai

LUIS設計流程

建立APP Entity Intent輸入語句訓練

Publish

Intent amp Entity

Intent

bull 意圖

bull 功能

Entity

bull 關鍵字

bull 變數意圖 Intent

bull 買機票

Entity 關鍵字

bull EntityQuntity Location(FromTo)

我想買[兩張][東京][來回]機票

語意分析的訓練

意圖 Intent

bull 問紫外線指數

Entity 關鍵字

bull Location gt 宜蘭

告訴我[宜蘭]紫外線指數[宜蘭]紫外線指數如何[宜蘭]紫外線

建立APP

產生APP ID

建立Entity

Entity Type

Type 說明 用途

Simple 單一的關鍵字 一般用途

List 同義字的集合 主類別mdash子類別水果鳳梨香蕉蘋果

Hierarchical 有子關鍵字的應用 機票起訖地點Location--FromLocation--ToLocation

httpsdocsmicrosoftcomzh-twazurecognitive-servicesluisluis-concept-entity-types

Entity Type

Type 說明 用途

Composite 一個Composite由其他Entity組成最多包含20Entity

像是語句ldquo幫我找2016年紅色Ford Mondeo和2008年白色Audi A4rdquo Car--Color--車廠--型號

Prebuild dates times 和 geograph

List Entity

建立Intent

輸入Utterances

Training amp Publish

Bot webapi

Bot webapi設計流程

下載範本建立Bot專案

撰寫Luis對話

上傳Azure

註冊Bot FW網站

1 下載Bot Template

bull 下載template LINK

bull 儲存 zip 檔並解壓縮放到Visual Studio 2015 templates 目錄USERPROFILEDocumentsVisual Studio 2015TemplatesProjectTemplatesVisual C

2 建立一個Bot專案

bull Visual C ndash Bot Application

bull 專案右鍵-重新建置就會根據 Packageconfig把參考的套件下載

3 撰寫Luis對話

bull Copy UVcs OpenDatacs

bull 新增UVDialogcs

bull 繼承LuisDialogltOb ject gtbull 設定[LuisModelhellip] 的keybull Intent撰寫

bull MessagesControllercsbull Post 的RootDialoge改為UVDialogbull messageType == ActivityTypesConversationUpdate 加入歡迎詞

bull WebConfig把MicrosoftAppId MicrosoftAppPassword輸入

下載Bot Framework Emulatorhttpsemulatorbotframeworkcom

Bot Framework Emulator測試

4 發行到Azure web site

成功後

5註冊你的Bot1 登入到Bot Framework portal

httpsdevbotframeworkcom2 Create a bot

5註冊你的Bot-cont

ProfileConfiguration先貼上httpsyour_bots_hostnameapimessages把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 範例

httpsgithubcomMicrosoftBotBuilder-Samples

FB Bot

連接FB Bot流程

註冊FB Developer建立個人粉

絲頁

FB APP新增Messnger應

用程式

設定Bot FW的APP

設定FB APP

1 註冊FB Developerhttpsdevelopersfacebookcom

2 建立個人粉絲頁

3 FB 新增Messenger應用程式bull 新增應用程式

bull 新增產品-Messenger

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

4 設定Bot FW的APPAdd a channel

bull 設定下四個欄位

打開FB開發者頁面---主控版作資料查詢A Facebook Page ID粉絲專頁編號

B FB APP ID 以下

C Facebook App Secret應用程式密鑰以下

DPage Access Token FB 粉絲專頁存取權杖

5 設定Bot FW的APP回到FB webhook

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

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 3: 利用 Luis打造fb聊天機器人

Agenda

聊天機器人趨勢

LUIS 介紹

Bot Webapi

FB Bot

Iot 和 AI 的融合 - 魔鏡

Sample code httpsgithubcomjohnsonkaoUVbot

聊天機器人趨勢

mid-80s

PC

mid-90s

Web

mid-00s

Smartphone

mid-10s

Messaging

The world and technology are once again transformingndash Satya Nadella CEO Microsoft

UI的演進交談式UI成為新的平台

聊天機器人是甚麼

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

查詢紫外線

宜蘭地點

宜蘭紫外線指數為 05

APP

宜蘭紫外線指數為 05

宜蘭紫外線多少

B

Chatbot

聊天機器人如何運作

理解

動機提供回應

聊天機器人可提供哪些功能

bull 理解動機bull 身分識別bull 歷史資料串接bull 地理資料解析bull 資料查詢bull 機器學習

聊天機器人的組成

AI人工智慧ML機器學習大量資料加上雲端運算和人工智慧機器學習讓聊天機器人更像人類

NLP自然語言處理隨著演算法的快速進步自然語言學也跟著認知更好越來越能理解人類的話

通訊軟體FB MessangerWeChatLineSkypeTeams紛紛支援Chat bot

如何設計你的Bot資料整合是全通路使用者體驗的致勝之道

用戶原本擁有的資訊 用戶的即時資訊

內外部系統整合 即時資訊

CRMKM銷售資料貨運資料歷史資料

時區地理座標使用者登入

開始規劃我們的Bot

通訊軟體FB Messanger

Bot apiBot framework

語意分析Luis

你的服務紫外線

LUIS 介紹

AI應用

bull Witaibull APIAIbull Microsoft Cognitive

service

AI Tools Smart HomeService

Edge computing

Microsoft Cognitive service

Luis 語意分析

Luisai網站 httpswwwluisai

LUIS設計流程

建立APP Entity Intent輸入語句訓練

Publish

Intent amp Entity

Intent

bull 意圖

bull 功能

Entity

bull 關鍵字

bull 變數意圖 Intent

bull 買機票

Entity 關鍵字

bull EntityQuntity Location(FromTo)

我想買[兩張][東京][來回]機票

語意分析的訓練

意圖 Intent

bull 問紫外線指數

Entity 關鍵字

bull Location gt 宜蘭

告訴我[宜蘭]紫外線指數[宜蘭]紫外線指數如何[宜蘭]紫外線

建立APP

產生APP ID

建立Entity

Entity Type

Type 說明 用途

Simple 單一的關鍵字 一般用途

List 同義字的集合 主類別mdash子類別水果鳳梨香蕉蘋果

Hierarchical 有子關鍵字的應用 機票起訖地點Location--FromLocation--ToLocation

httpsdocsmicrosoftcomzh-twazurecognitive-servicesluisluis-concept-entity-types

Entity Type

Type 說明 用途

Composite 一個Composite由其他Entity組成最多包含20Entity

像是語句ldquo幫我找2016年紅色Ford Mondeo和2008年白色Audi A4rdquo Car--Color--車廠--型號

Prebuild dates times 和 geograph

List Entity

建立Intent

輸入Utterances

Training amp Publish

Bot webapi

Bot webapi設計流程

下載範本建立Bot專案

撰寫Luis對話

上傳Azure

註冊Bot FW網站

1 下載Bot Template

bull 下載template LINK

bull 儲存 zip 檔並解壓縮放到Visual Studio 2015 templates 目錄USERPROFILEDocumentsVisual Studio 2015TemplatesProjectTemplatesVisual C

2 建立一個Bot專案

bull Visual C ndash Bot Application

bull 專案右鍵-重新建置就會根據 Packageconfig把參考的套件下載

3 撰寫Luis對話

bull Copy UVcs OpenDatacs

bull 新增UVDialogcs

bull 繼承LuisDialogltOb ject gtbull 設定[LuisModelhellip] 的keybull Intent撰寫

bull MessagesControllercsbull Post 的RootDialoge改為UVDialogbull messageType == ActivityTypesConversationUpdate 加入歡迎詞

bull WebConfig把MicrosoftAppId MicrosoftAppPassword輸入

下載Bot Framework Emulatorhttpsemulatorbotframeworkcom

Bot Framework Emulator測試

4 發行到Azure web site

成功後

5註冊你的Bot1 登入到Bot Framework portal

httpsdevbotframeworkcom2 Create a bot

5註冊你的Bot-cont

ProfileConfiguration先貼上httpsyour_bots_hostnameapimessages把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 範例

httpsgithubcomMicrosoftBotBuilder-Samples

FB Bot

連接FB Bot流程

註冊FB Developer建立個人粉

絲頁

FB APP新增Messnger應

用程式

設定Bot FW的APP

設定FB APP

1 註冊FB Developerhttpsdevelopersfacebookcom

2 建立個人粉絲頁

3 FB 新增Messenger應用程式bull 新增應用程式

bull 新增產品-Messenger

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

4 設定Bot FW的APPAdd a channel

bull 設定下四個欄位

打開FB開發者頁面---主控版作資料查詢A Facebook Page ID粉絲專頁編號

B FB APP ID 以下

C Facebook App Secret應用程式密鑰以下

DPage Access Token FB 粉絲專頁存取權杖

5 設定Bot FW的APP回到FB webhook

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

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 4: 利用 Luis打造fb聊天機器人

聊天機器人趨勢

mid-80s

PC

mid-90s

Web

mid-00s

Smartphone

mid-10s

Messaging

The world and technology are once again transformingndash Satya Nadella CEO Microsoft

UI的演進交談式UI成為新的平台

聊天機器人是甚麼

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

查詢紫外線

宜蘭地點

宜蘭紫外線指數為 05

APP

宜蘭紫外線指數為 05

宜蘭紫外線多少

B

Chatbot

聊天機器人如何運作

理解

動機提供回應

聊天機器人可提供哪些功能

bull 理解動機bull 身分識別bull 歷史資料串接bull 地理資料解析bull 資料查詢bull 機器學習

聊天機器人的組成

AI人工智慧ML機器學習大量資料加上雲端運算和人工智慧機器學習讓聊天機器人更像人類

NLP自然語言處理隨著演算法的快速進步自然語言學也跟著認知更好越來越能理解人類的話

通訊軟體FB MessangerWeChatLineSkypeTeams紛紛支援Chat bot

如何設計你的Bot資料整合是全通路使用者體驗的致勝之道

用戶原本擁有的資訊 用戶的即時資訊

內外部系統整合 即時資訊

CRMKM銷售資料貨運資料歷史資料

時區地理座標使用者登入

開始規劃我們的Bot

通訊軟體FB Messanger

Bot apiBot framework

語意分析Luis

你的服務紫外線

LUIS 介紹

AI應用

bull Witaibull APIAIbull Microsoft Cognitive

service

AI Tools Smart HomeService

Edge computing

Microsoft Cognitive service

Luis 語意分析

Luisai網站 httpswwwluisai

LUIS設計流程

建立APP Entity Intent輸入語句訓練

Publish

Intent amp Entity

Intent

bull 意圖

bull 功能

Entity

bull 關鍵字

bull 變數意圖 Intent

bull 買機票

Entity 關鍵字

bull EntityQuntity Location(FromTo)

我想買[兩張][東京][來回]機票

語意分析的訓練

意圖 Intent

bull 問紫外線指數

Entity 關鍵字

bull Location gt 宜蘭

告訴我[宜蘭]紫外線指數[宜蘭]紫外線指數如何[宜蘭]紫外線

建立APP

產生APP ID

建立Entity

Entity Type

Type 說明 用途

Simple 單一的關鍵字 一般用途

List 同義字的集合 主類別mdash子類別水果鳳梨香蕉蘋果

Hierarchical 有子關鍵字的應用 機票起訖地點Location--FromLocation--ToLocation

httpsdocsmicrosoftcomzh-twazurecognitive-servicesluisluis-concept-entity-types

Entity Type

Type 說明 用途

Composite 一個Composite由其他Entity組成最多包含20Entity

像是語句ldquo幫我找2016年紅色Ford Mondeo和2008年白色Audi A4rdquo Car--Color--車廠--型號

Prebuild dates times 和 geograph

List Entity

建立Intent

輸入Utterances

Training amp Publish

Bot webapi

Bot webapi設計流程

下載範本建立Bot專案

撰寫Luis對話

上傳Azure

註冊Bot FW網站

1 下載Bot Template

bull 下載template LINK

bull 儲存 zip 檔並解壓縮放到Visual Studio 2015 templates 目錄USERPROFILEDocumentsVisual Studio 2015TemplatesProjectTemplatesVisual C

2 建立一個Bot專案

bull Visual C ndash Bot Application

bull 專案右鍵-重新建置就會根據 Packageconfig把參考的套件下載

3 撰寫Luis對話

bull Copy UVcs OpenDatacs

bull 新增UVDialogcs

bull 繼承LuisDialogltOb ject gtbull 設定[LuisModelhellip] 的keybull Intent撰寫

bull MessagesControllercsbull Post 的RootDialoge改為UVDialogbull messageType == ActivityTypesConversationUpdate 加入歡迎詞

bull WebConfig把MicrosoftAppId MicrosoftAppPassword輸入

下載Bot Framework Emulatorhttpsemulatorbotframeworkcom

Bot Framework Emulator測試

4 發行到Azure web site

成功後

5註冊你的Bot1 登入到Bot Framework portal

httpsdevbotframeworkcom2 Create a bot

5註冊你的Bot-cont

ProfileConfiguration先貼上httpsyour_bots_hostnameapimessages把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 範例

httpsgithubcomMicrosoftBotBuilder-Samples

FB Bot

連接FB Bot流程

註冊FB Developer建立個人粉

絲頁

FB APP新增Messnger應

用程式

設定Bot FW的APP

設定FB APP

1 註冊FB Developerhttpsdevelopersfacebookcom

2 建立個人粉絲頁

3 FB 新增Messenger應用程式bull 新增應用程式

bull 新增產品-Messenger

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

4 設定Bot FW的APPAdd a channel

bull 設定下四個欄位

打開FB開發者頁面---主控版作資料查詢A Facebook Page ID粉絲專頁編號

B FB APP ID 以下

C Facebook App Secret應用程式密鑰以下

DPage Access Token FB 粉絲專頁存取權杖

5 設定Bot FW的APP回到FB webhook

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

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 5: 利用 Luis打造fb聊天機器人

mid-80s

PC

mid-90s

Web

mid-00s

Smartphone

mid-10s

Messaging

The world and technology are once again transformingndash Satya Nadella CEO Microsoft

UI的演進交談式UI成為新的平台

聊天機器人是甚麼

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

查詢紫外線

宜蘭地點

宜蘭紫外線指數為 05

APP

宜蘭紫外線指數為 05

宜蘭紫外線多少

B

Chatbot

聊天機器人如何運作

理解

動機提供回應

聊天機器人可提供哪些功能

bull 理解動機bull 身分識別bull 歷史資料串接bull 地理資料解析bull 資料查詢bull 機器學習

聊天機器人的組成

AI人工智慧ML機器學習大量資料加上雲端運算和人工智慧機器學習讓聊天機器人更像人類

NLP自然語言處理隨著演算法的快速進步自然語言學也跟著認知更好越來越能理解人類的話

通訊軟體FB MessangerWeChatLineSkypeTeams紛紛支援Chat bot

如何設計你的Bot資料整合是全通路使用者體驗的致勝之道

用戶原本擁有的資訊 用戶的即時資訊

內外部系統整合 即時資訊

CRMKM銷售資料貨運資料歷史資料

時區地理座標使用者登入

開始規劃我們的Bot

通訊軟體FB Messanger

Bot apiBot framework

語意分析Luis

你的服務紫外線

LUIS 介紹

AI應用

bull Witaibull APIAIbull Microsoft Cognitive

service

AI Tools Smart HomeService

Edge computing

Microsoft Cognitive service

Luis 語意分析

Luisai網站 httpswwwluisai

LUIS設計流程

建立APP Entity Intent輸入語句訓練

Publish

Intent amp Entity

Intent

bull 意圖

bull 功能

Entity

bull 關鍵字

bull 變數意圖 Intent

bull 買機票

Entity 關鍵字

bull EntityQuntity Location(FromTo)

我想買[兩張][東京][來回]機票

語意分析的訓練

意圖 Intent

bull 問紫外線指數

Entity 關鍵字

bull Location gt 宜蘭

告訴我[宜蘭]紫外線指數[宜蘭]紫外線指數如何[宜蘭]紫外線

建立APP

產生APP ID

建立Entity

Entity Type

Type 說明 用途

Simple 單一的關鍵字 一般用途

List 同義字的集合 主類別mdash子類別水果鳳梨香蕉蘋果

Hierarchical 有子關鍵字的應用 機票起訖地點Location--FromLocation--ToLocation

httpsdocsmicrosoftcomzh-twazurecognitive-servicesluisluis-concept-entity-types

Entity Type

Type 說明 用途

Composite 一個Composite由其他Entity組成最多包含20Entity

像是語句ldquo幫我找2016年紅色Ford Mondeo和2008年白色Audi A4rdquo Car--Color--車廠--型號

Prebuild dates times 和 geograph

List Entity

建立Intent

輸入Utterances

Training amp Publish

Bot webapi

Bot webapi設計流程

下載範本建立Bot專案

撰寫Luis對話

上傳Azure

註冊Bot FW網站

1 下載Bot Template

bull 下載template LINK

bull 儲存 zip 檔並解壓縮放到Visual Studio 2015 templates 目錄USERPROFILEDocumentsVisual Studio 2015TemplatesProjectTemplatesVisual C

2 建立一個Bot專案

bull Visual C ndash Bot Application

bull 專案右鍵-重新建置就會根據 Packageconfig把參考的套件下載

3 撰寫Luis對話

bull Copy UVcs OpenDatacs

bull 新增UVDialogcs

bull 繼承LuisDialogltOb ject gtbull 設定[LuisModelhellip] 的keybull Intent撰寫

bull MessagesControllercsbull Post 的RootDialoge改為UVDialogbull messageType == ActivityTypesConversationUpdate 加入歡迎詞

bull WebConfig把MicrosoftAppId MicrosoftAppPassword輸入

下載Bot Framework Emulatorhttpsemulatorbotframeworkcom

Bot Framework Emulator測試

4 發行到Azure web site

成功後

5註冊你的Bot1 登入到Bot Framework portal

httpsdevbotframeworkcom2 Create a bot

5註冊你的Bot-cont

ProfileConfiguration先貼上httpsyour_bots_hostnameapimessages把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 範例

httpsgithubcomMicrosoftBotBuilder-Samples

FB Bot

連接FB Bot流程

註冊FB Developer建立個人粉

絲頁

FB APP新增Messnger應

用程式

設定Bot FW的APP

設定FB APP

1 註冊FB Developerhttpsdevelopersfacebookcom

2 建立個人粉絲頁

3 FB 新增Messenger應用程式bull 新增應用程式

bull 新增產品-Messenger

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

4 設定Bot FW的APPAdd a channel

bull 設定下四個欄位

打開FB開發者頁面---主控版作資料查詢A Facebook Page ID粉絲專頁編號

B FB APP ID 以下

C Facebook App Secret應用程式密鑰以下

DPage Access Token FB 粉絲專頁存取權杖

5 設定Bot FW的APP回到FB webhook

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

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 6: 利用 Luis打造fb聊天機器人

聊天機器人是甚麼

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

查詢紫外線

宜蘭地點

宜蘭紫外線指數為 05

APP

宜蘭紫外線指數為 05

宜蘭紫外線多少

B

Chatbot

聊天機器人如何運作

理解

動機提供回應

聊天機器人可提供哪些功能

bull 理解動機bull 身分識別bull 歷史資料串接bull 地理資料解析bull 資料查詢bull 機器學習

聊天機器人的組成

AI人工智慧ML機器學習大量資料加上雲端運算和人工智慧機器學習讓聊天機器人更像人類

NLP自然語言處理隨著演算法的快速進步自然語言學也跟著認知更好越來越能理解人類的話

通訊軟體FB MessangerWeChatLineSkypeTeams紛紛支援Chat bot

如何設計你的Bot資料整合是全通路使用者體驗的致勝之道

用戶原本擁有的資訊 用戶的即時資訊

內外部系統整合 即時資訊

CRMKM銷售資料貨運資料歷史資料

時區地理座標使用者登入

開始規劃我們的Bot

通訊軟體FB Messanger

Bot apiBot framework

語意分析Luis

你的服務紫外線

LUIS 介紹

AI應用

bull Witaibull APIAIbull Microsoft Cognitive

service

AI Tools Smart HomeService

Edge computing

Microsoft Cognitive service

Luis 語意分析

Luisai網站 httpswwwluisai

LUIS設計流程

建立APP Entity Intent輸入語句訓練

Publish

Intent amp Entity

Intent

bull 意圖

bull 功能

Entity

bull 關鍵字

bull 變數意圖 Intent

bull 買機票

Entity 關鍵字

bull EntityQuntity Location(FromTo)

我想買[兩張][東京][來回]機票

語意分析的訓練

意圖 Intent

bull 問紫外線指數

Entity 關鍵字

bull Location gt 宜蘭

告訴我[宜蘭]紫外線指數[宜蘭]紫外線指數如何[宜蘭]紫外線

建立APP

產生APP ID

建立Entity

Entity Type

Type 說明 用途

Simple 單一的關鍵字 一般用途

List 同義字的集合 主類別mdash子類別水果鳳梨香蕉蘋果

Hierarchical 有子關鍵字的應用 機票起訖地點Location--FromLocation--ToLocation

httpsdocsmicrosoftcomzh-twazurecognitive-servicesluisluis-concept-entity-types

Entity Type

Type 說明 用途

Composite 一個Composite由其他Entity組成最多包含20Entity

像是語句ldquo幫我找2016年紅色Ford Mondeo和2008年白色Audi A4rdquo Car--Color--車廠--型號

Prebuild dates times 和 geograph

List Entity

建立Intent

輸入Utterances

Training amp Publish

Bot webapi

Bot webapi設計流程

下載範本建立Bot專案

撰寫Luis對話

上傳Azure

註冊Bot FW網站

1 下載Bot Template

bull 下載template LINK

bull 儲存 zip 檔並解壓縮放到Visual Studio 2015 templates 目錄USERPROFILEDocumentsVisual Studio 2015TemplatesProjectTemplatesVisual C

2 建立一個Bot專案

bull Visual C ndash Bot Application

bull 專案右鍵-重新建置就會根據 Packageconfig把參考的套件下載

3 撰寫Luis對話

bull Copy UVcs OpenDatacs

bull 新增UVDialogcs

bull 繼承LuisDialogltOb ject gtbull 設定[LuisModelhellip] 的keybull Intent撰寫

bull MessagesControllercsbull Post 的RootDialoge改為UVDialogbull messageType == ActivityTypesConversationUpdate 加入歡迎詞

bull WebConfig把MicrosoftAppId MicrosoftAppPassword輸入

下載Bot Framework Emulatorhttpsemulatorbotframeworkcom

Bot Framework Emulator測試

4 發行到Azure web site

成功後

5註冊你的Bot1 登入到Bot Framework portal

httpsdevbotframeworkcom2 Create a bot

5註冊你的Bot-cont

ProfileConfiguration先貼上httpsyour_bots_hostnameapimessages把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 範例

httpsgithubcomMicrosoftBotBuilder-Samples

FB Bot

連接FB Bot流程

註冊FB Developer建立個人粉

絲頁

FB APP新增Messnger應

用程式

設定Bot FW的APP

設定FB APP

1 註冊FB Developerhttpsdevelopersfacebookcom

2 建立個人粉絲頁

3 FB 新增Messenger應用程式bull 新增應用程式

bull 新增產品-Messenger

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

4 設定Bot FW的APPAdd a channel

bull 設定下四個欄位

打開FB開發者頁面---主控版作資料查詢A Facebook Page ID粉絲專頁編號

B FB APP ID 以下

C Facebook App Secret應用程式密鑰以下

DPage Access Token FB 粉絲專頁存取權杖

5 設定Bot FW的APP回到FB webhook

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

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 7: 利用 Luis打造fb聊天機器人

查詢紫外線

宜蘭地點

宜蘭紫外線指數為 05

APP

宜蘭紫外線指數為 05

宜蘭紫外線多少

B

Chatbot

聊天機器人如何運作

理解

動機提供回應

聊天機器人可提供哪些功能

bull 理解動機bull 身分識別bull 歷史資料串接bull 地理資料解析bull 資料查詢bull 機器學習

聊天機器人的組成

AI人工智慧ML機器學習大量資料加上雲端運算和人工智慧機器學習讓聊天機器人更像人類

NLP自然語言處理隨著演算法的快速進步自然語言學也跟著認知更好越來越能理解人類的話

通訊軟體FB MessangerWeChatLineSkypeTeams紛紛支援Chat bot

如何設計你的Bot資料整合是全通路使用者體驗的致勝之道

用戶原本擁有的資訊 用戶的即時資訊

內外部系統整合 即時資訊

CRMKM銷售資料貨運資料歷史資料

時區地理座標使用者登入

開始規劃我們的Bot

通訊軟體FB Messanger

Bot apiBot framework

語意分析Luis

你的服務紫外線

LUIS 介紹

AI應用

bull Witaibull APIAIbull Microsoft Cognitive

service

AI Tools Smart HomeService

Edge computing

Microsoft Cognitive service

Luis 語意分析

Luisai網站 httpswwwluisai

LUIS設計流程

建立APP Entity Intent輸入語句訓練

Publish

Intent amp Entity

Intent

bull 意圖

bull 功能

Entity

bull 關鍵字

bull 變數意圖 Intent

bull 買機票

Entity 關鍵字

bull EntityQuntity Location(FromTo)

我想買[兩張][東京][來回]機票

語意分析的訓練

意圖 Intent

bull 問紫外線指數

Entity 關鍵字

bull Location gt 宜蘭

告訴我[宜蘭]紫外線指數[宜蘭]紫外線指數如何[宜蘭]紫外線

建立APP

產生APP ID

建立Entity

Entity Type

Type 說明 用途

Simple 單一的關鍵字 一般用途

List 同義字的集合 主類別mdash子類別水果鳳梨香蕉蘋果

Hierarchical 有子關鍵字的應用 機票起訖地點Location--FromLocation--ToLocation

httpsdocsmicrosoftcomzh-twazurecognitive-servicesluisluis-concept-entity-types

Entity Type

Type 說明 用途

Composite 一個Composite由其他Entity組成最多包含20Entity

像是語句ldquo幫我找2016年紅色Ford Mondeo和2008年白色Audi A4rdquo Car--Color--車廠--型號

Prebuild dates times 和 geograph

List Entity

建立Intent

輸入Utterances

Training amp Publish

Bot webapi

Bot webapi設計流程

下載範本建立Bot專案

撰寫Luis對話

上傳Azure

註冊Bot FW網站

1 下載Bot Template

bull 下載template LINK

bull 儲存 zip 檔並解壓縮放到Visual Studio 2015 templates 目錄USERPROFILEDocumentsVisual Studio 2015TemplatesProjectTemplatesVisual C

2 建立一個Bot專案

bull Visual C ndash Bot Application

bull 專案右鍵-重新建置就會根據 Packageconfig把參考的套件下載

3 撰寫Luis對話

bull Copy UVcs OpenDatacs

bull 新增UVDialogcs

bull 繼承LuisDialogltOb ject gtbull 設定[LuisModelhellip] 的keybull Intent撰寫

bull MessagesControllercsbull Post 的RootDialoge改為UVDialogbull messageType == ActivityTypesConversationUpdate 加入歡迎詞

bull WebConfig把MicrosoftAppId MicrosoftAppPassword輸入

下載Bot Framework Emulatorhttpsemulatorbotframeworkcom

Bot Framework Emulator測試

4 發行到Azure web site

成功後

5註冊你的Bot1 登入到Bot Framework portal

httpsdevbotframeworkcom2 Create a bot

5註冊你的Bot-cont

ProfileConfiguration先貼上httpsyour_bots_hostnameapimessages把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 範例

httpsgithubcomMicrosoftBotBuilder-Samples

FB Bot

連接FB Bot流程

註冊FB Developer建立個人粉

絲頁

FB APP新增Messnger應

用程式

設定Bot FW的APP

設定FB APP

1 註冊FB Developerhttpsdevelopersfacebookcom

2 建立個人粉絲頁

3 FB 新增Messenger應用程式bull 新增應用程式

bull 新增產品-Messenger

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

4 設定Bot FW的APPAdd a channel

bull 設定下四個欄位

打開FB開發者頁面---主控版作資料查詢A Facebook Page ID粉絲專頁編號

B FB APP ID 以下

C Facebook App Secret應用程式密鑰以下

DPage Access Token FB 粉絲專頁存取權杖

5 設定Bot FW的APP回到FB webhook

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

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 8: 利用 Luis打造fb聊天機器人

聊天機器人如何運作

理解

動機提供回應

聊天機器人可提供哪些功能

bull 理解動機bull 身分識別bull 歷史資料串接bull 地理資料解析bull 資料查詢bull 機器學習

聊天機器人的組成

AI人工智慧ML機器學習大量資料加上雲端運算和人工智慧機器學習讓聊天機器人更像人類

NLP自然語言處理隨著演算法的快速進步自然語言學也跟著認知更好越來越能理解人類的話

通訊軟體FB MessangerWeChatLineSkypeTeams紛紛支援Chat bot

如何設計你的Bot資料整合是全通路使用者體驗的致勝之道

用戶原本擁有的資訊 用戶的即時資訊

內外部系統整合 即時資訊

CRMKM銷售資料貨運資料歷史資料

時區地理座標使用者登入

開始規劃我們的Bot

通訊軟體FB Messanger

Bot apiBot framework

語意分析Luis

你的服務紫外線

LUIS 介紹

AI應用

bull Witaibull APIAIbull Microsoft Cognitive

service

AI Tools Smart HomeService

Edge computing

Microsoft Cognitive service

Luis 語意分析

Luisai網站 httpswwwluisai

LUIS設計流程

建立APP Entity Intent輸入語句訓練

Publish

Intent amp Entity

Intent

bull 意圖

bull 功能

Entity

bull 關鍵字

bull 變數意圖 Intent

bull 買機票

Entity 關鍵字

bull EntityQuntity Location(FromTo)

我想買[兩張][東京][來回]機票

語意分析的訓練

意圖 Intent

bull 問紫外線指數

Entity 關鍵字

bull Location gt 宜蘭

告訴我[宜蘭]紫外線指數[宜蘭]紫外線指數如何[宜蘭]紫外線

建立APP

產生APP ID

建立Entity

Entity Type

Type 說明 用途

Simple 單一的關鍵字 一般用途

List 同義字的集合 主類別mdash子類別水果鳳梨香蕉蘋果

Hierarchical 有子關鍵字的應用 機票起訖地點Location--FromLocation--ToLocation

httpsdocsmicrosoftcomzh-twazurecognitive-servicesluisluis-concept-entity-types

Entity Type

Type 說明 用途

Composite 一個Composite由其他Entity組成最多包含20Entity

像是語句ldquo幫我找2016年紅色Ford Mondeo和2008年白色Audi A4rdquo Car--Color--車廠--型號

Prebuild dates times 和 geograph

List Entity

建立Intent

輸入Utterances

Training amp Publish

Bot webapi

Bot webapi設計流程

下載範本建立Bot專案

撰寫Luis對話

上傳Azure

註冊Bot FW網站

1 下載Bot Template

bull 下載template LINK

bull 儲存 zip 檔並解壓縮放到Visual Studio 2015 templates 目錄USERPROFILEDocumentsVisual Studio 2015TemplatesProjectTemplatesVisual C

2 建立一個Bot專案

bull Visual C ndash Bot Application

bull 專案右鍵-重新建置就會根據 Packageconfig把參考的套件下載

3 撰寫Luis對話

bull Copy UVcs OpenDatacs

bull 新增UVDialogcs

bull 繼承LuisDialogltOb ject gtbull 設定[LuisModelhellip] 的keybull Intent撰寫

bull MessagesControllercsbull Post 的RootDialoge改為UVDialogbull messageType == ActivityTypesConversationUpdate 加入歡迎詞

bull WebConfig把MicrosoftAppId MicrosoftAppPassword輸入

下載Bot Framework Emulatorhttpsemulatorbotframeworkcom

Bot Framework Emulator測試

4 發行到Azure web site

成功後

5註冊你的Bot1 登入到Bot Framework portal

httpsdevbotframeworkcom2 Create a bot

5註冊你的Bot-cont

ProfileConfiguration先貼上httpsyour_bots_hostnameapimessages把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 範例

httpsgithubcomMicrosoftBotBuilder-Samples

FB Bot

連接FB Bot流程

註冊FB Developer建立個人粉

絲頁

FB APP新增Messnger應

用程式

設定Bot FW的APP

設定FB APP

1 註冊FB Developerhttpsdevelopersfacebookcom

2 建立個人粉絲頁

3 FB 新增Messenger應用程式bull 新增應用程式

bull 新增產品-Messenger

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

4 設定Bot FW的APPAdd a channel

bull 設定下四個欄位

打開FB開發者頁面---主控版作資料查詢A Facebook Page ID粉絲專頁編號

B FB APP ID 以下

C Facebook App Secret應用程式密鑰以下

DPage Access Token FB 粉絲專頁存取權杖

5 設定Bot FW的APP回到FB webhook

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

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 9: 利用 Luis打造fb聊天機器人

聊天機器人可提供哪些功能

bull 理解動機bull 身分識別bull 歷史資料串接bull 地理資料解析bull 資料查詢bull 機器學習

聊天機器人的組成

AI人工智慧ML機器學習大量資料加上雲端運算和人工智慧機器學習讓聊天機器人更像人類

NLP自然語言處理隨著演算法的快速進步自然語言學也跟著認知更好越來越能理解人類的話

通訊軟體FB MessangerWeChatLineSkypeTeams紛紛支援Chat bot

如何設計你的Bot資料整合是全通路使用者體驗的致勝之道

用戶原本擁有的資訊 用戶的即時資訊

內外部系統整合 即時資訊

CRMKM銷售資料貨運資料歷史資料

時區地理座標使用者登入

開始規劃我們的Bot

通訊軟體FB Messanger

Bot apiBot framework

語意分析Luis

你的服務紫外線

LUIS 介紹

AI應用

bull Witaibull APIAIbull Microsoft Cognitive

service

AI Tools Smart HomeService

Edge computing

Microsoft Cognitive service

Luis 語意分析

Luisai網站 httpswwwluisai

LUIS設計流程

建立APP Entity Intent輸入語句訓練

Publish

Intent amp Entity

Intent

bull 意圖

bull 功能

Entity

bull 關鍵字

bull 變數意圖 Intent

bull 買機票

Entity 關鍵字

bull EntityQuntity Location(FromTo)

我想買[兩張][東京][來回]機票

語意分析的訓練

意圖 Intent

bull 問紫外線指數

Entity 關鍵字

bull Location gt 宜蘭

告訴我[宜蘭]紫外線指數[宜蘭]紫外線指數如何[宜蘭]紫外線

建立APP

產生APP ID

建立Entity

Entity Type

Type 說明 用途

Simple 單一的關鍵字 一般用途

List 同義字的集合 主類別mdash子類別水果鳳梨香蕉蘋果

Hierarchical 有子關鍵字的應用 機票起訖地點Location--FromLocation--ToLocation

httpsdocsmicrosoftcomzh-twazurecognitive-servicesluisluis-concept-entity-types

Entity Type

Type 說明 用途

Composite 一個Composite由其他Entity組成最多包含20Entity

像是語句ldquo幫我找2016年紅色Ford Mondeo和2008年白色Audi A4rdquo Car--Color--車廠--型號

Prebuild dates times 和 geograph

List Entity

建立Intent

輸入Utterances

Training amp Publish

Bot webapi

Bot webapi設計流程

下載範本建立Bot專案

撰寫Luis對話

上傳Azure

註冊Bot FW網站

1 下載Bot Template

bull 下載template LINK

bull 儲存 zip 檔並解壓縮放到Visual Studio 2015 templates 目錄USERPROFILEDocumentsVisual Studio 2015TemplatesProjectTemplatesVisual C

2 建立一個Bot專案

bull Visual C ndash Bot Application

bull 專案右鍵-重新建置就會根據 Packageconfig把參考的套件下載

3 撰寫Luis對話

bull Copy UVcs OpenDatacs

bull 新增UVDialogcs

bull 繼承LuisDialogltOb ject gtbull 設定[LuisModelhellip] 的keybull Intent撰寫

bull MessagesControllercsbull Post 的RootDialoge改為UVDialogbull messageType == ActivityTypesConversationUpdate 加入歡迎詞

bull WebConfig把MicrosoftAppId MicrosoftAppPassword輸入

下載Bot Framework Emulatorhttpsemulatorbotframeworkcom

Bot Framework Emulator測試

4 發行到Azure web site

成功後

5註冊你的Bot1 登入到Bot Framework portal

httpsdevbotframeworkcom2 Create a bot

5註冊你的Bot-cont

ProfileConfiguration先貼上httpsyour_bots_hostnameapimessages把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 範例

httpsgithubcomMicrosoftBotBuilder-Samples

FB Bot

連接FB Bot流程

註冊FB Developer建立個人粉

絲頁

FB APP新增Messnger應

用程式

設定Bot FW的APP

設定FB APP

1 註冊FB Developerhttpsdevelopersfacebookcom

2 建立個人粉絲頁

3 FB 新增Messenger應用程式bull 新增應用程式

bull 新增產品-Messenger

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

4 設定Bot FW的APPAdd a channel

bull 設定下四個欄位

打開FB開發者頁面---主控版作資料查詢A Facebook Page ID粉絲專頁編號

B FB APP ID 以下

C Facebook App Secret應用程式密鑰以下

DPage Access Token FB 粉絲專頁存取權杖

5 設定Bot FW的APP回到FB webhook

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

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 10: 利用 Luis打造fb聊天機器人

聊天機器人的組成

AI人工智慧ML機器學習大量資料加上雲端運算和人工智慧機器學習讓聊天機器人更像人類

NLP自然語言處理隨著演算法的快速進步自然語言學也跟著認知更好越來越能理解人類的話

通訊軟體FB MessangerWeChatLineSkypeTeams紛紛支援Chat bot

如何設計你的Bot資料整合是全通路使用者體驗的致勝之道

用戶原本擁有的資訊 用戶的即時資訊

內外部系統整合 即時資訊

CRMKM銷售資料貨運資料歷史資料

時區地理座標使用者登入

開始規劃我們的Bot

通訊軟體FB Messanger

Bot apiBot framework

語意分析Luis

你的服務紫外線

LUIS 介紹

AI應用

bull Witaibull APIAIbull Microsoft Cognitive

service

AI Tools Smart HomeService

Edge computing

Microsoft Cognitive service

Luis 語意分析

Luisai網站 httpswwwluisai

LUIS設計流程

建立APP Entity Intent輸入語句訓練

Publish

Intent amp Entity

Intent

bull 意圖

bull 功能

Entity

bull 關鍵字

bull 變數意圖 Intent

bull 買機票

Entity 關鍵字

bull EntityQuntity Location(FromTo)

我想買[兩張][東京][來回]機票

語意分析的訓練

意圖 Intent

bull 問紫外線指數

Entity 關鍵字

bull Location gt 宜蘭

告訴我[宜蘭]紫外線指數[宜蘭]紫外線指數如何[宜蘭]紫外線

建立APP

產生APP ID

建立Entity

Entity Type

Type 說明 用途

Simple 單一的關鍵字 一般用途

List 同義字的集合 主類別mdash子類別水果鳳梨香蕉蘋果

Hierarchical 有子關鍵字的應用 機票起訖地點Location--FromLocation--ToLocation

httpsdocsmicrosoftcomzh-twazurecognitive-servicesluisluis-concept-entity-types

Entity Type

Type 說明 用途

Composite 一個Composite由其他Entity組成最多包含20Entity

像是語句ldquo幫我找2016年紅色Ford Mondeo和2008年白色Audi A4rdquo Car--Color--車廠--型號

Prebuild dates times 和 geograph

List Entity

建立Intent

輸入Utterances

Training amp Publish

Bot webapi

Bot webapi設計流程

下載範本建立Bot專案

撰寫Luis對話

上傳Azure

註冊Bot FW網站

1 下載Bot Template

bull 下載template LINK

bull 儲存 zip 檔並解壓縮放到Visual Studio 2015 templates 目錄USERPROFILEDocumentsVisual Studio 2015TemplatesProjectTemplatesVisual C

2 建立一個Bot專案

bull Visual C ndash Bot Application

bull 專案右鍵-重新建置就會根據 Packageconfig把參考的套件下載

3 撰寫Luis對話

bull Copy UVcs OpenDatacs

bull 新增UVDialogcs

bull 繼承LuisDialogltOb ject gtbull 設定[LuisModelhellip] 的keybull Intent撰寫

bull MessagesControllercsbull Post 的RootDialoge改為UVDialogbull messageType == ActivityTypesConversationUpdate 加入歡迎詞

bull WebConfig把MicrosoftAppId MicrosoftAppPassword輸入

下載Bot Framework Emulatorhttpsemulatorbotframeworkcom

Bot Framework Emulator測試

4 發行到Azure web site

成功後

5註冊你的Bot1 登入到Bot Framework portal

httpsdevbotframeworkcom2 Create a bot

5註冊你的Bot-cont

ProfileConfiguration先貼上httpsyour_bots_hostnameapimessages把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 範例

httpsgithubcomMicrosoftBotBuilder-Samples

FB Bot

連接FB Bot流程

註冊FB Developer建立個人粉

絲頁

FB APP新增Messnger應

用程式

設定Bot FW的APP

設定FB APP

1 註冊FB Developerhttpsdevelopersfacebookcom

2 建立個人粉絲頁

3 FB 新增Messenger應用程式bull 新增應用程式

bull 新增產品-Messenger

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

4 設定Bot FW的APPAdd a channel

bull 設定下四個欄位

打開FB開發者頁面---主控版作資料查詢A Facebook Page ID粉絲專頁編號

B FB APP ID 以下

C Facebook App Secret應用程式密鑰以下

DPage Access Token FB 粉絲專頁存取權杖

5 設定Bot FW的APP回到FB webhook

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

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 11: 利用 Luis打造fb聊天機器人

如何設計你的Bot資料整合是全通路使用者體驗的致勝之道

用戶原本擁有的資訊 用戶的即時資訊

內外部系統整合 即時資訊

CRMKM銷售資料貨運資料歷史資料

時區地理座標使用者登入

開始規劃我們的Bot

通訊軟體FB Messanger

Bot apiBot framework

語意分析Luis

你的服務紫外線

LUIS 介紹

AI應用

bull Witaibull APIAIbull Microsoft Cognitive

service

AI Tools Smart HomeService

Edge computing

Microsoft Cognitive service

Luis 語意分析

Luisai網站 httpswwwluisai

LUIS設計流程

建立APP Entity Intent輸入語句訓練

Publish

Intent amp Entity

Intent

bull 意圖

bull 功能

Entity

bull 關鍵字

bull 變數意圖 Intent

bull 買機票

Entity 關鍵字

bull EntityQuntity Location(FromTo)

我想買[兩張][東京][來回]機票

語意分析的訓練

意圖 Intent

bull 問紫外線指數

Entity 關鍵字

bull Location gt 宜蘭

告訴我[宜蘭]紫外線指數[宜蘭]紫外線指數如何[宜蘭]紫外線

建立APP

產生APP ID

建立Entity

Entity Type

Type 說明 用途

Simple 單一的關鍵字 一般用途

List 同義字的集合 主類別mdash子類別水果鳳梨香蕉蘋果

Hierarchical 有子關鍵字的應用 機票起訖地點Location--FromLocation--ToLocation

httpsdocsmicrosoftcomzh-twazurecognitive-servicesluisluis-concept-entity-types

Entity Type

Type 說明 用途

Composite 一個Composite由其他Entity組成最多包含20Entity

像是語句ldquo幫我找2016年紅色Ford Mondeo和2008年白色Audi A4rdquo Car--Color--車廠--型號

Prebuild dates times 和 geograph

List Entity

建立Intent

輸入Utterances

Training amp Publish

Bot webapi

Bot webapi設計流程

下載範本建立Bot專案

撰寫Luis對話

上傳Azure

註冊Bot FW網站

1 下載Bot Template

bull 下載template LINK

bull 儲存 zip 檔並解壓縮放到Visual Studio 2015 templates 目錄USERPROFILEDocumentsVisual Studio 2015TemplatesProjectTemplatesVisual C

2 建立一個Bot專案

bull Visual C ndash Bot Application

bull 專案右鍵-重新建置就會根據 Packageconfig把參考的套件下載

3 撰寫Luis對話

bull Copy UVcs OpenDatacs

bull 新增UVDialogcs

bull 繼承LuisDialogltOb ject gtbull 設定[LuisModelhellip] 的keybull Intent撰寫

bull MessagesControllercsbull Post 的RootDialoge改為UVDialogbull messageType == ActivityTypesConversationUpdate 加入歡迎詞

bull WebConfig把MicrosoftAppId MicrosoftAppPassword輸入

下載Bot Framework Emulatorhttpsemulatorbotframeworkcom

Bot Framework Emulator測試

4 發行到Azure web site

成功後

5註冊你的Bot1 登入到Bot Framework portal

httpsdevbotframeworkcom2 Create a bot

5註冊你的Bot-cont

ProfileConfiguration先貼上httpsyour_bots_hostnameapimessages把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 範例

httpsgithubcomMicrosoftBotBuilder-Samples

FB Bot

連接FB Bot流程

註冊FB Developer建立個人粉

絲頁

FB APP新增Messnger應

用程式

設定Bot FW的APP

設定FB APP

1 註冊FB Developerhttpsdevelopersfacebookcom

2 建立個人粉絲頁

3 FB 新增Messenger應用程式bull 新增應用程式

bull 新增產品-Messenger

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

4 設定Bot FW的APPAdd a channel

bull 設定下四個欄位

打開FB開發者頁面---主控版作資料查詢A Facebook Page ID粉絲專頁編號

B FB APP ID 以下

C Facebook App Secret應用程式密鑰以下

DPage Access Token FB 粉絲專頁存取權杖

5 設定Bot FW的APP回到FB webhook

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

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 12: 利用 Luis打造fb聊天機器人

開始規劃我們的Bot

通訊軟體FB Messanger

Bot apiBot framework

語意分析Luis

你的服務紫外線

LUIS 介紹

AI應用

bull Witaibull APIAIbull Microsoft Cognitive

service

AI Tools Smart HomeService

Edge computing

Microsoft Cognitive service

Luis 語意分析

Luisai網站 httpswwwluisai

LUIS設計流程

建立APP Entity Intent輸入語句訓練

Publish

Intent amp Entity

Intent

bull 意圖

bull 功能

Entity

bull 關鍵字

bull 變數意圖 Intent

bull 買機票

Entity 關鍵字

bull EntityQuntity Location(FromTo)

我想買[兩張][東京][來回]機票

語意分析的訓練

意圖 Intent

bull 問紫外線指數

Entity 關鍵字

bull Location gt 宜蘭

告訴我[宜蘭]紫外線指數[宜蘭]紫外線指數如何[宜蘭]紫外線

建立APP

產生APP ID

建立Entity

Entity Type

Type 說明 用途

Simple 單一的關鍵字 一般用途

List 同義字的集合 主類別mdash子類別水果鳳梨香蕉蘋果

Hierarchical 有子關鍵字的應用 機票起訖地點Location--FromLocation--ToLocation

httpsdocsmicrosoftcomzh-twazurecognitive-servicesluisluis-concept-entity-types

Entity Type

Type 說明 用途

Composite 一個Composite由其他Entity組成最多包含20Entity

像是語句ldquo幫我找2016年紅色Ford Mondeo和2008年白色Audi A4rdquo Car--Color--車廠--型號

Prebuild dates times 和 geograph

List Entity

建立Intent

輸入Utterances

Training amp Publish

Bot webapi

Bot webapi設計流程

下載範本建立Bot專案

撰寫Luis對話

上傳Azure

註冊Bot FW網站

1 下載Bot Template

bull 下載template LINK

bull 儲存 zip 檔並解壓縮放到Visual Studio 2015 templates 目錄USERPROFILEDocumentsVisual Studio 2015TemplatesProjectTemplatesVisual C

2 建立一個Bot專案

bull Visual C ndash Bot Application

bull 專案右鍵-重新建置就會根據 Packageconfig把參考的套件下載

3 撰寫Luis對話

bull Copy UVcs OpenDatacs

bull 新增UVDialogcs

bull 繼承LuisDialogltOb ject gtbull 設定[LuisModelhellip] 的keybull Intent撰寫

bull MessagesControllercsbull Post 的RootDialoge改為UVDialogbull messageType == ActivityTypesConversationUpdate 加入歡迎詞

bull WebConfig把MicrosoftAppId MicrosoftAppPassword輸入

下載Bot Framework Emulatorhttpsemulatorbotframeworkcom

Bot Framework Emulator測試

4 發行到Azure web site

成功後

5註冊你的Bot1 登入到Bot Framework portal

httpsdevbotframeworkcom2 Create a bot

5註冊你的Bot-cont

ProfileConfiguration先貼上httpsyour_bots_hostnameapimessages把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 範例

httpsgithubcomMicrosoftBotBuilder-Samples

FB Bot

連接FB Bot流程

註冊FB Developer建立個人粉

絲頁

FB APP新增Messnger應

用程式

設定Bot FW的APP

設定FB APP

1 註冊FB Developerhttpsdevelopersfacebookcom

2 建立個人粉絲頁

3 FB 新增Messenger應用程式bull 新增應用程式

bull 新增產品-Messenger

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

4 設定Bot FW的APPAdd a channel

bull 設定下四個欄位

打開FB開發者頁面---主控版作資料查詢A Facebook Page ID粉絲專頁編號

B FB APP ID 以下

C Facebook App Secret應用程式密鑰以下

DPage Access Token FB 粉絲專頁存取權杖

5 設定Bot FW的APP回到FB webhook

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

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 13: 利用 Luis打造fb聊天機器人

LUIS 介紹

AI應用

bull Witaibull APIAIbull Microsoft Cognitive

service

AI Tools Smart HomeService

Edge computing

Microsoft Cognitive service

Luis 語意分析

Luisai網站 httpswwwluisai

LUIS設計流程

建立APP Entity Intent輸入語句訓練

Publish

Intent amp Entity

Intent

bull 意圖

bull 功能

Entity

bull 關鍵字

bull 變數意圖 Intent

bull 買機票

Entity 關鍵字

bull EntityQuntity Location(FromTo)

我想買[兩張][東京][來回]機票

語意分析的訓練

意圖 Intent

bull 問紫外線指數

Entity 關鍵字

bull Location gt 宜蘭

告訴我[宜蘭]紫外線指數[宜蘭]紫外線指數如何[宜蘭]紫外線

建立APP

產生APP ID

建立Entity

Entity Type

Type 說明 用途

Simple 單一的關鍵字 一般用途

List 同義字的集合 主類別mdash子類別水果鳳梨香蕉蘋果

Hierarchical 有子關鍵字的應用 機票起訖地點Location--FromLocation--ToLocation

httpsdocsmicrosoftcomzh-twazurecognitive-servicesluisluis-concept-entity-types

Entity Type

Type 說明 用途

Composite 一個Composite由其他Entity組成最多包含20Entity

像是語句ldquo幫我找2016年紅色Ford Mondeo和2008年白色Audi A4rdquo Car--Color--車廠--型號

Prebuild dates times 和 geograph

List Entity

建立Intent

輸入Utterances

Training amp Publish

Bot webapi

Bot webapi設計流程

下載範本建立Bot專案

撰寫Luis對話

上傳Azure

註冊Bot FW網站

1 下載Bot Template

bull 下載template LINK

bull 儲存 zip 檔並解壓縮放到Visual Studio 2015 templates 目錄USERPROFILEDocumentsVisual Studio 2015TemplatesProjectTemplatesVisual C

2 建立一個Bot專案

bull Visual C ndash Bot Application

bull 專案右鍵-重新建置就會根據 Packageconfig把參考的套件下載

3 撰寫Luis對話

bull Copy UVcs OpenDatacs

bull 新增UVDialogcs

bull 繼承LuisDialogltOb ject gtbull 設定[LuisModelhellip] 的keybull Intent撰寫

bull MessagesControllercsbull Post 的RootDialoge改為UVDialogbull messageType == ActivityTypesConversationUpdate 加入歡迎詞

bull WebConfig把MicrosoftAppId MicrosoftAppPassword輸入

下載Bot Framework Emulatorhttpsemulatorbotframeworkcom

Bot Framework Emulator測試

4 發行到Azure web site

成功後

5註冊你的Bot1 登入到Bot Framework portal

httpsdevbotframeworkcom2 Create a bot

5註冊你的Bot-cont

ProfileConfiguration先貼上httpsyour_bots_hostnameapimessages把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 範例

httpsgithubcomMicrosoftBotBuilder-Samples

FB Bot

連接FB Bot流程

註冊FB Developer建立個人粉

絲頁

FB APP新增Messnger應

用程式

設定Bot FW的APP

設定FB APP

1 註冊FB Developerhttpsdevelopersfacebookcom

2 建立個人粉絲頁

3 FB 新增Messenger應用程式bull 新增應用程式

bull 新增產品-Messenger

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

4 設定Bot FW的APPAdd a channel

bull 設定下四個欄位

打開FB開發者頁面---主控版作資料查詢A Facebook Page ID粉絲專頁編號

B FB APP ID 以下

C Facebook App Secret應用程式密鑰以下

DPage Access Token FB 粉絲專頁存取權杖

5 設定Bot FW的APP回到FB webhook

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

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 14: 利用 Luis打造fb聊天機器人

AI應用

bull Witaibull APIAIbull Microsoft Cognitive

service

AI Tools Smart HomeService

Edge computing

Microsoft Cognitive service

Luis 語意分析

Luisai網站 httpswwwluisai

LUIS設計流程

建立APP Entity Intent輸入語句訓練

Publish

Intent amp Entity

Intent

bull 意圖

bull 功能

Entity

bull 關鍵字

bull 變數意圖 Intent

bull 買機票

Entity 關鍵字

bull EntityQuntity Location(FromTo)

我想買[兩張][東京][來回]機票

語意分析的訓練

意圖 Intent

bull 問紫外線指數

Entity 關鍵字

bull Location gt 宜蘭

告訴我[宜蘭]紫外線指數[宜蘭]紫外線指數如何[宜蘭]紫外線

建立APP

產生APP ID

建立Entity

Entity Type

Type 說明 用途

Simple 單一的關鍵字 一般用途

List 同義字的集合 主類別mdash子類別水果鳳梨香蕉蘋果

Hierarchical 有子關鍵字的應用 機票起訖地點Location--FromLocation--ToLocation

httpsdocsmicrosoftcomzh-twazurecognitive-servicesluisluis-concept-entity-types

Entity Type

Type 說明 用途

Composite 一個Composite由其他Entity組成最多包含20Entity

像是語句ldquo幫我找2016年紅色Ford Mondeo和2008年白色Audi A4rdquo Car--Color--車廠--型號

Prebuild dates times 和 geograph

List Entity

建立Intent

輸入Utterances

Training amp Publish

Bot webapi

Bot webapi設計流程

下載範本建立Bot專案

撰寫Luis對話

上傳Azure

註冊Bot FW網站

1 下載Bot Template

bull 下載template LINK

bull 儲存 zip 檔並解壓縮放到Visual Studio 2015 templates 目錄USERPROFILEDocumentsVisual Studio 2015TemplatesProjectTemplatesVisual C

2 建立一個Bot專案

bull Visual C ndash Bot Application

bull 專案右鍵-重新建置就會根據 Packageconfig把參考的套件下載

3 撰寫Luis對話

bull Copy UVcs OpenDatacs

bull 新增UVDialogcs

bull 繼承LuisDialogltOb ject gtbull 設定[LuisModelhellip] 的keybull Intent撰寫

bull MessagesControllercsbull Post 的RootDialoge改為UVDialogbull messageType == ActivityTypesConversationUpdate 加入歡迎詞

bull WebConfig把MicrosoftAppId MicrosoftAppPassword輸入

下載Bot Framework Emulatorhttpsemulatorbotframeworkcom

Bot Framework Emulator測試

4 發行到Azure web site

成功後

5註冊你的Bot1 登入到Bot Framework portal

httpsdevbotframeworkcom2 Create a bot

5註冊你的Bot-cont

ProfileConfiguration先貼上httpsyour_bots_hostnameapimessages把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 範例

httpsgithubcomMicrosoftBotBuilder-Samples

FB Bot

連接FB Bot流程

註冊FB Developer建立個人粉

絲頁

FB APP新增Messnger應

用程式

設定Bot FW的APP

設定FB APP

1 註冊FB Developerhttpsdevelopersfacebookcom

2 建立個人粉絲頁

3 FB 新增Messenger應用程式bull 新增應用程式

bull 新增產品-Messenger

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

4 設定Bot FW的APPAdd a channel

bull 設定下四個欄位

打開FB開發者頁面---主控版作資料查詢A Facebook Page ID粉絲專頁編號

B FB APP ID 以下

C Facebook App Secret應用程式密鑰以下

DPage Access Token FB 粉絲專頁存取權杖

5 設定Bot FW的APP回到FB webhook

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

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 15: 利用 Luis打造fb聊天機器人

Microsoft Cognitive service

Luis 語意分析

Luisai網站 httpswwwluisai

LUIS設計流程

建立APP Entity Intent輸入語句訓練

Publish

Intent amp Entity

Intent

bull 意圖

bull 功能

Entity

bull 關鍵字

bull 變數意圖 Intent

bull 買機票

Entity 關鍵字

bull EntityQuntity Location(FromTo)

我想買[兩張][東京][來回]機票

語意分析的訓練

意圖 Intent

bull 問紫外線指數

Entity 關鍵字

bull Location gt 宜蘭

告訴我[宜蘭]紫外線指數[宜蘭]紫外線指數如何[宜蘭]紫外線

建立APP

產生APP ID

建立Entity

Entity Type

Type 說明 用途

Simple 單一的關鍵字 一般用途

List 同義字的集合 主類別mdash子類別水果鳳梨香蕉蘋果

Hierarchical 有子關鍵字的應用 機票起訖地點Location--FromLocation--ToLocation

httpsdocsmicrosoftcomzh-twazurecognitive-servicesluisluis-concept-entity-types

Entity Type

Type 說明 用途

Composite 一個Composite由其他Entity組成最多包含20Entity

像是語句ldquo幫我找2016年紅色Ford Mondeo和2008年白色Audi A4rdquo Car--Color--車廠--型號

Prebuild dates times 和 geograph

List Entity

建立Intent

輸入Utterances

Training amp Publish

Bot webapi

Bot webapi設計流程

下載範本建立Bot專案

撰寫Luis對話

上傳Azure

註冊Bot FW網站

1 下載Bot Template

bull 下載template LINK

bull 儲存 zip 檔並解壓縮放到Visual Studio 2015 templates 目錄USERPROFILEDocumentsVisual Studio 2015TemplatesProjectTemplatesVisual C

2 建立一個Bot專案

bull Visual C ndash Bot Application

bull 專案右鍵-重新建置就會根據 Packageconfig把參考的套件下載

3 撰寫Luis對話

bull Copy UVcs OpenDatacs

bull 新增UVDialogcs

bull 繼承LuisDialogltOb ject gtbull 設定[LuisModelhellip] 的keybull Intent撰寫

bull MessagesControllercsbull Post 的RootDialoge改為UVDialogbull messageType == ActivityTypesConversationUpdate 加入歡迎詞

bull WebConfig把MicrosoftAppId MicrosoftAppPassword輸入

下載Bot Framework Emulatorhttpsemulatorbotframeworkcom

Bot Framework Emulator測試

4 發行到Azure web site

成功後

5註冊你的Bot1 登入到Bot Framework portal

httpsdevbotframeworkcom2 Create a bot

5註冊你的Bot-cont

ProfileConfiguration先貼上httpsyour_bots_hostnameapimessages把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 範例

httpsgithubcomMicrosoftBotBuilder-Samples

FB Bot

連接FB Bot流程

註冊FB Developer建立個人粉

絲頁

FB APP新增Messnger應

用程式

設定Bot FW的APP

設定FB APP

1 註冊FB Developerhttpsdevelopersfacebookcom

2 建立個人粉絲頁

3 FB 新增Messenger應用程式bull 新增應用程式

bull 新增產品-Messenger

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

4 設定Bot FW的APPAdd a channel

bull 設定下四個欄位

打開FB開發者頁面---主控版作資料查詢A Facebook Page ID粉絲專頁編號

B FB APP ID 以下

C Facebook App Secret應用程式密鑰以下

DPage Access Token FB 粉絲專頁存取權杖

5 設定Bot FW的APP回到FB webhook

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

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 16: 利用 Luis打造fb聊天機器人

Luisai網站 httpswwwluisai

LUIS設計流程

建立APP Entity Intent輸入語句訓練

Publish

Intent amp Entity

Intent

bull 意圖

bull 功能

Entity

bull 關鍵字

bull 變數意圖 Intent

bull 買機票

Entity 關鍵字

bull EntityQuntity Location(FromTo)

我想買[兩張][東京][來回]機票

語意分析的訓練

意圖 Intent

bull 問紫外線指數

Entity 關鍵字

bull Location gt 宜蘭

告訴我[宜蘭]紫外線指數[宜蘭]紫外線指數如何[宜蘭]紫外線

建立APP

產生APP ID

建立Entity

Entity Type

Type 說明 用途

Simple 單一的關鍵字 一般用途

List 同義字的集合 主類別mdash子類別水果鳳梨香蕉蘋果

Hierarchical 有子關鍵字的應用 機票起訖地點Location--FromLocation--ToLocation

httpsdocsmicrosoftcomzh-twazurecognitive-servicesluisluis-concept-entity-types

Entity Type

Type 說明 用途

Composite 一個Composite由其他Entity組成最多包含20Entity

像是語句ldquo幫我找2016年紅色Ford Mondeo和2008年白色Audi A4rdquo Car--Color--車廠--型號

Prebuild dates times 和 geograph

List Entity

建立Intent

輸入Utterances

Training amp Publish

Bot webapi

Bot webapi設計流程

下載範本建立Bot專案

撰寫Luis對話

上傳Azure

註冊Bot FW網站

1 下載Bot Template

bull 下載template LINK

bull 儲存 zip 檔並解壓縮放到Visual Studio 2015 templates 目錄USERPROFILEDocumentsVisual Studio 2015TemplatesProjectTemplatesVisual C

2 建立一個Bot專案

bull Visual C ndash Bot Application

bull 專案右鍵-重新建置就會根據 Packageconfig把參考的套件下載

3 撰寫Luis對話

bull Copy UVcs OpenDatacs

bull 新增UVDialogcs

bull 繼承LuisDialogltOb ject gtbull 設定[LuisModelhellip] 的keybull Intent撰寫

bull MessagesControllercsbull Post 的RootDialoge改為UVDialogbull messageType == ActivityTypesConversationUpdate 加入歡迎詞

bull WebConfig把MicrosoftAppId MicrosoftAppPassword輸入

下載Bot Framework Emulatorhttpsemulatorbotframeworkcom

Bot Framework Emulator測試

4 發行到Azure web site

成功後

5註冊你的Bot1 登入到Bot Framework portal

httpsdevbotframeworkcom2 Create a bot

5註冊你的Bot-cont

ProfileConfiguration先貼上httpsyour_bots_hostnameapimessages把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 範例

httpsgithubcomMicrosoftBotBuilder-Samples

FB Bot

連接FB Bot流程

註冊FB Developer建立個人粉

絲頁

FB APP新增Messnger應

用程式

設定Bot FW的APP

設定FB APP

1 註冊FB Developerhttpsdevelopersfacebookcom

2 建立個人粉絲頁

3 FB 新增Messenger應用程式bull 新增應用程式

bull 新增產品-Messenger

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

4 設定Bot FW的APPAdd a channel

bull 設定下四個欄位

打開FB開發者頁面---主控版作資料查詢A Facebook Page ID粉絲專頁編號

B FB APP ID 以下

C Facebook App Secret應用程式密鑰以下

DPage Access Token FB 粉絲專頁存取權杖

5 設定Bot FW的APP回到FB webhook

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

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 17: 利用 Luis打造fb聊天機器人

LUIS設計流程

建立APP Entity Intent輸入語句訓練

Publish

Intent amp Entity

Intent

bull 意圖

bull 功能

Entity

bull 關鍵字

bull 變數意圖 Intent

bull 買機票

Entity 關鍵字

bull EntityQuntity Location(FromTo)

我想買[兩張][東京][來回]機票

語意分析的訓練

意圖 Intent

bull 問紫外線指數

Entity 關鍵字

bull Location gt 宜蘭

告訴我[宜蘭]紫外線指數[宜蘭]紫外線指數如何[宜蘭]紫外線

建立APP

產生APP ID

建立Entity

Entity Type

Type 說明 用途

Simple 單一的關鍵字 一般用途

List 同義字的集合 主類別mdash子類別水果鳳梨香蕉蘋果

Hierarchical 有子關鍵字的應用 機票起訖地點Location--FromLocation--ToLocation

httpsdocsmicrosoftcomzh-twazurecognitive-servicesluisluis-concept-entity-types

Entity Type

Type 說明 用途

Composite 一個Composite由其他Entity組成最多包含20Entity

像是語句ldquo幫我找2016年紅色Ford Mondeo和2008年白色Audi A4rdquo Car--Color--車廠--型號

Prebuild dates times 和 geograph

List Entity

建立Intent

輸入Utterances

Training amp Publish

Bot webapi

Bot webapi設計流程

下載範本建立Bot專案

撰寫Luis對話

上傳Azure

註冊Bot FW網站

1 下載Bot Template

bull 下載template LINK

bull 儲存 zip 檔並解壓縮放到Visual Studio 2015 templates 目錄USERPROFILEDocumentsVisual Studio 2015TemplatesProjectTemplatesVisual C

2 建立一個Bot專案

bull Visual C ndash Bot Application

bull 專案右鍵-重新建置就會根據 Packageconfig把參考的套件下載

3 撰寫Luis對話

bull Copy UVcs OpenDatacs

bull 新增UVDialogcs

bull 繼承LuisDialogltOb ject gtbull 設定[LuisModelhellip] 的keybull Intent撰寫

bull MessagesControllercsbull Post 的RootDialoge改為UVDialogbull messageType == ActivityTypesConversationUpdate 加入歡迎詞

bull WebConfig把MicrosoftAppId MicrosoftAppPassword輸入

下載Bot Framework Emulatorhttpsemulatorbotframeworkcom

Bot Framework Emulator測試

4 發行到Azure web site

成功後

5註冊你的Bot1 登入到Bot Framework portal

httpsdevbotframeworkcom2 Create a bot

5註冊你的Bot-cont

ProfileConfiguration先貼上httpsyour_bots_hostnameapimessages把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 範例

httpsgithubcomMicrosoftBotBuilder-Samples

FB Bot

連接FB Bot流程

註冊FB Developer建立個人粉

絲頁

FB APP新增Messnger應

用程式

設定Bot FW的APP

設定FB APP

1 註冊FB Developerhttpsdevelopersfacebookcom

2 建立個人粉絲頁

3 FB 新增Messenger應用程式bull 新增應用程式

bull 新增產品-Messenger

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

4 設定Bot FW的APPAdd a channel

bull 設定下四個欄位

打開FB開發者頁面---主控版作資料查詢A Facebook Page ID粉絲專頁編號

B FB APP ID 以下

C Facebook App Secret應用程式密鑰以下

DPage Access Token FB 粉絲專頁存取權杖

5 設定Bot FW的APP回到FB webhook

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

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 18: 利用 Luis打造fb聊天機器人

Intent amp Entity

Intent

bull 意圖

bull 功能

Entity

bull 關鍵字

bull 變數意圖 Intent

bull 買機票

Entity 關鍵字

bull EntityQuntity Location(FromTo)

我想買[兩張][東京][來回]機票

語意分析的訓練

意圖 Intent

bull 問紫外線指數

Entity 關鍵字

bull Location gt 宜蘭

告訴我[宜蘭]紫外線指數[宜蘭]紫外線指數如何[宜蘭]紫外線

建立APP

產生APP ID

建立Entity

Entity Type

Type 說明 用途

Simple 單一的關鍵字 一般用途

List 同義字的集合 主類別mdash子類別水果鳳梨香蕉蘋果

Hierarchical 有子關鍵字的應用 機票起訖地點Location--FromLocation--ToLocation

httpsdocsmicrosoftcomzh-twazurecognitive-servicesluisluis-concept-entity-types

Entity Type

Type 說明 用途

Composite 一個Composite由其他Entity組成最多包含20Entity

像是語句ldquo幫我找2016年紅色Ford Mondeo和2008年白色Audi A4rdquo Car--Color--車廠--型號

Prebuild dates times 和 geograph

List Entity

建立Intent

輸入Utterances

Training amp Publish

Bot webapi

Bot webapi設計流程

下載範本建立Bot專案

撰寫Luis對話

上傳Azure

註冊Bot FW網站

1 下載Bot Template

bull 下載template LINK

bull 儲存 zip 檔並解壓縮放到Visual Studio 2015 templates 目錄USERPROFILEDocumentsVisual Studio 2015TemplatesProjectTemplatesVisual C

2 建立一個Bot專案

bull Visual C ndash Bot Application

bull 專案右鍵-重新建置就會根據 Packageconfig把參考的套件下載

3 撰寫Luis對話

bull Copy UVcs OpenDatacs

bull 新增UVDialogcs

bull 繼承LuisDialogltOb ject gtbull 設定[LuisModelhellip] 的keybull Intent撰寫

bull MessagesControllercsbull Post 的RootDialoge改為UVDialogbull messageType == ActivityTypesConversationUpdate 加入歡迎詞

bull WebConfig把MicrosoftAppId MicrosoftAppPassword輸入

下載Bot Framework Emulatorhttpsemulatorbotframeworkcom

Bot Framework Emulator測試

4 發行到Azure web site

成功後

5註冊你的Bot1 登入到Bot Framework portal

httpsdevbotframeworkcom2 Create a bot

5註冊你的Bot-cont

ProfileConfiguration先貼上httpsyour_bots_hostnameapimessages把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 範例

httpsgithubcomMicrosoftBotBuilder-Samples

FB Bot

連接FB Bot流程

註冊FB Developer建立個人粉

絲頁

FB APP新增Messnger應

用程式

設定Bot FW的APP

設定FB APP

1 註冊FB Developerhttpsdevelopersfacebookcom

2 建立個人粉絲頁

3 FB 新增Messenger應用程式bull 新增應用程式

bull 新增產品-Messenger

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

4 設定Bot FW的APPAdd a channel

bull 設定下四個欄位

打開FB開發者頁面---主控版作資料查詢A Facebook Page ID粉絲專頁編號

B FB APP ID 以下

C Facebook App Secret應用程式密鑰以下

DPage Access Token FB 粉絲專頁存取權杖

5 設定Bot FW的APP回到FB webhook

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

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 19: 利用 Luis打造fb聊天機器人

語意分析的訓練

意圖 Intent

bull 問紫外線指數

Entity 關鍵字

bull Location gt 宜蘭

告訴我[宜蘭]紫外線指數[宜蘭]紫外線指數如何[宜蘭]紫外線

建立APP

產生APP ID

建立Entity

Entity Type

Type 說明 用途

Simple 單一的關鍵字 一般用途

List 同義字的集合 主類別mdash子類別水果鳳梨香蕉蘋果

Hierarchical 有子關鍵字的應用 機票起訖地點Location--FromLocation--ToLocation

httpsdocsmicrosoftcomzh-twazurecognitive-servicesluisluis-concept-entity-types

Entity Type

Type 說明 用途

Composite 一個Composite由其他Entity組成最多包含20Entity

像是語句ldquo幫我找2016年紅色Ford Mondeo和2008年白色Audi A4rdquo Car--Color--車廠--型號

Prebuild dates times 和 geograph

List Entity

建立Intent

輸入Utterances

Training amp Publish

Bot webapi

Bot webapi設計流程

下載範本建立Bot專案

撰寫Luis對話

上傳Azure

註冊Bot FW網站

1 下載Bot Template

bull 下載template LINK

bull 儲存 zip 檔並解壓縮放到Visual Studio 2015 templates 目錄USERPROFILEDocumentsVisual Studio 2015TemplatesProjectTemplatesVisual C

2 建立一個Bot專案

bull Visual C ndash Bot Application

bull 專案右鍵-重新建置就會根據 Packageconfig把參考的套件下載

3 撰寫Luis對話

bull Copy UVcs OpenDatacs

bull 新增UVDialogcs

bull 繼承LuisDialogltOb ject gtbull 設定[LuisModelhellip] 的keybull Intent撰寫

bull MessagesControllercsbull Post 的RootDialoge改為UVDialogbull messageType == ActivityTypesConversationUpdate 加入歡迎詞

bull WebConfig把MicrosoftAppId MicrosoftAppPassword輸入

下載Bot Framework Emulatorhttpsemulatorbotframeworkcom

Bot Framework Emulator測試

4 發行到Azure web site

成功後

5註冊你的Bot1 登入到Bot Framework portal

httpsdevbotframeworkcom2 Create a bot

5註冊你的Bot-cont

ProfileConfiguration先貼上httpsyour_bots_hostnameapimessages把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 範例

httpsgithubcomMicrosoftBotBuilder-Samples

FB Bot

連接FB Bot流程

註冊FB Developer建立個人粉

絲頁

FB APP新增Messnger應

用程式

設定Bot FW的APP

設定FB APP

1 註冊FB Developerhttpsdevelopersfacebookcom

2 建立個人粉絲頁

3 FB 新增Messenger應用程式bull 新增應用程式

bull 新增產品-Messenger

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

4 設定Bot FW的APPAdd a channel

bull 設定下四個欄位

打開FB開發者頁面---主控版作資料查詢A Facebook Page ID粉絲專頁編號

B FB APP ID 以下

C Facebook App Secret應用程式密鑰以下

DPage Access Token FB 粉絲專頁存取權杖

5 設定Bot FW的APP回到FB webhook

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

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 20: 利用 Luis打造fb聊天機器人

建立APP

產生APP ID

建立Entity

Entity Type

Type 說明 用途

Simple 單一的關鍵字 一般用途

List 同義字的集合 主類別mdash子類別水果鳳梨香蕉蘋果

Hierarchical 有子關鍵字的應用 機票起訖地點Location--FromLocation--ToLocation

httpsdocsmicrosoftcomzh-twazurecognitive-servicesluisluis-concept-entity-types

Entity Type

Type 說明 用途

Composite 一個Composite由其他Entity組成最多包含20Entity

像是語句ldquo幫我找2016年紅色Ford Mondeo和2008年白色Audi A4rdquo Car--Color--車廠--型號

Prebuild dates times 和 geograph

List Entity

建立Intent

輸入Utterances

Training amp Publish

Bot webapi

Bot webapi設計流程

下載範本建立Bot專案

撰寫Luis對話

上傳Azure

註冊Bot FW網站

1 下載Bot Template

bull 下載template LINK

bull 儲存 zip 檔並解壓縮放到Visual Studio 2015 templates 目錄USERPROFILEDocumentsVisual Studio 2015TemplatesProjectTemplatesVisual C

2 建立一個Bot專案

bull Visual C ndash Bot Application

bull 專案右鍵-重新建置就會根據 Packageconfig把參考的套件下載

3 撰寫Luis對話

bull Copy UVcs OpenDatacs

bull 新增UVDialogcs

bull 繼承LuisDialogltOb ject gtbull 設定[LuisModelhellip] 的keybull Intent撰寫

bull MessagesControllercsbull Post 的RootDialoge改為UVDialogbull messageType == ActivityTypesConversationUpdate 加入歡迎詞

bull WebConfig把MicrosoftAppId MicrosoftAppPassword輸入

下載Bot Framework Emulatorhttpsemulatorbotframeworkcom

Bot Framework Emulator測試

4 發行到Azure web site

成功後

5註冊你的Bot1 登入到Bot Framework portal

httpsdevbotframeworkcom2 Create a bot

5註冊你的Bot-cont

ProfileConfiguration先貼上httpsyour_bots_hostnameapimessages把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 範例

httpsgithubcomMicrosoftBotBuilder-Samples

FB Bot

連接FB Bot流程

註冊FB Developer建立個人粉

絲頁

FB APP新增Messnger應

用程式

設定Bot FW的APP

設定FB APP

1 註冊FB Developerhttpsdevelopersfacebookcom

2 建立個人粉絲頁

3 FB 新增Messenger應用程式bull 新增應用程式

bull 新增產品-Messenger

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

4 設定Bot FW的APPAdd a channel

bull 設定下四個欄位

打開FB開發者頁面---主控版作資料查詢A Facebook Page ID粉絲專頁編號

B FB APP ID 以下

C Facebook App Secret應用程式密鑰以下

DPage Access Token FB 粉絲專頁存取權杖

5 設定Bot FW的APP回到FB webhook

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

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 21: 利用 Luis打造fb聊天機器人

產生APP ID

建立Entity

Entity Type

Type 說明 用途

Simple 單一的關鍵字 一般用途

List 同義字的集合 主類別mdash子類別水果鳳梨香蕉蘋果

Hierarchical 有子關鍵字的應用 機票起訖地點Location--FromLocation--ToLocation

httpsdocsmicrosoftcomzh-twazurecognitive-servicesluisluis-concept-entity-types

Entity Type

Type 說明 用途

Composite 一個Composite由其他Entity組成最多包含20Entity

像是語句ldquo幫我找2016年紅色Ford Mondeo和2008年白色Audi A4rdquo Car--Color--車廠--型號

Prebuild dates times 和 geograph

List Entity

建立Intent

輸入Utterances

Training amp Publish

Bot webapi

Bot webapi設計流程

下載範本建立Bot專案

撰寫Luis對話

上傳Azure

註冊Bot FW網站

1 下載Bot Template

bull 下載template LINK

bull 儲存 zip 檔並解壓縮放到Visual Studio 2015 templates 目錄USERPROFILEDocumentsVisual Studio 2015TemplatesProjectTemplatesVisual C

2 建立一個Bot專案

bull Visual C ndash Bot Application

bull 專案右鍵-重新建置就會根據 Packageconfig把參考的套件下載

3 撰寫Luis對話

bull Copy UVcs OpenDatacs

bull 新增UVDialogcs

bull 繼承LuisDialogltOb ject gtbull 設定[LuisModelhellip] 的keybull Intent撰寫

bull MessagesControllercsbull Post 的RootDialoge改為UVDialogbull messageType == ActivityTypesConversationUpdate 加入歡迎詞

bull WebConfig把MicrosoftAppId MicrosoftAppPassword輸入

下載Bot Framework Emulatorhttpsemulatorbotframeworkcom

Bot Framework Emulator測試

4 發行到Azure web site

成功後

5註冊你的Bot1 登入到Bot Framework portal

httpsdevbotframeworkcom2 Create a bot

5註冊你的Bot-cont

ProfileConfiguration先貼上httpsyour_bots_hostnameapimessages把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 範例

httpsgithubcomMicrosoftBotBuilder-Samples

FB Bot

連接FB Bot流程

註冊FB Developer建立個人粉

絲頁

FB APP新增Messnger應

用程式

設定Bot FW的APP

設定FB APP

1 註冊FB Developerhttpsdevelopersfacebookcom

2 建立個人粉絲頁

3 FB 新增Messenger應用程式bull 新增應用程式

bull 新增產品-Messenger

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

4 設定Bot FW的APPAdd a channel

bull 設定下四個欄位

打開FB開發者頁面---主控版作資料查詢A Facebook Page ID粉絲專頁編號

B FB APP ID 以下

C Facebook App Secret應用程式密鑰以下

DPage Access Token FB 粉絲專頁存取權杖

5 設定Bot FW的APP回到FB webhook

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

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 22: 利用 Luis打造fb聊天機器人

建立Entity

Entity Type

Type 說明 用途

Simple 單一的關鍵字 一般用途

List 同義字的集合 主類別mdash子類別水果鳳梨香蕉蘋果

Hierarchical 有子關鍵字的應用 機票起訖地點Location--FromLocation--ToLocation

httpsdocsmicrosoftcomzh-twazurecognitive-servicesluisluis-concept-entity-types

Entity Type

Type 說明 用途

Composite 一個Composite由其他Entity組成最多包含20Entity

像是語句ldquo幫我找2016年紅色Ford Mondeo和2008年白色Audi A4rdquo Car--Color--車廠--型號

Prebuild dates times 和 geograph

List Entity

建立Intent

輸入Utterances

Training amp Publish

Bot webapi

Bot webapi設計流程

下載範本建立Bot專案

撰寫Luis對話

上傳Azure

註冊Bot FW網站

1 下載Bot Template

bull 下載template LINK

bull 儲存 zip 檔並解壓縮放到Visual Studio 2015 templates 目錄USERPROFILEDocumentsVisual Studio 2015TemplatesProjectTemplatesVisual C

2 建立一個Bot專案

bull Visual C ndash Bot Application

bull 專案右鍵-重新建置就會根據 Packageconfig把參考的套件下載

3 撰寫Luis對話

bull Copy UVcs OpenDatacs

bull 新增UVDialogcs

bull 繼承LuisDialogltOb ject gtbull 設定[LuisModelhellip] 的keybull Intent撰寫

bull MessagesControllercsbull Post 的RootDialoge改為UVDialogbull messageType == ActivityTypesConversationUpdate 加入歡迎詞

bull WebConfig把MicrosoftAppId MicrosoftAppPassword輸入

下載Bot Framework Emulatorhttpsemulatorbotframeworkcom

Bot Framework Emulator測試

4 發行到Azure web site

成功後

5註冊你的Bot1 登入到Bot Framework portal

httpsdevbotframeworkcom2 Create a bot

5註冊你的Bot-cont

ProfileConfiguration先貼上httpsyour_bots_hostnameapimessages把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 範例

httpsgithubcomMicrosoftBotBuilder-Samples

FB Bot

連接FB Bot流程

註冊FB Developer建立個人粉

絲頁

FB APP新增Messnger應

用程式

設定Bot FW的APP

設定FB APP

1 註冊FB Developerhttpsdevelopersfacebookcom

2 建立個人粉絲頁

3 FB 新增Messenger應用程式bull 新增應用程式

bull 新增產品-Messenger

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

4 設定Bot FW的APPAdd a channel

bull 設定下四個欄位

打開FB開發者頁面---主控版作資料查詢A Facebook Page ID粉絲專頁編號

B FB APP ID 以下

C Facebook App Secret應用程式密鑰以下

DPage Access Token FB 粉絲專頁存取權杖

5 設定Bot FW的APP回到FB webhook

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

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 23: 利用 Luis打造fb聊天機器人

Entity Type

Type 說明 用途

Simple 單一的關鍵字 一般用途

List 同義字的集合 主類別mdash子類別水果鳳梨香蕉蘋果

Hierarchical 有子關鍵字的應用 機票起訖地點Location--FromLocation--ToLocation

httpsdocsmicrosoftcomzh-twazurecognitive-servicesluisluis-concept-entity-types

Entity Type

Type 說明 用途

Composite 一個Composite由其他Entity組成最多包含20Entity

像是語句ldquo幫我找2016年紅色Ford Mondeo和2008年白色Audi A4rdquo Car--Color--車廠--型號

Prebuild dates times 和 geograph

List Entity

建立Intent

輸入Utterances

Training amp Publish

Bot webapi

Bot webapi設計流程

下載範本建立Bot專案

撰寫Luis對話

上傳Azure

註冊Bot FW網站

1 下載Bot Template

bull 下載template LINK

bull 儲存 zip 檔並解壓縮放到Visual Studio 2015 templates 目錄USERPROFILEDocumentsVisual Studio 2015TemplatesProjectTemplatesVisual C

2 建立一個Bot專案

bull Visual C ndash Bot Application

bull 專案右鍵-重新建置就會根據 Packageconfig把參考的套件下載

3 撰寫Luis對話

bull Copy UVcs OpenDatacs

bull 新增UVDialogcs

bull 繼承LuisDialogltOb ject gtbull 設定[LuisModelhellip] 的keybull Intent撰寫

bull MessagesControllercsbull Post 的RootDialoge改為UVDialogbull messageType == ActivityTypesConversationUpdate 加入歡迎詞

bull WebConfig把MicrosoftAppId MicrosoftAppPassword輸入

下載Bot Framework Emulatorhttpsemulatorbotframeworkcom

Bot Framework Emulator測試

4 發行到Azure web site

成功後

5註冊你的Bot1 登入到Bot Framework portal

httpsdevbotframeworkcom2 Create a bot

5註冊你的Bot-cont

ProfileConfiguration先貼上httpsyour_bots_hostnameapimessages把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 範例

httpsgithubcomMicrosoftBotBuilder-Samples

FB Bot

連接FB Bot流程

註冊FB Developer建立個人粉

絲頁

FB APP新增Messnger應

用程式

設定Bot FW的APP

設定FB APP

1 註冊FB Developerhttpsdevelopersfacebookcom

2 建立個人粉絲頁

3 FB 新增Messenger應用程式bull 新增應用程式

bull 新增產品-Messenger

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

4 設定Bot FW的APPAdd a channel

bull 設定下四個欄位

打開FB開發者頁面---主控版作資料查詢A Facebook Page ID粉絲專頁編號

B FB APP ID 以下

C Facebook App Secret應用程式密鑰以下

DPage Access Token FB 粉絲專頁存取權杖

5 設定Bot FW的APP回到FB webhook

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

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 24: 利用 Luis打造fb聊天機器人

Entity Type

Type 說明 用途

Composite 一個Composite由其他Entity組成最多包含20Entity

像是語句ldquo幫我找2016年紅色Ford Mondeo和2008年白色Audi A4rdquo Car--Color--車廠--型號

Prebuild dates times 和 geograph

List Entity

建立Intent

輸入Utterances

Training amp Publish

Bot webapi

Bot webapi設計流程

下載範本建立Bot專案

撰寫Luis對話

上傳Azure

註冊Bot FW網站

1 下載Bot Template

bull 下載template LINK

bull 儲存 zip 檔並解壓縮放到Visual Studio 2015 templates 目錄USERPROFILEDocumentsVisual Studio 2015TemplatesProjectTemplatesVisual C

2 建立一個Bot專案

bull Visual C ndash Bot Application

bull 專案右鍵-重新建置就會根據 Packageconfig把參考的套件下載

3 撰寫Luis對話

bull Copy UVcs OpenDatacs

bull 新增UVDialogcs

bull 繼承LuisDialogltOb ject gtbull 設定[LuisModelhellip] 的keybull Intent撰寫

bull MessagesControllercsbull Post 的RootDialoge改為UVDialogbull messageType == ActivityTypesConversationUpdate 加入歡迎詞

bull WebConfig把MicrosoftAppId MicrosoftAppPassword輸入

下載Bot Framework Emulatorhttpsemulatorbotframeworkcom

Bot Framework Emulator測試

4 發行到Azure web site

成功後

5註冊你的Bot1 登入到Bot Framework portal

httpsdevbotframeworkcom2 Create a bot

5註冊你的Bot-cont

ProfileConfiguration先貼上httpsyour_bots_hostnameapimessages把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 範例

httpsgithubcomMicrosoftBotBuilder-Samples

FB Bot

連接FB Bot流程

註冊FB Developer建立個人粉

絲頁

FB APP新增Messnger應

用程式

設定Bot FW的APP

設定FB APP

1 註冊FB Developerhttpsdevelopersfacebookcom

2 建立個人粉絲頁

3 FB 新增Messenger應用程式bull 新增應用程式

bull 新增產品-Messenger

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

4 設定Bot FW的APPAdd a channel

bull 設定下四個欄位

打開FB開發者頁面---主控版作資料查詢A Facebook Page ID粉絲專頁編號

B FB APP ID 以下

C Facebook App Secret應用程式密鑰以下

DPage Access Token FB 粉絲專頁存取權杖

5 設定Bot FW的APP回到FB webhook

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

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 25: 利用 Luis打造fb聊天機器人

List Entity

建立Intent

輸入Utterances

Training amp Publish

Bot webapi

Bot webapi設計流程

下載範本建立Bot專案

撰寫Luis對話

上傳Azure

註冊Bot FW網站

1 下載Bot Template

bull 下載template LINK

bull 儲存 zip 檔並解壓縮放到Visual Studio 2015 templates 目錄USERPROFILEDocumentsVisual Studio 2015TemplatesProjectTemplatesVisual C

2 建立一個Bot專案

bull Visual C ndash Bot Application

bull 專案右鍵-重新建置就會根據 Packageconfig把參考的套件下載

3 撰寫Luis對話

bull Copy UVcs OpenDatacs

bull 新增UVDialogcs

bull 繼承LuisDialogltOb ject gtbull 設定[LuisModelhellip] 的keybull Intent撰寫

bull MessagesControllercsbull Post 的RootDialoge改為UVDialogbull messageType == ActivityTypesConversationUpdate 加入歡迎詞

bull WebConfig把MicrosoftAppId MicrosoftAppPassword輸入

下載Bot Framework Emulatorhttpsemulatorbotframeworkcom

Bot Framework Emulator測試

4 發行到Azure web site

成功後

5註冊你的Bot1 登入到Bot Framework portal

httpsdevbotframeworkcom2 Create a bot

5註冊你的Bot-cont

ProfileConfiguration先貼上httpsyour_bots_hostnameapimessages把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 範例

httpsgithubcomMicrosoftBotBuilder-Samples

FB Bot

連接FB Bot流程

註冊FB Developer建立個人粉

絲頁

FB APP新增Messnger應

用程式

設定Bot FW的APP

設定FB APP

1 註冊FB Developerhttpsdevelopersfacebookcom

2 建立個人粉絲頁

3 FB 新增Messenger應用程式bull 新增應用程式

bull 新增產品-Messenger

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

4 設定Bot FW的APPAdd a channel

bull 設定下四個欄位

打開FB開發者頁面---主控版作資料查詢A Facebook Page ID粉絲專頁編號

B FB APP ID 以下

C Facebook App Secret應用程式密鑰以下

DPage Access Token FB 粉絲專頁存取權杖

5 設定Bot FW的APP回到FB webhook

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

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 26: 利用 Luis打造fb聊天機器人

建立Intent

輸入Utterances

Training amp Publish

Bot webapi

Bot webapi設計流程

下載範本建立Bot專案

撰寫Luis對話

上傳Azure

註冊Bot FW網站

1 下載Bot Template

bull 下載template LINK

bull 儲存 zip 檔並解壓縮放到Visual Studio 2015 templates 目錄USERPROFILEDocumentsVisual Studio 2015TemplatesProjectTemplatesVisual C

2 建立一個Bot專案

bull Visual C ndash Bot Application

bull 專案右鍵-重新建置就會根據 Packageconfig把參考的套件下載

3 撰寫Luis對話

bull Copy UVcs OpenDatacs

bull 新增UVDialogcs

bull 繼承LuisDialogltOb ject gtbull 設定[LuisModelhellip] 的keybull Intent撰寫

bull MessagesControllercsbull Post 的RootDialoge改為UVDialogbull messageType == ActivityTypesConversationUpdate 加入歡迎詞

bull WebConfig把MicrosoftAppId MicrosoftAppPassword輸入

下載Bot Framework Emulatorhttpsemulatorbotframeworkcom

Bot Framework Emulator測試

4 發行到Azure web site

成功後

5註冊你的Bot1 登入到Bot Framework portal

httpsdevbotframeworkcom2 Create a bot

5註冊你的Bot-cont

ProfileConfiguration先貼上httpsyour_bots_hostnameapimessages把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 範例

httpsgithubcomMicrosoftBotBuilder-Samples

FB Bot

連接FB Bot流程

註冊FB Developer建立個人粉

絲頁

FB APP新增Messnger應

用程式

設定Bot FW的APP

設定FB APP

1 註冊FB Developerhttpsdevelopersfacebookcom

2 建立個人粉絲頁

3 FB 新增Messenger應用程式bull 新增應用程式

bull 新增產品-Messenger

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

4 設定Bot FW的APPAdd a channel

bull 設定下四個欄位

打開FB開發者頁面---主控版作資料查詢A Facebook Page ID粉絲專頁編號

B FB APP ID 以下

C Facebook App Secret應用程式密鑰以下

DPage Access Token FB 粉絲專頁存取權杖

5 設定Bot FW的APP回到FB webhook

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

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 27: 利用 Luis打造fb聊天機器人

輸入Utterances

Training amp Publish

Bot webapi

Bot webapi設計流程

下載範本建立Bot專案

撰寫Luis對話

上傳Azure

註冊Bot FW網站

1 下載Bot Template

bull 下載template LINK

bull 儲存 zip 檔並解壓縮放到Visual Studio 2015 templates 目錄USERPROFILEDocumentsVisual Studio 2015TemplatesProjectTemplatesVisual C

2 建立一個Bot專案

bull Visual C ndash Bot Application

bull 專案右鍵-重新建置就會根據 Packageconfig把參考的套件下載

3 撰寫Luis對話

bull Copy UVcs OpenDatacs

bull 新增UVDialogcs

bull 繼承LuisDialogltOb ject gtbull 設定[LuisModelhellip] 的keybull Intent撰寫

bull MessagesControllercsbull Post 的RootDialoge改為UVDialogbull messageType == ActivityTypesConversationUpdate 加入歡迎詞

bull WebConfig把MicrosoftAppId MicrosoftAppPassword輸入

下載Bot Framework Emulatorhttpsemulatorbotframeworkcom

Bot Framework Emulator測試

4 發行到Azure web site

成功後

5註冊你的Bot1 登入到Bot Framework portal

httpsdevbotframeworkcom2 Create a bot

5註冊你的Bot-cont

ProfileConfiguration先貼上httpsyour_bots_hostnameapimessages把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 範例

httpsgithubcomMicrosoftBotBuilder-Samples

FB Bot

連接FB Bot流程

註冊FB Developer建立個人粉

絲頁

FB APP新增Messnger應

用程式

設定Bot FW的APP

設定FB APP

1 註冊FB Developerhttpsdevelopersfacebookcom

2 建立個人粉絲頁

3 FB 新增Messenger應用程式bull 新增應用程式

bull 新增產品-Messenger

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

4 設定Bot FW的APPAdd a channel

bull 設定下四個欄位

打開FB開發者頁面---主控版作資料查詢A Facebook Page ID粉絲專頁編號

B FB APP ID 以下

C Facebook App Secret應用程式密鑰以下

DPage Access Token FB 粉絲專頁存取權杖

5 設定Bot FW的APP回到FB webhook

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

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 28: 利用 Luis打造fb聊天機器人

Training amp Publish

Bot webapi

Bot webapi設計流程

下載範本建立Bot專案

撰寫Luis對話

上傳Azure

註冊Bot FW網站

1 下載Bot Template

bull 下載template LINK

bull 儲存 zip 檔並解壓縮放到Visual Studio 2015 templates 目錄USERPROFILEDocumentsVisual Studio 2015TemplatesProjectTemplatesVisual C

2 建立一個Bot專案

bull Visual C ndash Bot Application

bull 專案右鍵-重新建置就會根據 Packageconfig把參考的套件下載

3 撰寫Luis對話

bull Copy UVcs OpenDatacs

bull 新增UVDialogcs

bull 繼承LuisDialogltOb ject gtbull 設定[LuisModelhellip] 的keybull Intent撰寫

bull MessagesControllercsbull Post 的RootDialoge改為UVDialogbull messageType == ActivityTypesConversationUpdate 加入歡迎詞

bull WebConfig把MicrosoftAppId MicrosoftAppPassword輸入

下載Bot Framework Emulatorhttpsemulatorbotframeworkcom

Bot Framework Emulator測試

4 發行到Azure web site

成功後

5註冊你的Bot1 登入到Bot Framework portal

httpsdevbotframeworkcom2 Create a bot

5註冊你的Bot-cont

ProfileConfiguration先貼上httpsyour_bots_hostnameapimessages把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 範例

httpsgithubcomMicrosoftBotBuilder-Samples

FB Bot

連接FB Bot流程

註冊FB Developer建立個人粉

絲頁

FB APP新增Messnger應

用程式

設定Bot FW的APP

設定FB APP

1 註冊FB Developerhttpsdevelopersfacebookcom

2 建立個人粉絲頁

3 FB 新增Messenger應用程式bull 新增應用程式

bull 新增產品-Messenger

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

4 設定Bot FW的APPAdd a channel

bull 設定下四個欄位

打開FB開發者頁面---主控版作資料查詢A Facebook Page ID粉絲專頁編號

B FB APP ID 以下

C Facebook App Secret應用程式密鑰以下

DPage Access Token FB 粉絲專頁存取權杖

5 設定Bot FW的APP回到FB webhook

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

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 29: 利用 Luis打造fb聊天機器人

Bot webapi

Bot webapi設計流程

下載範本建立Bot專案

撰寫Luis對話

上傳Azure

註冊Bot FW網站

1 下載Bot Template

bull 下載template LINK

bull 儲存 zip 檔並解壓縮放到Visual Studio 2015 templates 目錄USERPROFILEDocumentsVisual Studio 2015TemplatesProjectTemplatesVisual C

2 建立一個Bot專案

bull Visual C ndash Bot Application

bull 專案右鍵-重新建置就會根據 Packageconfig把參考的套件下載

3 撰寫Luis對話

bull Copy UVcs OpenDatacs

bull 新增UVDialogcs

bull 繼承LuisDialogltOb ject gtbull 設定[LuisModelhellip] 的keybull Intent撰寫

bull MessagesControllercsbull Post 的RootDialoge改為UVDialogbull messageType == ActivityTypesConversationUpdate 加入歡迎詞

bull WebConfig把MicrosoftAppId MicrosoftAppPassword輸入

下載Bot Framework Emulatorhttpsemulatorbotframeworkcom

Bot Framework Emulator測試

4 發行到Azure web site

成功後

5註冊你的Bot1 登入到Bot Framework portal

httpsdevbotframeworkcom2 Create a bot

5註冊你的Bot-cont

ProfileConfiguration先貼上httpsyour_bots_hostnameapimessages把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 範例

httpsgithubcomMicrosoftBotBuilder-Samples

FB Bot

連接FB Bot流程

註冊FB Developer建立個人粉

絲頁

FB APP新增Messnger應

用程式

設定Bot FW的APP

設定FB APP

1 註冊FB Developerhttpsdevelopersfacebookcom

2 建立個人粉絲頁

3 FB 新增Messenger應用程式bull 新增應用程式

bull 新增產品-Messenger

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

4 設定Bot FW的APPAdd a channel

bull 設定下四個欄位

打開FB開發者頁面---主控版作資料查詢A Facebook Page ID粉絲專頁編號

B FB APP ID 以下

C Facebook App Secret應用程式密鑰以下

DPage Access Token FB 粉絲專頁存取權杖

5 設定Bot FW的APP回到FB webhook

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

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 30: 利用 Luis打造fb聊天機器人

Bot webapi設計流程

下載範本建立Bot專案

撰寫Luis對話

上傳Azure

註冊Bot FW網站

1 下載Bot Template

bull 下載template LINK

bull 儲存 zip 檔並解壓縮放到Visual Studio 2015 templates 目錄USERPROFILEDocumentsVisual Studio 2015TemplatesProjectTemplatesVisual C

2 建立一個Bot專案

bull Visual C ndash Bot Application

bull 專案右鍵-重新建置就會根據 Packageconfig把參考的套件下載

3 撰寫Luis對話

bull Copy UVcs OpenDatacs

bull 新增UVDialogcs

bull 繼承LuisDialogltOb ject gtbull 設定[LuisModelhellip] 的keybull Intent撰寫

bull MessagesControllercsbull Post 的RootDialoge改為UVDialogbull messageType == ActivityTypesConversationUpdate 加入歡迎詞

bull WebConfig把MicrosoftAppId MicrosoftAppPassword輸入

下載Bot Framework Emulatorhttpsemulatorbotframeworkcom

Bot Framework Emulator測試

4 發行到Azure web site

成功後

5註冊你的Bot1 登入到Bot Framework portal

httpsdevbotframeworkcom2 Create a bot

5註冊你的Bot-cont

ProfileConfiguration先貼上httpsyour_bots_hostnameapimessages把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 範例

httpsgithubcomMicrosoftBotBuilder-Samples

FB Bot

連接FB Bot流程

註冊FB Developer建立個人粉

絲頁

FB APP新增Messnger應

用程式

設定Bot FW的APP

設定FB APP

1 註冊FB Developerhttpsdevelopersfacebookcom

2 建立個人粉絲頁

3 FB 新增Messenger應用程式bull 新增應用程式

bull 新增產品-Messenger

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

4 設定Bot FW的APPAdd a channel

bull 設定下四個欄位

打開FB開發者頁面---主控版作資料查詢A Facebook Page ID粉絲專頁編號

B FB APP ID 以下

C Facebook App Secret應用程式密鑰以下

DPage Access Token FB 粉絲專頁存取權杖

5 設定Bot FW的APP回到FB webhook

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

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 31: 利用 Luis打造fb聊天機器人

1 下載Bot Template

bull 下載template LINK

bull 儲存 zip 檔並解壓縮放到Visual Studio 2015 templates 目錄USERPROFILEDocumentsVisual Studio 2015TemplatesProjectTemplatesVisual C

2 建立一個Bot專案

bull Visual C ndash Bot Application

bull 專案右鍵-重新建置就會根據 Packageconfig把參考的套件下載

3 撰寫Luis對話

bull Copy UVcs OpenDatacs

bull 新增UVDialogcs

bull 繼承LuisDialogltOb ject gtbull 設定[LuisModelhellip] 的keybull Intent撰寫

bull MessagesControllercsbull Post 的RootDialoge改為UVDialogbull messageType == ActivityTypesConversationUpdate 加入歡迎詞

bull WebConfig把MicrosoftAppId MicrosoftAppPassword輸入

下載Bot Framework Emulatorhttpsemulatorbotframeworkcom

Bot Framework Emulator測試

4 發行到Azure web site

成功後

5註冊你的Bot1 登入到Bot Framework portal

httpsdevbotframeworkcom2 Create a bot

5註冊你的Bot-cont

ProfileConfiguration先貼上httpsyour_bots_hostnameapimessages把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 範例

httpsgithubcomMicrosoftBotBuilder-Samples

FB Bot

連接FB Bot流程

註冊FB Developer建立個人粉

絲頁

FB APP新增Messnger應

用程式

設定Bot FW的APP

設定FB APP

1 註冊FB Developerhttpsdevelopersfacebookcom

2 建立個人粉絲頁

3 FB 新增Messenger應用程式bull 新增應用程式

bull 新增產品-Messenger

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

4 設定Bot FW的APPAdd a channel

bull 設定下四個欄位

打開FB開發者頁面---主控版作資料查詢A Facebook Page ID粉絲專頁編號

B FB APP ID 以下

C Facebook App Secret應用程式密鑰以下

DPage Access Token FB 粉絲專頁存取權杖

5 設定Bot FW的APP回到FB webhook

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

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 32: 利用 Luis打造fb聊天機器人

2 建立一個Bot專案

bull Visual C ndash Bot Application

bull 專案右鍵-重新建置就會根據 Packageconfig把參考的套件下載

3 撰寫Luis對話

bull Copy UVcs OpenDatacs

bull 新增UVDialogcs

bull 繼承LuisDialogltOb ject gtbull 設定[LuisModelhellip] 的keybull Intent撰寫

bull MessagesControllercsbull Post 的RootDialoge改為UVDialogbull messageType == ActivityTypesConversationUpdate 加入歡迎詞

bull WebConfig把MicrosoftAppId MicrosoftAppPassword輸入

下載Bot Framework Emulatorhttpsemulatorbotframeworkcom

Bot Framework Emulator測試

4 發行到Azure web site

成功後

5註冊你的Bot1 登入到Bot Framework portal

httpsdevbotframeworkcom2 Create a bot

5註冊你的Bot-cont

ProfileConfiguration先貼上httpsyour_bots_hostnameapimessages把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 範例

httpsgithubcomMicrosoftBotBuilder-Samples

FB Bot

連接FB Bot流程

註冊FB Developer建立個人粉

絲頁

FB APP新增Messnger應

用程式

設定Bot FW的APP

設定FB APP

1 註冊FB Developerhttpsdevelopersfacebookcom

2 建立個人粉絲頁

3 FB 新增Messenger應用程式bull 新增應用程式

bull 新增產品-Messenger

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

4 設定Bot FW的APPAdd a channel

bull 設定下四個欄位

打開FB開發者頁面---主控版作資料查詢A Facebook Page ID粉絲專頁編號

B FB APP ID 以下

C Facebook App Secret應用程式密鑰以下

DPage Access Token FB 粉絲專頁存取權杖

5 設定Bot FW的APP回到FB webhook

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

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 33: 利用 Luis打造fb聊天機器人

3 撰寫Luis對話

bull Copy UVcs OpenDatacs

bull 新增UVDialogcs

bull 繼承LuisDialogltOb ject gtbull 設定[LuisModelhellip] 的keybull Intent撰寫

bull MessagesControllercsbull Post 的RootDialoge改為UVDialogbull messageType == ActivityTypesConversationUpdate 加入歡迎詞

bull WebConfig把MicrosoftAppId MicrosoftAppPassword輸入

下載Bot Framework Emulatorhttpsemulatorbotframeworkcom

Bot Framework Emulator測試

4 發行到Azure web site

成功後

5註冊你的Bot1 登入到Bot Framework portal

httpsdevbotframeworkcom2 Create a bot

5註冊你的Bot-cont

ProfileConfiguration先貼上httpsyour_bots_hostnameapimessages把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 範例

httpsgithubcomMicrosoftBotBuilder-Samples

FB Bot

連接FB Bot流程

註冊FB Developer建立個人粉

絲頁

FB APP新增Messnger應

用程式

設定Bot FW的APP

設定FB APP

1 註冊FB Developerhttpsdevelopersfacebookcom

2 建立個人粉絲頁

3 FB 新增Messenger應用程式bull 新增應用程式

bull 新增產品-Messenger

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

4 設定Bot FW的APPAdd a channel

bull 設定下四個欄位

打開FB開發者頁面---主控版作資料查詢A Facebook Page ID粉絲專頁編號

B FB APP ID 以下

C Facebook App Secret應用程式密鑰以下

DPage Access Token FB 粉絲專頁存取權杖

5 設定Bot FW的APP回到FB webhook

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

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 34: 利用 Luis打造fb聊天機器人

下載Bot Framework Emulatorhttpsemulatorbotframeworkcom

Bot Framework Emulator測試

4 發行到Azure web site

成功後

5註冊你的Bot1 登入到Bot Framework portal

httpsdevbotframeworkcom2 Create a bot

5註冊你的Bot-cont

ProfileConfiguration先貼上httpsyour_bots_hostnameapimessages把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 範例

httpsgithubcomMicrosoftBotBuilder-Samples

FB Bot

連接FB Bot流程

註冊FB Developer建立個人粉

絲頁

FB APP新增Messnger應

用程式

設定Bot FW的APP

設定FB APP

1 註冊FB Developerhttpsdevelopersfacebookcom

2 建立個人粉絲頁

3 FB 新增Messenger應用程式bull 新增應用程式

bull 新增產品-Messenger

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

4 設定Bot FW的APPAdd a channel

bull 設定下四個欄位

打開FB開發者頁面---主控版作資料查詢A Facebook Page ID粉絲專頁編號

B FB APP ID 以下

C Facebook App Secret應用程式密鑰以下

DPage Access Token FB 粉絲專頁存取權杖

5 設定Bot FW的APP回到FB webhook

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

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 35: 利用 Luis打造fb聊天機器人

Bot Framework Emulator測試

4 發行到Azure web site

成功後

5註冊你的Bot1 登入到Bot Framework portal

httpsdevbotframeworkcom2 Create a bot

5註冊你的Bot-cont

ProfileConfiguration先貼上httpsyour_bots_hostnameapimessages把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 範例

httpsgithubcomMicrosoftBotBuilder-Samples

FB Bot

連接FB Bot流程

註冊FB Developer建立個人粉

絲頁

FB APP新增Messnger應

用程式

設定Bot FW的APP

設定FB APP

1 註冊FB Developerhttpsdevelopersfacebookcom

2 建立個人粉絲頁

3 FB 新增Messenger應用程式bull 新增應用程式

bull 新增產品-Messenger

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

4 設定Bot FW的APPAdd a channel

bull 設定下四個欄位

打開FB開發者頁面---主控版作資料查詢A Facebook Page ID粉絲專頁編號

B FB APP ID 以下

C Facebook App Secret應用程式密鑰以下

DPage Access Token FB 粉絲專頁存取權杖

5 設定Bot FW的APP回到FB webhook

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

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 36: 利用 Luis打造fb聊天機器人

4 發行到Azure web site

成功後

5註冊你的Bot1 登入到Bot Framework portal

httpsdevbotframeworkcom2 Create a bot

5註冊你的Bot-cont

ProfileConfiguration先貼上httpsyour_bots_hostnameapimessages把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 範例

httpsgithubcomMicrosoftBotBuilder-Samples

FB Bot

連接FB Bot流程

註冊FB Developer建立個人粉

絲頁

FB APP新增Messnger應

用程式

設定Bot FW的APP

設定FB APP

1 註冊FB Developerhttpsdevelopersfacebookcom

2 建立個人粉絲頁

3 FB 新增Messenger應用程式bull 新增應用程式

bull 新增產品-Messenger

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

4 設定Bot FW的APPAdd a channel

bull 設定下四個欄位

打開FB開發者頁面---主控版作資料查詢A Facebook Page ID粉絲專頁編號

B FB APP ID 以下

C Facebook App Secret應用程式密鑰以下

DPage Access Token FB 粉絲專頁存取權杖

5 設定Bot FW的APP回到FB webhook

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

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 37: 利用 Luis打造fb聊天機器人

5註冊你的Bot1 登入到Bot Framework portal

httpsdevbotframeworkcom2 Create a bot

5註冊你的Bot-cont

ProfileConfiguration先貼上httpsyour_bots_hostnameapimessages把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 範例

httpsgithubcomMicrosoftBotBuilder-Samples

FB Bot

連接FB Bot流程

註冊FB Developer建立個人粉

絲頁

FB APP新增Messnger應

用程式

設定Bot FW的APP

設定FB APP

1 註冊FB Developerhttpsdevelopersfacebookcom

2 建立個人粉絲頁

3 FB 新增Messenger應用程式bull 新增應用程式

bull 新增產品-Messenger

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

4 設定Bot FW的APPAdd a channel

bull 設定下四個欄位

打開FB開發者頁面---主控版作資料查詢A Facebook Page ID粉絲專頁編號

B FB APP ID 以下

C Facebook App Secret應用程式密鑰以下

DPage Access Token FB 粉絲專頁存取權杖

5 設定Bot FW的APP回到FB webhook

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

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 38: 利用 Luis打造fb聊天機器人

5註冊你的Bot-cont

ProfileConfiguration先貼上httpsyour_bots_hostnameapimessages把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 範例

httpsgithubcomMicrosoftBotBuilder-Samples

FB Bot

連接FB Bot流程

註冊FB Developer建立個人粉

絲頁

FB APP新增Messnger應

用程式

設定Bot FW的APP

設定FB APP

1 註冊FB Developerhttpsdevelopersfacebookcom

2 建立個人粉絲頁

3 FB 新增Messenger應用程式bull 新增應用程式

bull 新增產品-Messenger

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

4 設定Bot FW的APPAdd a channel

bull 設定下四個欄位

打開FB開發者頁面---主控版作資料查詢A Facebook Page ID粉絲專頁編號

B FB APP ID 以下

C Facebook App Secret應用程式密鑰以下

DPage Access Token FB 粉絲專頁存取權杖

5 設定Bot FW的APP回到FB webhook

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

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 39: 利用 Luis打造fb聊天機器人

key對照

1 LUIS App id

2 LUIS End point key

Bot framework key對照

1 Microsoft App id

2 Microsoft AppPassword

1

2

Bot Framework 範例

httpsgithubcomMicrosoftBotBuilder-Samples

FB Bot

連接FB Bot流程

註冊FB Developer建立個人粉

絲頁

FB APP新增Messnger應

用程式

設定Bot FW的APP

設定FB APP

1 註冊FB Developerhttpsdevelopersfacebookcom

2 建立個人粉絲頁

3 FB 新增Messenger應用程式bull 新增應用程式

bull 新增產品-Messenger

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

4 設定Bot FW的APPAdd a channel

bull 設定下四個欄位

打開FB開發者頁面---主控版作資料查詢A Facebook Page ID粉絲專頁編號

B FB APP ID 以下

C Facebook App Secret應用程式密鑰以下

DPage Access Token FB 粉絲專頁存取權杖

5 設定Bot FW的APP回到FB webhook

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

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 40: 利用 Luis打造fb聊天機器人

Bot framework key對照

1 Microsoft App id

2 Microsoft AppPassword

1

2

Bot Framework 範例

httpsgithubcomMicrosoftBotBuilder-Samples

FB Bot

連接FB Bot流程

註冊FB Developer建立個人粉

絲頁

FB APP新增Messnger應

用程式

設定Bot FW的APP

設定FB APP

1 註冊FB Developerhttpsdevelopersfacebookcom

2 建立個人粉絲頁

3 FB 新增Messenger應用程式bull 新增應用程式

bull 新增產品-Messenger

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

4 設定Bot FW的APPAdd a channel

bull 設定下四個欄位

打開FB開發者頁面---主控版作資料查詢A Facebook Page ID粉絲專頁編號

B FB APP ID 以下

C Facebook App Secret應用程式密鑰以下

DPage Access Token FB 粉絲專頁存取權杖

5 設定Bot FW的APP回到FB webhook

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

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 41: 利用 Luis打造fb聊天機器人

Bot Framework 範例

httpsgithubcomMicrosoftBotBuilder-Samples

FB Bot

連接FB Bot流程

註冊FB Developer建立個人粉

絲頁

FB APP新增Messnger應

用程式

設定Bot FW的APP

設定FB APP

1 註冊FB Developerhttpsdevelopersfacebookcom

2 建立個人粉絲頁

3 FB 新增Messenger應用程式bull 新增應用程式

bull 新增產品-Messenger

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

4 設定Bot FW的APPAdd a channel

bull 設定下四個欄位

打開FB開發者頁面---主控版作資料查詢A Facebook Page ID粉絲專頁編號

B FB APP ID 以下

C Facebook App Secret應用程式密鑰以下

DPage Access Token FB 粉絲專頁存取權杖

5 設定Bot FW的APP回到FB webhook

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

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 42: 利用 Luis打造fb聊天機器人

FB Bot

連接FB Bot流程

註冊FB Developer建立個人粉

絲頁

FB APP新增Messnger應

用程式

設定Bot FW的APP

設定FB APP

1 註冊FB Developerhttpsdevelopersfacebookcom

2 建立個人粉絲頁

3 FB 新增Messenger應用程式bull 新增應用程式

bull 新增產品-Messenger

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

4 設定Bot FW的APPAdd a channel

bull 設定下四個欄位

打開FB開發者頁面---主控版作資料查詢A Facebook Page ID粉絲專頁編號

B FB APP ID 以下

C Facebook App Secret應用程式密鑰以下

DPage Access Token FB 粉絲專頁存取權杖

5 設定Bot FW的APP回到FB webhook

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

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 43: 利用 Luis打造fb聊天機器人

連接FB Bot流程

註冊FB Developer建立個人粉

絲頁

FB APP新增Messnger應

用程式

設定Bot FW的APP

設定FB APP

1 註冊FB Developerhttpsdevelopersfacebookcom

2 建立個人粉絲頁

3 FB 新增Messenger應用程式bull 新增應用程式

bull 新增產品-Messenger

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

4 設定Bot FW的APPAdd a channel

bull 設定下四個欄位

打開FB開發者頁面---主控版作資料查詢A Facebook Page ID粉絲專頁編號

B FB APP ID 以下

C Facebook App Secret應用程式密鑰以下

DPage Access Token FB 粉絲專頁存取權杖

5 設定Bot FW的APP回到FB webhook

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

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 44: 利用 Luis打造fb聊天機器人

1 註冊FB Developerhttpsdevelopersfacebookcom

2 建立個人粉絲頁

3 FB 新增Messenger應用程式bull 新增應用程式

bull 新增產品-Messenger

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

4 設定Bot FW的APPAdd a channel

bull 設定下四個欄位

打開FB開發者頁面---主控版作資料查詢A Facebook Page ID粉絲專頁編號

B FB APP ID 以下

C Facebook App Secret應用程式密鑰以下

DPage Access Token FB 粉絲專頁存取權杖

5 設定Bot FW的APP回到FB webhook

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

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 45: 利用 Luis打造fb聊天機器人

2 建立個人粉絲頁

3 FB 新增Messenger應用程式bull 新增應用程式

bull 新增產品-Messenger

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

4 設定Bot FW的APPAdd a channel

bull 設定下四個欄位

打開FB開發者頁面---主控版作資料查詢A Facebook Page ID粉絲專頁編號

B FB APP ID 以下

C Facebook App Secret應用程式密鑰以下

DPage Access Token FB 粉絲專頁存取權杖

5 設定Bot FW的APP回到FB webhook

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

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 46: 利用 Luis打造fb聊天機器人

3 FB 新增Messenger應用程式bull 新增應用程式

bull 新增產品-Messenger

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

4 設定Bot FW的APPAdd a channel

bull 設定下四個欄位

打開FB開發者頁面---主控版作資料查詢A Facebook Page ID粉絲專頁編號

B FB APP ID 以下

C Facebook App Secret應用程式密鑰以下

DPage Access Token FB 粉絲專頁存取權杖

5 設定Bot FW的APP回到FB webhook

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

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 47: 利用 Luis打造fb聊天機器人

bull 新增產品-Messenger

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

4 設定Bot FW的APPAdd a channel

bull 設定下四個欄位

打開FB開發者頁面---主控版作資料查詢A Facebook Page ID粉絲專頁編號

B FB APP ID 以下

C Facebook App Secret應用程式密鑰以下

DPage Access Token FB 粉絲專頁存取權杖

5 設定Bot FW的APP回到FB webhook

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

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 48: 利用 Luis打造fb聊天機器人

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

4 設定Bot FW的APPAdd a channel

bull 設定下四個欄位

打開FB開發者頁面---主控版作資料查詢A Facebook Page ID粉絲專頁編號

B FB APP ID 以下

C Facebook App Secret應用程式密鑰以下

DPage Access Token FB 粉絲專頁存取權杖

5 設定Bot FW的APP回到FB webhook

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

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 49: 利用 Luis打造fb聊天機器人

4 設定Bot FW的APPAdd a channel

bull 設定下四個欄位

打開FB開發者頁面---主控版作資料查詢A Facebook Page ID粉絲專頁編號

B FB APP ID 以下

C Facebook App Secret應用程式密鑰以下

DPage Access Token FB 粉絲專頁存取權杖

5 設定Bot FW的APP回到FB webhook

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

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 50: 利用 Luis打造fb聊天機器人

bull 設定下四個欄位

打開FB開發者頁面---主控版作資料查詢A Facebook Page ID粉絲專頁編號

B FB APP ID 以下

C Facebook App Secret應用程式密鑰以下

DPage Access Token FB 粉絲專頁存取權杖

5 設定Bot FW的APP回到FB webhook

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

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 51: 利用 Luis打造fb聊天機器人

打開FB開發者頁面---主控版作資料查詢A Facebook Page ID粉絲專頁編號

B FB APP ID 以下

C Facebook App Secret應用程式密鑰以下

DPage Access Token FB 粉絲專頁存取權杖

5 設定Bot FW的APP回到FB webhook

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

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 52: 利用 Luis打造fb聊天機器人

5 設定Bot FW的APP回到FB webhook

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

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 53: 利用 Luis打造fb聊天機器人

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

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 54: 利用 Luis打造fb聊天機器人

測試

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 55: 利用 Luis打造fb聊天機器人

魔鏡

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 56: 利用 Luis打造fb聊天機器人

架構

Bot Web API

Open Data

TopicMessage

Hub

魔鏡Bot Framework

Channel

WebIOPI

Weather API

MQTT

PushSubscribe

LUISAI 語意分析

人臉辨識

Mail

SigfoxUnashield Sigfox web

人臉辨識

影片

Page 57: 利用 Luis打造fb聊天機器人

影片

Page 58: 利用 Luis打造fb聊天機器人