微信小程序獲取OpenId

時間 2019-12-09

標籤微信程序獲取 openid 简体版

原文原文鏈接

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

首先如下代碼是頁面加載請求用戶是否贊成受權贊成以後用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 {
           // 手動 開啓 是否受權提示框後 拒絕
      }
    }
  });
}