Introduction to DialogFlow

DgP]3XXX V be
i
. BMPHGMPW B ? T B S B
Ryan@iii.org.tw
III Digital Education Institute
1

DgP]3XXX V be
• p
–
–
x v , )-/(( x v
+
m
nx v n
tn
p x v n
n m
uxnv
ny y
m
2

DgP]3XXX V be
i
•
– o
– o
•
–
•
– XP[ VU[ e
– 4=4J
3

DgP]3XXX V be
-RFBTF FW HFOT
5

DgP]3XXX V be
-RFBTF FW HFOT
6

DgP]3XXX V be
• ]bT]b
–
• ]bXbg ：
– ：
• GbbT P]RT
–
7

DgP]3XXX V be
RB O OH QIRBSFS
• x 4SS F PX]X]V CW PaTa
10

DgP]3XXX V be
OTFOT
• e Xa bWT eTPbWT 2
• e Xa bWT eTPbWT b SPg2
• IWPb Xa bWT eTPbWT [XZT X] FPX_TX b e2
11

DgP]3XXX V be
• x @P]PVT CP P TbT a P]S 4RbX ]
13

DgP]3XXX V be
r
• ： n
• ： n
： TUX]T _ _ba "
14

DgP]3XXX V be
• x 4SS DTa_ ]aT
• n{z ：
17

DgP]3XXX V be
<BVF
Agent Trained Complete
18

DgP]3XXX V be
?FC .FNP
• ]bTV PbX ]a
• IT T
20

DgP]3XXX V be
?FC .FNP
•
21
• m

DgP]3XXX V be
QFO ?FBTIFR BQ
http://openweathermap.org/
22

DgP]3XXX V be 23
https://home.openweathermap.org/users/sign_up

DgP]3XXX V be
FY
24
https://home.openweathermap.org/api_keys

DgP]3XXX V be
r Y D TY OBNF
25

DgP]3XXX V be
. BMPH0MPW p
27
Source: DialogFlow

DgP]3XXX V be
p
) n
o
– ou F@?$ EE$ =E$ $
– oC C$ A ST$ 4EC$ =EC$
28

DgP]3XXX V be
?FCIPPL
) IT W Z n XP[ V9[ e
IT W Z n
n
"
29

DgP]3XXX V be
p ?FCIPPL
使用天氣機器人1.0為基底
30

DgP]3XXX V be
WFCIPPL
• XP[ V9[ e n ITPbWT 5 b
• ]bT]ban r:Tb ITPbWT
EbPbcas ]bT]b
• x ]P [T 9c[UX[[ T]b
• eT W Z RP[[ U bWXa X]bT]b
31

DgP]3XXX V be
>
•
• :T]T P[ 1 4C HT aX ]
• H 4C
32

DgP]3XXX V be
PEF KS
• DTR T]S 9 @ ab GaT a"
– IX]S ea ]abP[[T ox aX
– PRBE ]abP[[T ox _ZV
• 2
– n o] ST d
33
https://nodejs.org/en/

DgP]3XXX V be
HRPL
•
– IX]S eao~
– @PRo
•
– IX]S eao 1 1
1 CPbW 1
– @PRo[] a 4__[XRPbX ]a ]V Z ]V Z
34
https://ngrok.com/download

DgP]3XXX V be
• u ITPbWT 5 b
• HE ST
• u oX]STf Ya
35

DgP]3XXX V be
QFO ?FBTIFR BQ FY
• R ]UXV
• R ]UXV oSTUPc[b Ya ]
39
Your API Key here

DgP]3XXX V be
• HE ST n x b [ k
• ]_ X]Xb
• x T]bT n _PRZPVT Ya ]
40
l
• HE ST n x b [ k
• u
– acS ]_ X]abP[[ ]_ X]abP[[ P[[ V
•
– ]_ X]abP[[ P[[ X]STf Ya

DgP]3XXX V be
.FC H <TBRT <DR QTS
• _PRZPVT Ya ]
41
• ST cVo abP bo w

DgP]3XXX V be
• HE ST "
• w C[Pg x
• ri j A ST Ya AC@ s
• xC[Pg
• x ~
42

DgP]3XXX V be
HRPL n
• ]V Z Wbb_ -(((
• 9 eP SX]V Wbb_a/ "
43
Copy this one

DgP]3XXX V be
. BMPH0MPW ?FCIPPL
• A45? GD? w WFCIPPL" n xx EPdT
44

DgP]3XXX V be
?FC .FNP
• n m
45

DgP]3XXX V be
OPEFANPE MFS _ z
• H T HOPRF
– o] STO Sc[Ta
47

DgP]3XXX V be
2FRPL
•
• w ATe 1 TPbT ]Te P__
• 4__ ]P ToeTPbWT b JJKKLL
• o
• TPbT 4__
48
https://www.heroku.com/

DgP]3XXX V be
.FQMPY S OH 2FRPL 1 T
• T Zc :Xb GaT T Zc ? "
• x T Zc ?
•
WT Zc [ VX]
RS g _ YTRb SXR
VXb X]Xb
WT Zc VXb/ T bT lP P R RPKFDT BNF2FRF
49
https://devcenter.heroku.com/articles/heroku-command-line
2FRPL a
PP CPT YY

