微信登陆首先要明白本身的项目具体实施的地点案例在哪里。html
有关公众号的微信登陆须要查看微信公众平台官方文档前端
按照文档进行公众号受权登陆。api
1.在微信公众号请求用户网页受权以前,开发者须要先到公众平台官网中的“开发 - 接口权限 - 网页服务 - 网页账号 - 网页受权获取用户基本信息”的配置选项中,修改受权回调域名。请注意,这里填写的是域名(是一个字符串),而不是URL,所以请勿加 http:// 等协议头;bash
二、受权回调域名配置规范为全域名,好比须要网页受权的域名为:www.qq.com,配置之后此域名下面的页面http://www.qq.com/music.html 、 www.qq.com/login.html 均可以进行OAuth2.0鉴权。但http://pay.qq.com 、 music.qq.com 、 qq.com没法进行OAuth2.0鉴权微信
一、以snsapi_base为scope发起的网页受权,是用来获取进入页面的用户的openid的,而且是静默受权并自动跳转到回调页的。用户感知的就是直接进入了回调页(每每是业务页面)app
二、以snsapi_userinfo为scope发起的网页受权,是用来获取用户的基本信息的。但这种受权须要用户手动赞成,而且因为用户赞成过,因此无须关注,就可在受权后获取该用户的基本信息。微信公众平台
三、用户管理类接口中的“获取用户基本信息接口”,是在用户和公众号产生消息交互或关注后事件推送后,才能根据用户OpenID来获取用户基本信息。这个接口,包括其余微信接口,都是须要该用户(即openid)关注了公众号后,才能调用成功的。测试
注意:编码
a.微信公众平台内测试号不稳定,有时可使用大多数状况下不可以使用,建议直接使用本身的域名进行调试。url
b.微信公众号须要是已经认证过的服务号。
c.重定向的域名连接须要使用urlencode进行编码。
具体内容请看微信网页受权
前端微信公众号受权登陆代码:
window.location.href = ' https://open.weixin.qq.com/connect/oauth2/authorize?appid=appid&redirect_uri=url&response_type=code&scope=snsapi_userinfo&state=STATE&connect_redirect=1#wechat_redirect'
复制代码