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

Jerry的前一篇文章 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查看：

https://de.coresystems.net/ma...

這個Vue應用作好以後，部署到服務器上，生成一個url，咱們假設爲https://www.xxx.com/smart

如何將這個url和微信公衆號綁定起來？

在微信公衆號的自定義菜單裏，建立一個新的菜單項「預定」，給它維護一個特定的url.

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

url格式：https://open.weixin.qq.com/co...<appid>&redirect_uri=https%3a%2f%2fwww.xxx.com%2fsmart&response_type=code&scope=snsapi_userinfo&state=123#wechat_redirect

其中appid在微信公衆號後臺的公衆號開發信息裏獲取：

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

這一切設置好以後，從微信公衆號菜單跳轉到web應用的場景就能工做了。

若是想在本地模擬微信訪問的方式調試部署到服務器上的Web應用，只須要安裝微信開發者工具，將本身的我的微信號綁定到微信公衆號的開發者微信號列表中去：

而後用我的的微信號掃碼登陸微信開發者工具，在地址欄裏輸入上述包含oauth 2.0重定義的那一長串url，點擊Allow按鈕：

就能夠像使用Chrome開發者工具那樣，對前端應用代碼進行單步調試了：

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

要獲取更多Jerry的原創文章，請關注公衆號"汪子熙":