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

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

微信网页授权官方地址

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

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

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

前端:

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

https://open.weixin.qq/connect/oauth2/authorize?appid=wxf0e81c3bee622d60&redirect_uri=http%3A%2F%2Fnba.bluewebgame%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.把获取到的信息返回给前端就行了

更多推荐

微信网页授权(前后端)