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/master-data-management/#/people/details/2E9BC784D477CA3DD048E593D853CFF1


这个Vue应用做好之后,部署到服务器上,生成一个url,我们假设为https://www.xxx.com/smart

如何将这个url和微信公众号绑定起来?

在微信公众号的自定义菜单里,创建一个新的菜单项“预约”,给它维护一个特定的url.

这样在手机微信里点击这个菜单,就会跳转到对应的url.

url格式:https://open.weixin.qq.com/connect/oauth2/authorize?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的原创文章,请关注公众号"汪子熙":

SAP FSM 学习笔记(二) : SAP FSM的微信接入相关推荐

  1. SAP FSM 学习笔记(四) : 现场服务技师使用的移动应用

    这个系列的前三篇文章: SAP FSM 学习笔记(一) : 使用API消费FSM的数据 SAP FSM 学习笔记(二) : SAP FSM的微信接入 SAP FSM 学习笔记(三) : 在微信里创建S ...

  2. SAP FSM 学习笔记(三) 在微信里发起SAP FSM客户预约

    这个系列的第一篇文章,SAP FSM 学习笔记(一) : 使用API消费FSM的数据,我们学习了如何使用SAP FSM提供的nodejs SDK,第二篇文章 SAP FSM 学习笔记(二) : SAP ...

  3. qml学习笔记(二):可视化元素基类Item详解(上半场anchors等等)

    原博主博客地址:http://blog.csdn.net/qq21497936 本文章博客地址:http://blog.csdn.net/qq21497936/article/details/7851 ...

  4. [转载]dorado学习笔记(二)

    原文地址:dorado学习笔记(二)作者:傻掛 ·isFirst, isLast在什么情况下使用?在遍历dataset的时候会用到 ·dorado执行的顺序,首先由jsp发送请求,调用相关的ViewM ...

  5. PyTorch学习笔记(二)——回归

    PyTorch学习笔记(二)--回归 本文主要是用PyTorch来实现一个简单的回归任务. 编辑器:spyder 1.引入相应的包及生成伪数据 import torch import torch.nn ...

  6. tensorflow学习笔记二——建立一个简单的神经网络拟合二次函数

    tensorflow学习笔记二--建立一个简单的神经网络 2016-09-23 16:04 2973人阅读 评论(2) 收藏 举报  分类: tensorflow(4)  目录(?)[+] 本笔记目的 ...

  7. Scapy学习笔记二

    Scapy学习笔记二 Scapy Sniffer的用法: http://blog.csdn.net/qwertyupoiuytr/article/details/54670489 Scapy Snif ...

  8. Ethernet/IP 学习笔记二

    Ethernet/IP 学习笔记二 原文链接:http://wiki.mbalib.com/wiki/Ethernet/IP 1.通信模式 不同于源/目的通信模式,EtherNet/IP 采用生产/消 ...

  9. Java学习笔记二:数据类型

    Java学习笔记二:数据类型 1. 整型:没有小数部分,允许为负数,Java整型分4种:int short long byte 1.1 Int最为常用,一个Int类型变量在内存中占用4个字节,取值范围 ...

最新文章

  1. 【Java】LeetCode 206 反转链表
  2. 超越ResNet:南开提出Res2Net,不增计算负载,性能全面升级!
  3. Sublime和Webstorm新建代码块
  4. [转载]浅析jQuery框架与构造对象
  5. 利用partial快乐驱动开发
  6. mysql router测试_MySQL 主从复制配置 + MySQL Router 部署使用测试
  7. python中复制n次字符串_在Python中查找字符串中多次出现的字符串
  8. linux代码工具tag,gcov-dump原理分析_Linux平台代码覆盖率测试
  9. 【机器学习技术】高斯过程初探
  10. PICKIT 3 烧录hex文件
  11. form resetFields并没有清空表单
  12. 【三维路径规划】基于matlab无人机三维路径规划【含Matlab源码 1262期】
  13. jQuery源码分析系
  14. 【转】自动化专业十大看家课程
  15. APP在推广之渠道为王(一 )
  16. cloudera-repos 地址
  17. 各大IT公司的起名缘由 [转载]
  18. PAT 甲级 1108 Finding Average (20 分)
  19. cron每两个小时_cron命令每12小时运行一次
  20. 生活,寻找幸福的感觉

热门文章

  1. 2018-2019年度总结
  2. rabbitmq(四)、消息丢失问题
  3. 14: linux实用命令
  4. 第九届蓝桥杯省赛--快速排序
  5. 洛谷 P2921 [USACO08DEC]在农场万圣节Trick or Treat on the Farm
  6. MySQL之事务、锁
  7. HDoj-1874-畅通project续-Dijkstra算法
  8. CSS 中文字体的英文名称对照
  9. maven 配置(安装)以及遇到的The JAVA_HOME environment variable is not defined correctly.
  10. Django(part8)--响应及HttpResponse对象