使用試驗版的微服務架構開發工具: OpenWhisk實作影像辨識網站! 其中使用到的OpenWhisk特色: (1) OpenWhisk DB changes/write事件觸發 (2) OpenWhisk sequence串連事件和action

1. Bluemix & OpenWhisk
人臉辨識 X CloudantDB X changes和write的事件觸發

2. OpenWhisk介紹

3. OpenWhisk工具介紹 - Dashbroad
Dashbroad儀板表 - 查看OpenWhisk action和trigger的調用情況

4. OpenWhisk工具介紹 - CLI
CLI - 適合喜歡用終端機開發的人

5. CLI好用指令介紹(無法被Editor取代的)
activation = action和trigger被調用的紀錄
wsk activation poll 即時監控action和trigger的調用
wsk activation result <activation id> 用activation id取得那個activation的輸出結果
wsk action get --summary <namespace>/<package>/<action> 查看調用action的
必須參數
wsk activation get <activation id> 用activation id取得那個activation的執行log
wsk activation list 列出action和trigger的調用歷程

6. CLI好用指令介紹(無法被Editor取代的)
wsk activation list 列出action和trigger的調用歷程
wsk action get --summary <namespace>/<package>/<action>
查看調用action的必須參數

7. OpenWhisk工具介紹 - Editor
Editor - 適合喜歡用圖形化界面開發的人

8. 開始體驗OpenWhisk!
目標:
架起一個圖片辨識網站，當使用者輸入圖片網址即能進行辨識，而且辯識的歷史結果
皆會被保留下來。
實作方法:
1. 建立一個http node flow作為網站主體
2. 建立一個http node flow將使用者上傳的圖片網址存入CloudantDB: imageurl
3. 製作OpenWhisk trigger rule: 當CloudantDB: imageurl被變更，此trigger rule
會被觸發，拿被變更的圖片網址作影像辨識，再將結果寫入
CloudantDB: imagedetect
4. 建立inject node flow，每隔一秒讀取CloudantDB: imagedetect
的資料，並用websocket更新網站資料

9. 建立一個http node flow作為網站主體
1. 匯入主網
站http node
flow
2. 趕快用
http://<your nodered>.
mybluemix.
net/imageTrigger
查看主站!

10. 建立一個http node flow作為網站主體
當使用者按下輸
入，會向此網址
發送請求，並夾
帶圖片url

11. 建立一個http node flow作為網站主體 用Websocket監控
資料庫
imagedetect的變
化並更新網站介面

12. 將使用者上傳的圖片網址存入CloudantDB: imageurl
1. 先小試身
手，脫拉出以
下node flow
2. 雙擊inject
node，在
payload輸入自
訂的圖片網址

13. 將使用者上傳的圖片網址存入CloudantDB: imageurl
1. 雙擊
function
node，編輯如
下
2. 雙擊cloudant
output node，編
輯如下

14. 1. 到Dashbroad
點擊自己node-
RED的
cloudantDB2.點擊LAUNCH
3.新增2個DB:
imageurl、
imagedetect
將使用者上傳的圖片網址存入CloudantDB: imageurl

15. 將使用者上傳的圖片網址存入CloudantDB: imageurl
1. 點擊inject
2. 進入
CloudantDB:
imageurl會發現已
經新增一條資料，
點擊編輯
3. 看到剛剛
注入的url

16. 將使用者上傳的圖片網址存入CloudantDB: imageurl
1. 將path為
/uploadurl的http
input node取代
inject node
2. 加上http output
node

17. 製作OpenWhisk trigger rule - imageFace action
1. 到Editor
2. 新增Action，取
名為imageFace，
複製image.txt的
code於此
3. 新增Sequence
並將imageFace拖
拉到中間，命名為
Cloudant image
Trigger

18. 製作OpenWhisk trigger rule - cloudant write

19. 製作OpenWhisk trigger rule - cloudant write
可以直接點擊
Run it now測試

20. 製作OpenWhisk trigger rule - cloudant write
1. 拖拉右邊
CATALOG的
write到
sequence!
2. 點擊
Configure後
點擊Create A
New Config
3. 設定要寫入的
DB，對應的資料
請查看Cloudant
的環境變數

21. 製作OpenWhisk trigger rule - cloudant changes
使用CLI建立trigger!
和前面的write
一樣設定

22. 製作OpenWhisk trigger rule - cloudant changes
1. 發現剛剛建
立的trigger:
changeDB出
現了
2. 拉入
sequence，將
trigger和action
們串連

23. 製作OpenWhisk trigger rule - cloudant changes
可以使用Fire This
trigger手動觸發
sequence，在
dashbroad觀察結果
啟動/暫停
sequence

24. 建立inject node flow讀取CloudantDB
1. 拖拉出新
的node flow
2. 設定每2秒執
行一次搜尋
(條件: status:OK)
3. 設定index
加快搜尋

25. 建立inject node flow讀取CloudantDB
1. 新增New
Search Index
2. 把json資料的
參數: status編成
index增加搜尋速
度

26. 完成! 跑起主網站!!
成功觸發
OpenWhisk辨
識圖片~