DgP]3XXX V be
z h
• VXb PSS
• VXb R Xb lP PZT Xb TbbT
• VXb _caW WT Zc PabT
• WT Zc TabP b
50
z
b DPEF
_

DgP]3XXX V be
• WT Zc _a/aRP[T eT 0)
51
x

DgP]3XXX V be
2FRPL
• ETbbX]VTa x 1 PX]a P]S RT bXUXRPbTa
52
https://dashboard.heroku.com/apps/YourAppName/settings
•
Wbb_a/ K c 4__AP T WT ZcP__ R

DgP]3XXX V be
. BMPH0MPW 0 MG MMNFOT
• IT W Z ]P [TS
53
https://YourAppName.herokuapp.com/webhook
• ！ x n xEPdT

DgP]3XXX V be
• AV Z HE ST –
• XP[ V9[ e 1 ]bTV PbX ]a 1 IT T
54

DgP]3XXX V be
OTFHRBT POS ) / )
• @TaaPVX]V 4C
55

DgP]3XXX V be
OF .FVFMPQFR -POSPMF
• ET[TRb _ dXST
56
https://developers.line.me/console/register/messaging-api/provider/

DgP]3XXX V be
-RFBTF OFW DIBOOFM
• 4__ XR ] ]P T STaR X_bX ]
• 9 TT C[P]
• PbTV g Ec RPbTV g
• PX[ PSS Taa
• ]UX
57

DgP]3XXX V be
• WP]]T[ 1 WP]]T[ aTbbX]Va
• WP]]T[ WP]]T[ aTR Tb ！ XP[ V9[ e
• aacT b VTb WP]]T[ PRRTaa b ZT]
• XP[ V9[ e EbP b
• ?X]T ]a [TnGaT eT W Za ]P [TS
• IT W Z GD? XP[ V9[ e
• 4cb T_[g TaaPVTa : TTbX]V TaaPVTa
XaP [TS
58

DgP]3XXX V be
: DPEF -IBTCPT
• ?X]T WPb b
• y
59

DgP]3XXX V be
m p
• p
– B_T]ITPbWT @P_
60
https://openweathermap.org/forecast5

DgP]3XXX V be
e j
• [Xab
–
–
• PX] bT _
–
• eTPbWT M(N STaR X_bX ]
–
• SbObfb
–
61

DgP]3XXX V be
t
•
62
• n
–
– } n
– n

DgP]3XXX V be
m pd
• p
– eTPbWT n u XR ]
65

DgP]3XXX V be
DPOv
• Wbb_/ _T]eTPbWT P_ V X V e (+] _]V
66

DgP]3XXX V be
G MG MMNFOT FSSBHFS DBRE
68
https://dialogflow.com/docs/fulfillment#response
"fulfillmentMessages": [
{
"card": {
"title": "card title",
"subtitle": "card text",
"imageUri": "https://assistant.google.com/static/images/molecule/Molecule-Formation-stop.png",
"buttons": [
{
"text": "button text",
"postback": "https://assistant.google.com/"
}
]
}
}
]

DgP]3XXX V be
QFO?FBTIFR BQ
70
• [P]V0hWObe

DgP]3XXX V be
i
•
– o
– o
•
– IT WPb ?X]T 9PRT Z
•
– XP[ V9[ e
– A ST =E
•
– bWT@ dXT 5 V
71

DgP]3XXX V be
. BMPH0MPW
• 4VT]b
– o@ dXT5 b
– ohW FI
• ]bT]b
– o:Tb @ dXT ]b
•
–
–
• n 3aga P]gn @ dXTAP T
– 3 3aga P]g/@ dXTAP T
• 3 3aga P]g/@ dXTAP T w
73

DgP]3XXX V be
. BMPH0MPW
•
– @ dXTAP T
– o p
•
– n w @ dXTAP T
74

DgP]3XXX V be
IF PV F. PRH
75
https://developers.themoviedb.org/3/search/search-movies

DgP]3XXX V be
G MG MMNFOT FSSBHFS
76
https://dialogflow.com/docs/reference/v1-v2-migration-guide-fulfillment#fulfillment_messages_reference

DgP]3XXX V be
i ( ) i i ( ) -IBTCPT >
T[[
OVPDBT PO
4[TfP$ X EX X$ B> : V[T
p
u
OTFOT
n
A 4
u ，
！
：：
/OT TY
：
：
：：
xu k "
x n ).
：
u p
：
{
81

DgP]3XXX V be
EFBS TP EFVFMPQ
Source : Dialogflow
82

DgP]3XXX V be
• w u u
–
– ：
–
•
112

DgP]3XXX V be
<FTT OHS
• RGD?
• w =a ] CP aT
120
http://json.parser.online.fr/

DgP]3XXX V be
-RFBTF BO OTFOT
125

DgP]3XXX V be
r
• ？ 4C PX
• n x ]bT
127

DgP]3XXX V be
DgP] Wc]V
ET]X ]VX]TT
XVXbP[ ScRPbX ] ]abXbcbT
DgP]3XXX V be
128

Introduction to DialogFlow

More Related Content

More from Ryan Chung (20)

Recently uploaded (20)

Introduction to DialogFlow