iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 22
0
AI & Data

DialogFlow從零開始30天系列 第 22

DialogFlow從零開始22天-Dialogflow整合應用-web篇

  • 分享至 

  • xImage
  •  

前言:

在Dialogflow的整合(Integrations)應用有看到好多的應用程式可串接,先來介紹Web Demo。 

串接:

1.打開Web Demo的開關,會跳出視窗
switch

code

2.開文字檔貼上,檔名改成ithome.html

<iframe
    allow="microphone;"
    width="350"
    height="430"
    src="https://console.dialogflow.com/api-client/demo/embedded/67b44fe8-4a8d-47cb-84a9-50181836d6c7">
</iframe>

https://ithelp.ithome.com.tw/upload/images/20200930/20121643sLk9wo79ui.png

改變聊天機器人視窗大小

width="640"
height="480"

https://ithelp.ithome.com.tw/upload/images/20200930/2012164315dwuf69Gh.png

3.測試和完成網頁聊天機器人
https://ithelp.ithome.com.tw/upload/images/20200930/20121643hMTeomP3Ip.png

https://ithelp.ithome.com.tw/upload/images/20200930/20121643Oq0KW2YERf.png

https://ithelp.ithome.com.tw/upload/images/20200930/20121643Iftw4rX7Se.png

使用心得:

     只要把iframe的code放到你的網頁中或網頁按鍵另開小視窗,就可以有聊天機器人或是客服機器人,是不是很快速很方便呢。

上一篇
DialogFlow從零開始21天-用coding實例-口罩君
下一篇
DialogFlow從零開始23天-Dialogflow整合應用-facebook臉書粉絲專頁篇
系列文
DialogFlow從零開始30天30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言