https://MobileDev.TW

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

2. 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

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

4. DgP]3XXX V be
. BMPHGMPW
4

5. DgP]3XXX V be
-RFBTF FW HFOT
5

6. DgP]3XXX V be
-RFBTF FW HFOT
6

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

8. DgP]3XXX V be
-RFBTF OTFOT
8

9. DgP]3XXX V be
OTFOT <BVF
9

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

11. 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

12. DgP]3XXX V be
y c f
12

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

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

15. DgP]3XXX V be 15

16. DgP]3XXX V be 16

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

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

19. DgP]3XXX V be 19

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

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

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

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

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

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

26. DgP]3XXX V be 26

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

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

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

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

31. 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

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

33. 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/

34. 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

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

36. DgP]3XXX V be
OEF KS
36

37. DgP]3XXX V be
OEF KS
37

38. DgP]3XXX V be
OEF KS
38

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

40. 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

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

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

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

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

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

46. DgP]3XXX V be 46

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

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

49. 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

50. 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
_

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

52. 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

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

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

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

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

57. 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

58. 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

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

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

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

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

63. DgP]3XXX V be 63

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

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

66. DgP]3XXX V be
•
67

67. 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/"
}
]
}
}
]

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

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

70. DgP]3XXX V be 72

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

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

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

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

75. DgP]3XXX V be
s
77

76. 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

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

78. DgP]3XXX V be 83

79. DgP]3XXX V be 84

80. DgP]3XXX V be 85

81. DgP]3XXX V be 86

82. DgP]3XXX V be
w
87

83. DgP]3XXX V be 88

84. DgP]3XXX V be 89

85. DgP]3XXX V be 90

86. DgP]3XXX V be 91

87. DgP]3XXX V be 92

88. DgP]3XXX V be 93

89. DgP]3XXX V be 94

90. DgP]3XXX V be 95

91. DgP]3XXX V be 96

92. DgP]3XXX V be 97

93. DgP]3XXX V be 98

94. DgP]3XXX V be 99

95. DgP]3XXX V be 100

96. DgP]3XXX V be 101

97. DgP]3XXX V be 102

98. DgP]3XXX V be 103

99. DgP]3XXX V be 104

100. DgP]3XXX V be
g
105

101. DgP]3XXX V be 106

102. DgP]3XXX V be
o
107

103. DgP]3XXX V be 108

104. DgP]3XXX V be 109

105. DgP]3XXX V be 110

106. DgP]3XXX V be 111

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

108. DgP]3XXX V be
? T B
113

109. DgP]3XXX V be 114

110. DgP]3XXX V be 115
1
2
3

111. DgP]3XXX V be
us
116

112. DgP]3XXX V be
s
117

113. DgP]3XXX V be
i s
118

114. DgP]3XXX V be
i s
119

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

116. DgP]3XXX V be
z
121

117. DgP]3XXX V be
S B
122

118. DgP]3XXX V be
FW QQ
123

119. DgP]3XXX V be 124

120. DgP]3XXX V be
-RFBTF BO OTFOT
125

121. DgP]3XXX V be
OTFOT
126

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

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