h5页面获取微信授权登录

项目经常遇到需要微信登录的情况,h5页面就需要授权后才能登录成功,在研究+动手写的10+小时后,终于解决了。我的开发框架是uniapp。
说说思路吧
前端:
1.先创建一个空白页面,然后给后端这个页面的路径(这个页面是给后端重定向的)
2.点击页面上的微信登录,触发后端链接(这个链接是后端提供)

window.location.href = '链接地址'

3.在空白页面获取路径上的参数(由于我用的是uniapp,直接在onLoad里就可以获取)。
4.得到想要的参数等东西后,执行跳转想要跳转的页面就可以了。
后端(具体操作结合实际情况):

1 第一步:用户同意授权,获取code

2 第二步:通过code换取网页授权access_token

3 第三步:刷新access_token(如果需要)

4 第四步:拉取用户信息(需scope为 snsapi_userinfo)

5 附:检验授权凭证(access_token)是否有效

如果有什么不对或者不懂的地方欢迎私聊哦

u=1719002872,3076810538&fm=26&gp=0.jpg

你可能感兴趣的:(h5页面获取微信授权登录)