SlideShare a Scribd company logo
1 of 23
Download to read offline
FAQ Bot – Ryan@MobileDev.TW 行動開發學院
行動開發學院
Language Service
FAQ Bot
Ryan Chung
1
FAQ Bot – Ryan@MobileDev.TW 行動開發學院
行動開發學院
目標
• 將公司的常見問題FAQ頁面製作成聊天機器人
• 使用者透過聊天機器人介面進行發問,可以獲得答案
2
FAQ Bot – Ryan@MobileDev.TW 行動開發學院
行動開發學院
Azure AI Services Overview
FAQ Bot – Ryan@MobileDev.TW 行動開發學院
行動開發學院
Language Service
• Azure 認知服務中的一環,使用自然語言處理(NLP)來理
解與分析文字
• 主要功能
–資訊擷取 Extract information
–文字分類 Classify text
–問題與會話理解 Understand questions & conversation
–文字摘要 Summarize text
–翻譯 Translate text
4
FAQ Bot – Ryan@MobileDev.TW 行動開發學院
行動開發學院
架構
5
認知服務
Language
• 常見問答
Line
Custom Question Answering
Azure
Bot Service
FAQ Bot – Ryan@MobileDev.TW 行動開發學院
行動開發學院
步驟
• 建立Language Service資源
• 匯入常見問題資料集
• 部署至Bot服務
• 連接至Line頻道
6
FAQ Bot – Ryan@MobileDev.TW 行動開發學院
行動開發學院
建立Language Service資源
• 登入 Azure Portal
• 最上方搜尋「語言」,進入後點擊 +建立
7
https://portal.azure.com/
FAQ Bot – Ryan@MobileDev.TW 行動開發學院
行動開發學院
選取其他功能
• 選取自訂問題解答
8
FAQ Bot – Ryan@MobileDev.TW 行動開發學院
行動開發學院
建立資源
• 選擇訂用帳號、資源群組(若無則新建)
• 區域可用預設值East US
• 名稱 : faq-bot
• 定價層:有F0就選F0,免費
• 自訂問題回答:都先用預設值
• 負責任 AI 注意事項,勾選
9
FAQ Bot – Ryan@MobileDev.TW 行動開發學院
行動開發學院
匯入常見問題資料集
• 進入Language Studio -> Custom question answering
• + Create new project
• 輸入名稱、語言設定為Chinese_Traditional
• 設定找不到答案時:
–不好意思,您的問題在此資料庫中沒有答案
10
https://language.cognitive.azure.com/
FAQ Bot – Ryan@MobileDev.TW 行動開發學院
行動開發學院
加入資料來源
• + Add source,URLs,+Add url
• 輸入URL name:xxx公司名稱
–MobileDevTW-FAQ
• 輸入URL:含有常見問答集的網址
–可使用 https://mobiledev.tw/faq/
11
FAQ Bot – Ryan@MobileDev.TW 行動開發學院
行動開發學院
整理資料來源
• 如果有偵測錯誤的,可以刪除
• 如果還有想增加的,也可以在這個階段增加
+ Add question pair
新增完成,按下Submit,上方 Save changes
12
FAQ Bot – Ryan@MobileDev.TW 行動開發學院
行動開發學院
部署
• 左邊 Deploy Knowledge Base -> Deploy
• 完成後,按下最下方 Create a bot
13
FAQ Bot – Ryan@MobileDev.TW 行動開發學院
行動開發學院
自訂部署
• 選擇原本的訂用帳戶、資源群組
• Resource group location
–預設值
• Bot handle
–預設值
• Pricing Tier
–Free
• App ID
–Create new
14
FAQ Bot – Ryan@MobileDev.TW 行動開發學院
行動開發學院
自訂部署
• 下一步
• SDK Language Version
–Node.js
• App Service Plan
–Use existing app service plan
–選擇既有的
• Language Resource Key
–輸入一開始建立的語言服務裡面的Primary Key 金鑰1
• 驗證成功即建立
15
FAQ Bot – Ryan@MobileDev.TW 行動開發學院
行動開發學院
在Azure Bot視窗中進行測試
• 完成部署後,前往資源群組
• 點擊類型為Azure Bot 的資源
16
• 左邊設定,在網路聊天中測試
FAQ Bot – Ryan@MobileDev.TW 行動開發學院
行動開發學院
連結至Line
• 左邊設定 -> 頻道
• 中間找到 Line
17
FAQ Bot – Ryan@MobileDev.TW 行動開發學院
行動開發學院
Line認證
• 需要
–Channel Secret
–Channel Access Token
18
FAQ Bot – Ryan@MobileDev.TW 行動開發學院
行動開發學院
LINE開發者網站申請頻道
• 登入 Log in to Line Developers Console
• 第一次需要進行認證,設定開發者帳號相關資訊
• 進入後先建立Provider(個人名稱/組織名稱/...)
• 在此Provider下,開始建立第一個頻道
• 選擇Messaging API
19
https://developers.line.biz/console/
FAQ Bot – Ryan@MobileDev.TW 行動開發學院
行動開發學院
Create new channel
• 輸入公司所在區域
• 輸入App icon、name、description
• 設定 Category、Subcategory
• 輸入 Email address
• Create
20
FAQ Bot – Ryan@MobileDev.TW 行動開發學院
行動開發學院
取得相關資訊
• 進入新建立的Channel -> Basic settings
–拿到Channel secret 貼至Azure Bot頻道
• 到第二分頁 Messaging API Settings
–Issue to get Channel access token 也貼過去
• 在Azure Bot那邊先按套用,複製Webhook URL
• 回到Line Console
–Webhook URL,Edit,從Azure那邊貼過來,Update
–Use webhook 開關打開
–把Auto-reply messages、Greeting messages
Disabled
21
FAQ Bot – Ryan@MobileDev.TW 行動開發學院
行動開發學院
用QR code 加入自己的Chatbot
• 用Line加入自己的Chatbot
• 試著看看能不能看到剛才設定好的對話
22
FAQ Bot – Ryan@MobileDev.TW 行動開發學院
行動開發學院
認知服務
Language
• 常見問答
Summary
• 先建立認知服務-語言的Azure資源
• 利用Custom Question Answering服務,將公司的網址
或FAQ文件匯入,並可調整或新增
• 最後部署至Azure Bot,並與Line頻道結合
23
Line
Custom Question Answering
Azure
Bot Service

