我一人,我异人,我亦人

导航

关于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地址服务去验证, 如图:

 

 

 

 配置图:

 

 

校验图:

a)         JS 域名

 

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

 

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

 

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

 

d)         授权流程:

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

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

ending____________________________________________

 

正式环境:

跟测试环境区别:

  1、基本配置区别

2、

接口配置区别

网页授权区别

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

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

微博授权传送门

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

posted on 2018-04-22 20:43  苏小十~  阅读(45849)  评论(6编辑  收藏  举报