微信小程序获取OpenId

微信小程序官方API：https://mp.weixin.qq.com/debug/wxadoc/dev/api/

首先以下代码是页面加载请求用户是否同意授权同意之后用code 访问微信接口拿到OpenId

//页面加载 微信授权

var getInfo = function (thisObj){

  var that = thisObj;

  wx.login({

    success: function (res) {

      if (res.code) {

        //获取openId

        wx.request({

          url: 'https://api.weixin.qq.com/sns/jscode2session',

          data: {

　　　　　　　//小程序唯一标识

            appid: '',

　　 　　 　　//小程序的 app secret

            secret: '',

            grant_type: 'authorization_code',

            js_code: res.code

          },

          method: 'GET',

          header: { 'content-type': 'application/json'},

          success: function(openIdRes){

              console.info("登录成功返回的openId：" + openIdRes.data.openid);

              weChatUserInfo.openId = openIdRes.data.openid;

              // 判断openId是否获取成功

              if (openIdRes.data.openid != null & openIdRes.data.openid != undefined) {
　　　　　　　　// 有一点需要注意 询问用户 是否授权 那提示 是这API发出的

                wx.getUserInfo({

                  success: function (data) {

                    // 自定义操作

                    // 绑定数据，渲染页面

                    that.setData({

                    });

                  },

                  fail: function (failData) {

                      console.info("用户拒绝授权");

                  }

                });

              }else {

                 console.info("获取用户openId失败");

              }

          },

          fail: function(error) {

            console.info("获取用户openId失败");

            console.info(error);

          }

        })

      }

    }

  });

}

以下是手动配置打开微信授权

//手动打开微信授权

var getInfoAgain = function (thisObj){

  var that = thisObj;

  wx.openSetting({

    success: function (data) {

      //判断 用户是否同意授权

      if (data.authSetting["scope.userInfo"] == true) {

        // 同意授权

        wx.login({

          success: function (res) {

            if (res.code) {

              console.info("登录成功返回的CODE：" + res.code);

              //获取openId

              wx.request({

                url: 'https://api.weixin.qq.com/sns/jscode2session',

                data: {

                  // 小程序唯一标示

                  appid: '',

                  // 小程序的 app secret

                  secret: '',

                  grant_type: 'authorization_code',

                  js_code: res.code

                },

                method: 'GET',

                header: { 'content-type': 'application/json' },

                success: function (openIdRes) {

                  // 获取到 openId

                  console.log(openIdRes.data.openid);

                  // 判断openId是否为空

                  if (openIdRes.data.openid != null & openIdRes.data.openid != undefined) {

                    wx.getUserInfo({

                      success: function (data) {

                        // 自定义操作

                        // 绑定数据，渲染页面

                        that.setData({

                        });

                      }

                    })

                  }else {

                    // openId为空

                  }

                }

              })

            }

          }

        });

      }else {

           // 手动 开启 是否授权提示框后 拒绝

      }

    }

  });

}

//TODO 有个地方需要注意一下小程序开发者工具有一个配置

这个配置如果打开不验证域名都可以访问

但是这只是开发者工具可以访问以及手机预览可以访问

如果放到正式版的环境或者说测试版的环境那么是不可以访问除了设置好的域名以外所有的域名需要将微信接口 (https://api.weixin.qq.com) 设置到小程序白名单中否则获取不到OpenId 返回undefined

巴特西

微信小程序获取OpenId

最新文章

热门文章

巴特西

微信小程序 获取OpenId

最新文章

热门文章

微信小程序获取OpenId