More Related Content

Similar to 快速生成FAQ Bot - 使用Azure Language Service LanguageService-03-FAQbot (微軟)(鐘祥仁)(2023.04.06).pdf

Intro to Dialogflow Chatbot Development
Intro to Dialogflow Chatbot DevelopmentIntro to Dialogflow Chatbot Development
Intro to Dialogflow Chatbot DevelopmentRyan Chung
 
Wiki in Teamroom - Connected Mind
Wiki in Teamroom - Connected MindWiki in Teamroom - Connected Mind
Wiki in Teamroom - Connected MindRick Hwang
 
JIRA Live DEMO 2020 v17
JIRA Live DEMO 2020 v17JIRA Live DEMO 2020 v17
JIRA Live DEMO 2020 v17Linktech
 
Appcan平台介绍
Appcan平台介绍Appcan平台介绍
Appcan平台介绍36Kr.com
 
探索 API 開發的挑戰與解決之道 | .NET Conf 2023 Taiwan
探索 API 開發的挑戰與解決之道 | .NET Conf 2023 Taiwan探索 API 開發的挑戰與解決之道 | .NET Conf 2023 Taiwan
探索 API 開發的挑戰與解決之道 | .NET Conf 2023 TaiwanAlan Tsai
 
Appcan介绍自己的应用开发平台
Appcan介绍自己的应用开发平台Appcan介绍自己的应用开发平台
Appcan介绍自己的应用开发平台MOBINODE
 
Towards scrum of scrums
Towards scrum of scrumsTowards scrum of scrums
Towards scrum of scrumsPin-Ying Tu
 
