微信网页授权(前后端)

微信网页授权(非静默授权)

最近有个朋友问我,到底那部分是前端做,那部分是后端做。我之前也走了很多弯路,哈哈。下面分享一下我的经验吧。(写的有点粗糙)

微信网页授权官方地址

PS:做微信公众号开发,最好在微信公众平台申请一个测试号,测试号几乎拥有所有接口权限,就不用申请服务号那么麻烦啦。

微信公众号的 secret 千万别放在前端了,不安全。

在微信公众号请求用户网页授权之前,开发者需要先到公众平台官网中的“开发 - 接口权限 - 网页服务 - 网页帐号 - 网页授权获取用户基本信息”的配置选项中,修改授权回调域名。请注意,这里填写的是域名(是一个字符串),而不是URL,因此请勿加 http:// 等协议头;
在这里插入图片描述

前端:

调用微信授权接口:在页面加载成功后,调用下面链接

https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxf0e81c3bee622d60&redirect_uri=http%3A%2F%2Fnba.bluewebgame.com%2Foauth_response.php&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect

参数说明:
在这里插入图片描述

redirect_uri参数说明:这个接口由 前端提供,如果用户同意授权,页面将跳转至 redirect_uri/?code=CODE&state=STATE。
在这里插入图片描述1:redirect_uri:设置为当前页面地址(要互联网能访问的地址才行哦)
2:授权成功后,微信公众号会回调到当前页面,同时会携带code参数
3:把code传递给后台,由后台获取用户授权信息

后端:
1.通过前端携带的code获取access_token
2.拉取用户信息(需scope为 snsapi_userinfo)
3.把获取到的信息返回给前端就行了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值