微信网页授权，获取微信code，获取access tocken 获取用户信息

分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.youkuaiyun.com/jiangjunshow

也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！

               

微信开发中，经常有这样的需求：获得用户头像、绑定微信号给用户发信息.. 那么实现这些的前提就是授权！

 

1.配置安全回调域名：

 

在微信公众号请求用户网页授权之前，开发者需要先到公众平台官网中的“开发 - 接口权限 - 网页服务 - 网页帐号 - 网页授权获取用户基本信息”的配置选项中，修改授权回调域名，值得注意的是这里就是直接写全域名，如： www.liliangel.cn。然而我们开发h5中一般用的是二级域名，如：h5.liliangel.cn 也同样在安全回调域名中。

 

2.用户级授权和静默授权

1、以snsapi_base为scope发起的网页授权，是用来获取进入页面的用户的openid的，并且是静默授权并自动跳转到回调页的。用户感知的就是直接进入了回调页。

2、以snsapi_userinfo为scope发起的网页授权，是用来获取用户的基本信息的。但这种授权需要用户手动同意，并且由于用户同意过，所以无须关注，就可在授权后获取该用户的基本信息。 

 

3.网页授权access_token和普通access_token的区别

1、微信网页授权是通过OAuth2.0机制实现的，在用户授权给公众号后，公众号可以获取到一个网页授权特有的接口调用凭证（网页授权access_token），通过网页授权access_token可以进行授权后接口调用，如获取用户基本信息； 

2、其他微信接口，需要通过基础支持中的“获取access_token”接口来获取到的普通access_token调用。 

 

4.引导用户进入授权页面同意授权，获取code 

 

微信更新后，授权页也变化了。其实习惯了绿色的那个经典页面..

js：

var center = {        init: function(){            .....        },        enterWxAuthor: function(){            var wxUserInfo = localStorage.getItem("wxUserInfo");            if (!wxUserInfo) {                var code = common.getUrlParameter('code');                if (code) {                    common.getWxUserInfo();                    center.init();                }else{                    //没有微信用户信息，没有授权-->> 需要授权，跳转授权页面                    window.location.href = 'https://open.weixin.qq.com/connect/oauth2/authorize?appid='+ WX_APPID +'&redirect_uri='+ window.location.href +'&response_type=code&scope=snsapi_userinfo#wechat_redirect';