Net 6 的 blazor 開發新視界
Net 6 的 blazor 開發新視界Net 6 的 blazor 開發新視界
Net 6 的 blazor 開發新視界Gelis Wu
 
全文搜尋引擎的進階實作與應用
全文搜尋引擎的進階實作與應用全文搜尋引擎的進階實作與應用
全文搜尋引擎的進階實作與應用建興 王
 
Open source的devops工具箱 公開版@coscup2016
Open source的devops工具箱 公開版@coscup2016Open source的devops工具箱 公開版@coscup2016
Open source的devops工具箱 公開版@coscup2016Kirk Chen
 
網站規劃
網站規劃網站規劃
網站規劃jiannrong
 
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練1(20160222)
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練1(20160222)2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練1(20160222)
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練1(20160222)Duran Hsieh
 
Jira live demo 2021 v23
Jira live demo 2021 v23Jira live demo 2021 v23
Jira live demo 2021 v23Linktech
 
Service Integration Workshop
Service Integration WorkshopService Integration Workshop
Service Integration WorkshopRyan Chung
 
TechED China 2011 OSP-300-1 SharePoint应用程序设计
TechED China 2011 OSP-300-1 SharePoint应用程序设计TechED China 2011 OSP-300-1 SharePoint应用程序设计
TechED China 2011 OSP-300-1 SharePoint应用程序设计kaneboy
 
Djt22 justinliu djt.qq.com
Djt22 justinliu djt.qq.comDjt22 justinliu djt.qq.com
Djt22 justinliu djt.qq.comdrewz lin
 
Djt22 justinliu djt.qq.com
Djt22 justinliu djt.qq.comDjt22 justinliu djt.qq.com
Djt22 justinliu djt.qq.comdrewz lin
 
白玉磊 Webrebuild
白玉磊 Webrebuild白玉磊 Webrebuild
白玉磊 Webrebuild裕波 周
 

Similar to 快速生成FAQ Bot - 使用Azure Language Service LanguageService-03-FAQbot (微軟)(鐘祥仁)(2023.04.06).pdf (20)

Intro to Dialogflow Chatbot Development
Intro to Dialogflow Chatbot DevelopmentIntro to Dialogflow Chatbot Development
Intro to Dialogflow Chatbot Development
 
Wiki in Teamroom - Connected Mind
Wiki in Teamroom - Connected MindWiki in Teamroom - Connected Mind
Wiki in Teamroom - Connected Mind
 
JIRA Live DEMO 2020 v17
JIRA Live DEMO 2020 v17JIRA Live DEMO 2020 v17
JIRA Live DEMO 2020 v17
 
Appcan平台介绍
Appcan平台介绍Appcan平台介绍
Appcan平台介绍
 
探索 API 開發的挑戰與解決之道 | .NET Conf 2023 Taiwan
探索 API 開發的挑戰與解決之道 | .NET Conf 2023 Taiwan探索 API 開發的挑戰與解決之道 | .NET Conf 2023 Taiwan
探索 API 開發的挑戰與解決之道 | .NET Conf 2023 Taiwan
 
Android工作坊
Android工作坊Android工作坊
Android工作坊
 
Appcan介绍自己的应用开发平台
Appcan介绍自己的应用开发平台Appcan介绍自己的应用开发平台
Appcan介绍自己的应用开发平台
 
Towards scrum of scrums
Towards scrum of scrumsTowards scrum of scrums
Towards scrum of scrums
 
Net 6 的 blazor 開發新視界
Net 6 的 blazor 開發新視界Net 6 的 blazor 開發新視界
Net 6 的 blazor 開發新視界
 
全文搜尋引擎的進階實作與應用
全文搜尋引擎的進階實作與應用全文搜尋引擎的進階實作與應用
全文搜尋引擎的進階實作與應用
 
Open source的devops工具箱 公開版@coscup2016
Open source的devops工具箱 公開版@coscup2016Open source的devops工具箱 公開版@coscup2016
Open source的devops工具箱 公開版@coscup2016
 
