SAP FSM 學習筆記(二) : SAP FSM的微信接入

Jerry的前一篇文章 [SAP FSM 學習筆記(一) : 使用API消費FSM的資料]( SAP FSM 學習筆記(一) : 使用API消費FSM的資料) 介紹了SAP Field Service Management Restful API的消費方式，本文繼續介紹如何透過微信公眾號這一平臺來呼叫這些API.

這篇文章介紹的全部內容，均是Jerry從本組的同事Li Cris那裡學來的，特此表示感謝。

假設我們的場景是：希望在微信裡能夠瀏覽SAP FSM裡可用的服務技師，如下圖所示：

那麼首先要設計一個Web應用，在該Web應用裡透過第一篇文章介紹的方式，使用SAP FSM提供的nodejs SDK去呼叫API.

為此，我們開發了一個Vue應用，在Vue生命週期鉤子函式mounted裡，發起對SAP FSM employee(技師)資料的請求：

在我們微信裡指定的時間段內，SAP FSM有三個可用的技師，其名稱，使用者評分，頭銜，服務年限等資料透過FSM nodejs SDK返回給微信端，如上圖微信開發者偵錯程式裡所示。

比如employeeID為2E9BC784D477CA3DD048E593D853CFF1的這條資料，可以直接在FSM裡透過這個url檢視：

Master Data

這個Vue應用做好之後，部署到伺服器上，生成一個url，我們假設為 xxx.com/smart

如何將這個url和微信公眾號繫結起來？

在微信公眾號的自定義選單裡，建立一個新的選單項“預約”，給它維護一個特定的url.

這樣在手機微信裡點選這個選單，就會跳轉到對應的url.

url格式： ±§Ç¸£¬³ö´íÁË<appid>&redirect_uri=https%3a%2f% 2f%2fsmart&response_type=code&scope=snsapi_userinfo&state=123#wechat_redirect

其中appid在微信公眾號後臺的公眾號開發資訊裡獲取：

而redirect_url後面的值，為web應用 xxx.com/smart 進行url encode後的值。

這一切設定好之後，從微信公眾號選單跳轉到web應用的場景就能工作了。

如果想在本地模擬微信訪問的方式除錯部署到伺服器上的Web應用，只需要安裝微信開發者工具，將自己的個人微訊號繫結到微信公眾號的開發者微訊號列表中去：

然後用個人的微訊號掃碼登入微信開發者工具，在位址列裡輸入上述包含oauth 2.0重定義的那一長串url，點選Allow按鈕：

就可以像使用Chrome開發者工具那樣，對前端應用程式碼進行單步除錯了：

後續Jerry會繼續介紹更多微信和SAP FSM的整合場景，敬請期待。