微信小程序获取openid，unionid

• 注意openid并不能作为小程序用户的唯一标识，不同用户有可能相同，unionid才是唯一标识，这个参数我们需要后台去微信绑定小程序后才有。（通过https://api.weixin.qq.com/sns/jscode2session接口返回的参数获得）

方法一（前端获取）

注意：虽然前端能拿到openid，但是发布上线的时候会无法过审，因为出于安全考虑，前端代码不允许暴露小程序appId和app secret(秘钥)，所以此种方法不可取。

1、登录凭证校验，通过 wx.login() 接口获得临时登录凭证 code 后传到开发者服务器调用此接口完成登录流程。更多使用方法详见 小程序登录。

image.png

2、接着访问 https://api.weixin.qq.com/sns/jscode2session?

wx.login({
    success: function (res) {
        console.log(res)
         if (res.code) {
            console.log('通过login接口的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);
               },
               fail: function(error) {
                   console.info("获取用户openId失败");
                   console.info(error);
               }
            })
          }
        }
    })

方法二（后端获取）

前面我们说过前端获取openid的方法，项目上线是无法过审的。现在我们把小程序id和app secret给后台，让后台去请求，然后将返回值通过接口返回给我们，就可以了。另外，我们通过后台接口返回的参数unionid作为用户唯一标识

        wx.login({
            success: function (res) {
              console.log(res)
              wx.request({
                url: '后台通过获取前端传的code返回openid的接口地址',
                data: { code: code },
                method: 'POST',
                header: { 'content-type': 'application/json'},
                success: function (res) {
                 if (res.statusCode == 200) {
                   console.log(res.data.result.openid);
                   console.log(res.data.result.unionid);
                 } else {
                   console.log(res.errMsg)
                 }
              },
            })
          }
       })  

image.png

这样，我们就大功告成！！！