網站規劃
網站規劃網站規劃
網站規劃
 
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練1(20160222)
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練1(20160222)2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練1(20160222)
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練1(20160222)
 
ChatBot
ChatBotChatBot
ChatBot
 
Jira live demo 2021 v23
Jira live demo 2021 v23Jira live demo 2021 v23
Jira live demo 2021 v23
 
Service Integration Workshop
Service Integration WorkshopService Integration Workshop
Service Integration Workshop
 
TechED China 2011 OSP-300-1 SharePoint应用程序设计
TechED China 2011 OSP-300-1 SharePoint应用程序设计TechED China 2011 OSP-300-1 SharePoint应用程序设计
TechED China 2011 OSP-300-1 SharePoint应用程序设计
 
Djt22 justinliu djt.qq.com
Djt22 justinliu djt.qq.comDjt22 justinliu djt.qq.com
Djt22 justinliu djt.qq.com
 
Djt22 justinliu djt.qq.com
Djt22 justinliu djt.qq.comDjt22 justinliu djt.qq.com
Djt22 justinliu djt.qq.com
 
白玉磊 Webrebuild
白玉磊 Webrebuild白玉磊 Webrebuild
白玉磊 Webrebuild
 

快速生成FAQ Bot - 使用Azure Language Service LanguageService-03-FAQbot (微軟)(鐘祥仁)(2023.04.06).pdf

  • 1. FAQ Bot – Ryan@MobileDev.TW 行動開發學院 行動開發學院 Language Service FAQ Bot Ryan Chung 1
  • 2. FAQ Bot – Ryan@MobileDev.TW 行動開發學院 行動開發學院 目標 • 將公司的常見問題FAQ頁面製作成聊天機器人 • 使用者透過聊天機器人介面進行發問,可以獲得答案 2
  • 3. FAQ Bot – Ryan@MobileDev.TW 行動開發學院 行動開發學院 Azure AI Services Overview
  • 4. FAQ Bot – Ryan@MobileDev.TW 行動開發學院 行動開發學院 Language Service • Azure 認知服務中的一環,使用自然語言處理(NLP)來理 解與分析文字 • 主要功能 –資訊擷取 Extract information –文字分類 Classify text –問題與會話理解 Understand questions & conversation –文字摘要 Summarize text –翻譯 Translate text 4
  • 5. FAQ Bot – Ryan@MobileDev.TW 行動開發學院 行動開發學院 架構 5 認知服務 Language • 常見問答 Line Custom Question Answering Azure Bot Service
  • 6. FAQ Bot – Ryan@MobileDev.TW 行動開發學院 行動開發學院 步驟 • 建立Language Service資源 • 匯入常見問題資料集 • 部署至Bot服務 • 連接至Line頻道 6
  • 7. FAQ Bot – Ryan@MobileDev.TW 行動開發學院 行動開發學院 建立Language Service資源 • 登入 Azure Portal • 最上方搜尋「語言」,進入後點擊 +建立 7 https://portal.azure.com/
  • 8. FAQ Bot – Ryan@MobileDev.TW 行動開發學院 行動開發學院 選取其他功能 • 選取自訂問題解答 8
  • 9. FAQ Bot – Ryan@MobileDev.TW 行動開發學院 行動開發學院 建立資源 • 選擇訂用帳號、資源群組(若無則新建) • 區域可用預設值East US • 名稱 : faq-bot • 定價層:有F0就選F0,免費 • 自訂問題回答:都先用預設值 • 負責任 AI 注意事項,勾選 9
  • 10. FAQ Bot – Ryan@MobileDev.TW 行動開發學院 行動開發學院 匯入常見問題資料集 • 進入Language Studio -> Custom question answering • + Create new project • 輸入名稱、語言設定為Chinese_Traditional • 設定找不到答案時: –不好意思,您的問題在此資料庫中沒有答案 10 https://language.cognitive.azure.com/
  • 11. FAQ Bot – Ryan@MobileDev.TW 行動開發學院 行動開發學院 加入資料來源 • + Add source,URLs,+Add url • 輸入URL name:xxx公司名稱 –MobileDevTW-FAQ • 輸入URL:含有常見問答集的網址 –可使用 https://mobiledev.tw/faq/ 11
  • 12. FAQ Bot – Ryan@MobileDev.TW 行動開發學院 行動開發學院 整理資料來源 • 如果有偵測錯誤的,可以刪除 • 如果還有想增加的,也可以在這個階段增加 + Add question pair 新增完成,按下Submit,上方 Save changes 12
  • 13. FAQ Bot – Ryan@MobileDev.TW 行動開發學院 行動開發學院 部署 • 左邊 Deploy Knowledge Base -> Deploy • 完成後,按下最下方 Create a bot 13
  • 14. FAQ Bot – Ryan@MobileDev.TW 行動開發學院 行動開發學院 自訂部署 • 選擇原本的訂用帳戶、資源群組 • Resource group location –預設值 • Bot handle –預設值 • Pricing Tier –Free • App ID –Create new 14
  • 15. FAQ Bot – Ryan@MobileDev.TW 行動開發學院 行動開發學院 自訂部署 • 下一步 • SDK Language Version –Node.js • App Service Plan –Use existing app service plan –選擇既有的 • Language Resource Key –輸入一開始建立的語言服務裡面的Primary Key 金鑰1 • 驗證成功即建立 15
  • 16. FAQ Bot – Ryan@MobileDev.TW 行動開發學院 行動開發學院 在Azure Bot視窗中進行測試 • 完成部署後,前往資源群組 • 點擊類型為Azure Bot 的資源 16 • 左邊設定,在網路聊天中測試
  • 17. FAQ Bot – Ryan@MobileDev.TW 行動開發學院 行動開發學院 連結至Line • 左邊設定 -> 頻道 • 中間找到 Line 17
  • 18. FAQ Bot – Ryan@MobileDev.TW 行動開發學院 行動開發學院 Line認證 • 需要 –Channel Secret –Channel Access Token 18
  • 19. FAQ Bot – Ryan@MobileDev.TW 行動開發學院 行動開發學院 LINE開發者網站申請頻道 • 登入 Log in to Line Developers Console • 第一次需要進行認證,設定開發者帳號相關資訊 • 進入後先建立Provider(個人名稱/組織名稱/...) • 在此Provider下,開始建立第一個頻道 • 選擇Messaging API 19 https://developers.line.biz/console/
  • 20. FAQ Bot – Ryan@MobileDev.TW 行動開發學院 行動開發學院 Create new channel • 輸入公司所在區域 • 輸入App icon、name、description • 設定 Category、Subcategory • 輸入 Email address • Create 20
  • 21. FAQ Bot – Ryan@MobileDev.TW 行動開發學院 行動開發學院 取得相關資訊 • 進入新建立的Channel -> Basic settings –拿到Channel secret 貼至Azure Bot頻道 • 到第二分頁 Messaging API Settings –Issue to get Channel access token 也貼過去 • 在Azure Bot那邊先按套用,複製Webhook URL • 回到Line Console –Webhook URL,Edit,從Azure那邊貼過來,Update –Use webhook 開關打開 –把Auto-reply messages、Greeting messages Disabled 21
  • 22. FAQ Bot – Ryan@MobileDev.TW 行動開發學院 行動開發學院 用QR code 加入自己的Chatbot • 用Line加入自己的Chatbot • 試著看看能不能看到剛才設定好的對話 22
  • 23. FAQ Bot – Ryan@MobileDev.TW 行動開發學院 行動開發學院 認知服務 Language • 常見問答 Summary • 先建立認知服務-語言的Azure資源 • 利用Custom Question Answering服務,將公司的網址 或FAQ文件匯入,並可調整或新增 • 最後部署至Azure Bot,並與Line頻道結合 23 Line Custom Question Answering Azure Bot Service