关于H5在微信获取授权详解手机开发

很尴尬,flag倒了很久,这才来更新。

1、作为一枚小前端,所做的就是把微信获取授权之后的链接和所需的参数给到后端,定好之后只要获取链接就好了。(⊙o⊙)…确实就是这么简单,基本上这种授权是需要后端来配置的,但是多了解一些也没有坏处。主要就是利用链接重定向来操作。

举个栗子:http://baibu.com/weixin/OAuth?url=http://test.xiaobai.com/html/wx.html?share=1     
配置之后会获取微信授权,网页重定向后会到url的地址http://test.xiaobai.com/html/wx.html?share=1    

  

传送门

微信的API上说的很详细,基本上都可以看得懂。

具体而言,网页授权流程分为四步:

1、引导用户进入授权页面同意授权,获取code

2、通过code换取网页授权access_token(与基础支持中的access_token不同)

3、如果需要,开发者可以刷新网页授权access_token,避免过期

4、通过网页授权access_token和openid获取用户基本信息(支持UnionID机制)

——————————————————————————————————————————————————————

友好的分割线

——————————————————————————————————————————————————————

 

就不搬砖了,下面附上做后端的朋友的流程:

测试环境

  1. 地址 测试登录
  2. 接口配置

    a)    URL和token, 提交时去指定的URL地址服务去验证, 如图:

关于H5在微信获取授权详解手机开发

 

 

 

 配置图:

关于H5在微信获取授权详解手机开发

 

 

校验图:

a)         JS 域名

关于H5在微信获取授权详解手机开发

 

b)         关注测试公众号,关注公众号才能获得用户信息

 关于H5在微信获取授权详解手机开发

c)         接口权限列表配置, 常用

关于H5在微信获取授权详解手机开发

关于H5在微信获取授权详解手机开发

 

回调域名也是后台服务域名。

 

d)         授权流程:

先由后台重定向到 微信服务进行认证, 如下图

关于H5在微信获取授权详解手机开发

 微信服务验证通过后回调到,如图

关于H5在微信获取授权详解手机开发

ending____________________________________________

 

正式环境:

跟测试环境区别:

  1、基本配置区别关于H5在微信获取授权详解手机开发

2、

接口配置区别

网页授权区别

关于H5在微信获取授权详解手机开发

 ————————————————————————————————————

另外最近也接入了微博授权和qq授权,都是同一个道理

微博授权传送门

有一个后端大佬还真是幸福吖。

原创文章,作者:奋斗,如若转载,请注明出处:https://blog.ytso.com/6128.html

(0)
上一篇 2021年7月17日
下一篇 2021年7月17日

相关推荐

发表回复

登录后才能评论