h5页面微信授权

1、修改网页授权获取用户基本信息
两种进入方式
{
修改链接
⬆️点击修改

“开发 - 接口权限 - 网页服务 - 网页帐号 - 网页授权获取用户基本信息”的配置,修改授权回调域名
}

这一步是很重要的,因为在授权完毕的时候要重新跳回到原页面,不设置的情况下会输出一个redirect_uri错误
h5页面微信授权
下图填写的是域名,而不是URL,不要添加 http:// 等协议头
h5页面微信授权
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值)

附上一张参数图
h5页面微信授权

上一篇:springboot+mybatis-plus实现增删改查+登录+注册


下一篇:新RabbitMQ精讲,项目驱动落地,分布式事务拔高