企业微信-自建H5应用授权登录获取用户信息

前言

最近公司需要企业微信的开发，类型是自建的H5应用，本文就是介绍如何授权获取微信用户的基本信息的过程，如用户名、用户头像。

后台操作

官方开发指南，下面是流程图：

按照流程图开发即可，下面是具体的步骤：
1、构造网页授权链接
2、获取访问用户身份
3、获取访问用户敏感信息

前端操作

后台接口需要获取AccessToken，我这里不需要介绍了，下面介绍下前端开发过程：
public.html

App.vue

oauth.vue

这里说明下，我们在public.html里面引入微信相关js，加好之后才能使用wx.config，然后我们在App.vue文件中通过接口获取微信签名和密钥等信息，然后添加wx.config配置注册，只有成功了，才会跳转到你指定的oauth页面，在oauth页面你可以获取到微信返回的code，你再把code通过后台接口返回给后台，后台再获取到企业微信的基本信息，如用户名，头像等等。这样就完成了前端的所有配置。

总结

1、在使用wx.config注册的时候经常会遇到企业微信服务返回的问题，比如：签名错误，我这里的问题是timestamp导致的，单位应该是秒，后台设置成了毫秒导致一直失败，这个大家要注意下。

引用

企业微信 引入微信api扫一扫（vue）【h5页面调用微信jssdk】