摘要:官方文档总共步第一步用户同意授权,获取第二步通过换取网页授权第三步刷新如果需要第四步拉取用户信息需为这里只对前端需要做的工作进行说明前端需要做的只有第一步,因为出于安全考虑,敏感信息不能传给客户端即便强行用前端来处理整个过程,微信那边
create-at 2019-04-02
官方文档
总共4步:
第一步:用户同意授权,获取code
第二步:通过code换取网页授权access_token
第三步:刷新access_token(如果需要)
第四步:拉取用户信息(需scope为 snsapi_userinfo)
这里只对前端需要做的工作进行说明
前端需要做的只有第一步,因为出于安全考虑,敏感信息不能传给客户端;即便强行用前端来处理整个过程,微信那边也有检测,不会将敏感信息返回。
前端部分:
(1) 获取appid:这个由自己公司后端人员提供接口获取
(2) 调用如下接口:参数一定要按顺序;redirect_uri可以带上参数一起转码,转码用encodeURIComponent;实测是用location.href访问的该接口,没有异常
https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect 具体参数的意义请参考上方官方文档
(3) 获取code:跳转到重定向的页面后code会跟在url链接上,如果重定向的地址也带有参数,code会拼接在其后边
(4) 将code传给后端,返回用户信息
本篇文章只是做了整个流程说明与坑点,详见上方官方文档
欢迎交流 Github
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/109343.html
摘要:分享页面的实际链接当前页面的链接需要编码公众号的当前页面的链接,需要编码其他值均不用改动点击允许后跳转的链接是。此处的可以用来调取接口获取微信用户的相关信息每次用户授权带上的将不一样,只能使用一次,分钟未被使用自动过期。 vue + 微信获取用户信息 本次项目做到一个点赞功能,即分享出去一个页面给微信好友,微信好友点开并点赞,需要将点赞用户的微信昵称,微信头像以及微信openid,微信...
摘要:分享页面的实际链接当前页面的链接需要编码公众号的当前页面的链接,需要编码其他值均不用改动点击允许后跳转的链接是。此处的可以用来调取接口获取微信用户的相关信息每次用户授权带上的将不一样,只能使用一次,分钟未被使用自动过期。 vue + 微信获取用户信息 本次项目做到一个点赞功能,即分享出去一个页面给微信好友,微信好友点开并点赞,需要将点赞用户的微信昵称,微信头像以及微信openid,微信...
摘要:浅析微信支付微信公众号网页授权本文是浅析微信支付系列文章的第四篇,主要讲解微信支付前如何获取获取网页授权及用户信息获取。浅析微信支付系列已经更新三篇了哟,没有看过的朋友们可以看一下哦。 浅析微信支付:微信公众号网页授权 本文是【浅析微信支付】系列文章的第四篇,主要讲解微信支付前如何获取获取网页授权及用户信息获取。 浅析微信支付系列已经更新三篇了哟~,没有看过的朋友们可以看一下哦。 浅...
摘要:写在最后我前端刚入门没多久,最近在公司实习,受到身边同事影响,所以也开始写文章来记录自己的学习心得,这是我第一次写文章,所以可能写的不太好,大家对文章和代码有什么建议欢迎提出来一起交流,谢谢 微信网页授权并获取用户信息 介绍 在很多微信H5应用里,当用户访问第三方应用时就需要进行微信网页授权,并且很多涉及安全的操作我们必须要先获取用户信息才能继续,本文章简单介绍了微信授权流程,并通过申...
阅读 922·2023-04-26 01:34
阅读 3356·2023-04-25 20:58
阅读 3258·2021-11-08 13:22
阅读 2107·2019-08-30 14:17
阅读 2521·2019-08-29 15:27
阅读 2673·2019-08-29 12:45
阅读 2996·2019-08-29 12:26
阅读 2810·2019-08-28 17:51