微信小程序中前端 授权登录获取用户的openid_前端授权微信信息

序言： 集百家之所长，方成此篇，废话少说，上代码；找好你的小程序APPID,AppSecret(小程序密钥)，进行配置，然后复制粘贴代码，就可以了。

   //微信小程序授权登录获取用户的openid
       wx.getUserInfo({
         //成功后会返回
       success:(res)=>{
         console.log(res);
          // 把你的用户信息存到一个变量中方便下面使用
         let userInfo= res.userInfo
          //获取openId（需要code来换取）这是用户的唯一标识符
         // 获取code值
         wx.login({
           //成功放回
            success:(res)=>{
             console.log(res);
             let code=res.code
             // 通过code换取openId
             // const appid = '你的小程序APPID';
             //小程序的secret
           //  const secret = '你的小程序密钥';
          console.log("code====="+code);
              wx.request({
                url: `https://api.weixin.qq.com/sns/jscode2session?appid=你的小程序APPID&secret=你的小程序密钥&js_code=${code}&grant_type=authorization_code`,
                success:(res)=>{
                 console.log(res);
                  userInfo.openid=res.data.openid
                 console.log("userInfo.openid====="+userInfo.openid);
                  this.setData({
                  openId: userInfo.openid
                  })
               }
              })
           }
           })
   
        }
      })

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37