微信公众号获取授权登录机制
微信公众号添加开发者
配置授权回调的页面
在JS接口安全域名中，点击修改来设置网页的域名。安全域名只需要填写域名或IP地址即可，不需要添加http，如或127.0.0.1，则在该域名下的页面都能够得到授权，而相关的二级或三级域名（）则无法获得授权。
注 若填写时增加了协议，如 或 ，页面同样可以获得授权，但是会带来一些未知的状况，如用户请求微信二次分享时，分享出来的描述和图片无法正确显示。
当填写的网址通过了微信公众平台的安全监测时，即说明该域名已经配置成功了。
1、首先你要成为所要开发的公众号的开发者，在微信公众平台--开发者工具--web开发者工具中将自己的微信号绑定为开发者；
2、然后在微信公众平台--基本配置中，启用开发者密码()，然后将开发者ID和密码都保存好；ip白名单按照要求配置好就行；
3、在微信公众平台--公众号设置--功能设置中按照要求配置好js接口安全域名和网页授权域名，注意js接口安全域名，每个月只能改3次，配置的时候一点要注意，最好一次把开发环境、测试环境和线上环境都配置好，然后把网页授权域名配置为开发环境，方便调试；
授权登录方式有两个，一种为静默授权登录（=），一种为非静默授权登录（=），区别为静默授权是静默授权并自动跳转到回调页的。
用户感知的就是直接进入了回调页（往往是业务页面）特点：用户无感知,但是只能获取到用户的唯一标示和 id，无法拿到用户的微信头像、微信名称等个人信息；
非静默授权这种授权需要用户手动同意，并且由于用户同意过，所以无须关注，就可在授权后获取该用户的基本信息。
网页授权流程分为四步：
1、引导用户进入授权页面同意授权，获取code
2、通过code换取网页授权（与基础支持中的不同）
3、如果需要，开发者可以刷新网页授权，避免过期
4、通过网页授权和获取用户基本信息（支持机制）
注释：官方
：就是通过后端获取回来的公众号。
：就是当前页面地址，前端可以使用(..href.("#")[0])方法获取。
：默认code方式
：有，两种。
：不弹出授权页面，只能获取。
：弹出授权弹窗，可以通过获取到相关信息。
：重定向之后会带上参数
#: 页面直接打开还是做页面302都必须带此参数
https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirectvue 代码
vue代码
跳转第三方回调地址加问号：
=..href.("");
=..href;
href=href.(0,len)+"?a";
用微信开发者工具调试 host里面设置代理
127.0.0.1 localhost
localhost 127.0.0.1
127.0.0.1 www.rioyi.com //你想要的代理地址文件目录中下的.js修改
dev: {
host: 'wx.aserxxx.com', // 写成0.0.0.0的话 你既可已localhost 访问也可以ip访问
port: 80, //80相当于没有端口
}修改后运行
记得把文中的 .改为自己公众号的
= ‘’; //微信公众号后台设置的地址(也就是拿到code之后跳转到的页面 例如: ) 一定要加
export function getUrlParam(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
}参考代码
