h5页面微信授权

h5页面微信授权

1、修改网页授权获取用户基本信息
两种进入方式
{
修改链接
⬆️点击修改
或
“开发 - 接口权限 - 网页服务 - 网页帐号 - 网页授权获取用户基本信息”的配置，修改授权回调域名
}

这一步是很重要的，因为在授权完毕的时候要重新跳回到原页面，不设置的情况下会输出一个redirect_uri错误

下图填写的是域名，而不是URL，不要添加 http:// 等协议头

2、获取权限
不是请求！！！
是跳转

var url =
“https://open.weixin.qq.com/connect/oauth2/authorize?appid=” +“公众号文档可以找到” +"&redirect_uri=" +
‘你设置的重定向路径（一定要对链接进行urlEncode处理）’+"&response_type=code&scope=snsapi_userinfo&state=STATE&connect_redirect=1#wechat_redirect";

window.location.href = url;

跳转步骤： 启动页面=>跳转到微信授权页面=>点击授权(非静默)=>跳转回redirect_uri+code=‘XXXXXX’（也就是原来的页面和code值）

附上一张参数图