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的原创文章，请关注公众号"汪子熙":