企业微信集成H5授权登录相关知识(二)

流程:

1.前端请求企业微信获取code:官网网页授权链接

2.企业微信返回的code请求后端判断是否已绑定系统账户

3.后端根据企业微信code,accessToken获得userId

4.userId获取user进行oauth2授权方式进行免密登录

相关知识:

  一:OAuth 授权

 OAuth 的核心就是向第三方应用颁发令牌,客户端通过令牌,去请求数据。我理解就是我们去外国,拿到了护照你才能过去买东西。

请求微信接口:

https://open.weixin.qq.com/connect/oauth2/authorize?appid=wwff9882bf69f5fdf6&redirect_uri=http://xwd.troy.cn/PCAuthorization.html&response_type=code&scope=snsapi_base&state=STATE&agentid=1000002#wechat_redirect

注意:回调连接地址必须域名能访问的,必须在企业微信里面调用

跳到指定页面连接带code:http://xwd.troy.cn/PCAuthorization.html?code=EZijdn7tD7_U2K3P2XNfHlgPoXkH4CdYWtMLhP4OwWU&state=STAT

二:企业微信接口说明

1.获取access_token 官网:https://developer.work.weixin.qq.com/document/path/91039

执行返回信息

2.accessToken,code获取到用户企业微信userId:https://developer.work.weixin.qq.com/document/path/91023

 返回结果:

  • 5
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在微信H5页面实现微信授权登录,可以按照以下步骤进行操作: 1. 在微信公众平台上申请开发者账号,并创建一个用于开发的公众号。 2. 在公众号设置中,将“网页授权域名”设置为你的H5页面所在的域名。 3. 引入微信JS-SDK,获取JS-SDK签名。 4. 在微信开放平台申请网页授权的方式,获取到AppID和AppSecret。 5. 在后端服务器中,通过AppID和AppSecret获取access_token和openid。 6. 在前端页面中,通过微信JS-SDK的wx.config初始化配置,包括appId、timestamp、nonceStr、signature等参数。 7. 调用微信JS-SDK的wx.ready方法,初始化成功后进行接下来的操作。 8. 在前端页面中,通过微信JS-SDK的wx.checkJsApi方法,判断当前客户端版本是否支持指定的js接口,如微信登录相关接口。 9. 在前端页面中,调用微信JS-SDK的wx.login方法,显示微信登录按钮,用户点击按钮后会调用wx.login方法,获取code。 10. 前端将获取到的code通过ajax等方式发送给后端服务器。 11. 后端服务器通过code、AppID和AppSecret等参数向微信服务器发送请求,获取access_token和openid。 12. 后端服务器将获取到的access_token和openid返回给前端。 13. 前端根据获取到的access_token和openid进行相应的处理,例如获取用户信息,实现微信登录功能。 需要注意的是,以上步骤中需要在微信公众平台、微信开放平台和自己的后端服务器进行相应的配置和开发工作,确保整个流程的正确性和安全性。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值