近期收到電商客戶的需求，該公司有在蝦皮平台上架販售，因此每天都會收到蝦皮商城的訂單，出貨人員必須把訂單及物流單資料整理後，透過系統API傳送到物流公司完成出貨。其中超取單的資料必須至少提供超商店號與店名，物流公司才能列印物流單，
過往蝦皮API會提供物流單的店號、地址的文字資料。但近期由於詐騙、個資外洩猖獗，蝦皮更改隱私政策後，要將與客戶相關的資料，包含地址、姓名、電話等轉換成「不能直接使用」的圖片。
如果找不到自動化的方式，客戶的營運人員就必須透過蝦皮後台或是API將這些店號資料圖片檔下載下來，再以肉眼判斷的方式將這些資料加以記錄後再傳送給物流商。單量不多或許人工勤能補拙可以應付，萬一單量大量成長的話就容易出錯，造成後續的客訴問題。
Google Cloud Vision API
不會寫程式也能運用Google AI 影像辨識
為了幫客戶解決這個障礙，我們參考了最近很流行的光學字元辨識(OCR, Optical Character Recognition)作為解決辦法，其中最廣為人知的工具莫屬於Google旗下的產品—Google Cloud Vision API。
Google Cloud Vision API可以透過Http Request的方式，能夠擷取圖片或文件中的文字(包含手寫文字)。而除了文字擷取的功能之外，Google Vision API還可以偵測圖片中的地景(Landmark)、Logo、標籤(Label)，甚至臉部偵測都可以做得到。詳細介紹可以參考以下連結。
No Code 影像辨識實作：
以下示範如何透過Xano串接Google Cloud Vision API，使用OCR擷取圖片中的文字。
步驟一、在GCP中安裝並設定Google Cloud Vision API
1.至Google Cloud Platform控制台中建立專案，新增API服務，選擇Vision API，並啟用付費
2.啟用Vision API，將Vision API加入專案
3.建立服務帳戶(Service Account)，並下載OAuth 2.0 Client 憑證Json檔
4.將Json檔儲存至Xano WorkSpace Settings環境變數中
步驟二、利用Google Service Account取得Access Token
步驟一和二完成後，就可以著手開發程式。首先在Xano建立一個Function，建立google_serviceo_bj變數，提取儲存於環境變數中的Google Oauth憑證的JSON Object。接著把JSON中的private_key提取出來後，以JWS加密Claims參數後，再透過API Request取得access_token。此步驟的詳細操作，可參考下方連結。
步驟三、使用REST API取得圖片中的文字
完成上述步驟並成功取得access_token基本上就完成一半了，接下來則是撰寫Vision API的程式。此API使用很簡單，只需要兩個參數即可，只有上一步驟取得的access_token以及需要辨識的圖片資料，因此程式碼只有兩行，中間完全不用寫code，詳細內容可參考官方文件。
Google Cloud Vision API開發完畢後，就可以整合蝦皮API。實際測試如下圖，輸入訂單編號後，蝦皮API會回傳此訂單的店號資料圖檔，它是經過base64加密過後的文字資料。
接著在程式後半部加上開發好的Google Cloud Vision API功能，Input參數為access token以及base64加密後的文字資料。
可以看到下圖Google Cloud API成功辨識出圖片，並且解析文字成功，順利取得訂單的店號資料了！只要將這串文字加以整理，就可以直接把資料提供給物流廠商，列印超取單就可以順利出貨囉！
