微信小程序获取用户openid

 实现点击按钮获取到用户的openid

效果：

 

<van-button type="default" bindtap="userin" block>获取用户openid</van-button>

 userin() {
    //获取用户的一些信息
    wx.getUserInfo({
      success: (res) => {
      }
    });
    //获取用户code值
    wx.login({
      success: (res) => {
        let code = res.code  //把我们获取到的code值用变量储存起来换取openid的时候需要把这个变量带上
        // 通过wx.request 来让code换取openid
        wx.request({
          url: `https://api.weixin.qq.com/sns/jscode2session?appid=wxa0730ad5f23ba160&secret=b1b067821d3f00b9a137579fcc3fa4f9&js_code=${code}&grant_type=authorization_code`,
          success: (res) => {
           var openid = res.data.openid
           console.log(openid,"用户的openid");
          }
        })
      }
    })
  }

每个人的id都不一样要自己去作修改 登录微信公众平台 =>开发管理=>开发设置=>开发者Id

 

 将小程序开发者工具中的不校验https合法域名给勾选上