微信小程序获取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
这样,我们就大功告成!!!

要在微信小程序获取用户的 OpenID,你可以通过调用微信登录接口来实现。以下是一个简单的示例代码: 1. 在小程序的相关页面或组件中引入微信登录 API: ```javascript // 在页面或组件的js文件中引入微信登录 API const app = getApp(); // 获取小程序实例 // 调用微信登录接口获取用户的 OpenID wx.login({ success: res => { if (res.code) { // 发送 res.code 到后台换取 openId, sessionKey, unionId wx.request({ url: 'https://api.weixin.qq.com/sns/jscode2session', data: { appid: app.globalData.appId, // 小程序的 AppID secret: app.globalData.appSecret, // 小程序的 AppSecret js_code: res.code, grant_type: 'authorization_code' }, success: res => { console.log(res.data); // 在这里可以获取到用户的 openId const openId = res.data.openid; // 将 openId 存储在本地或发送到服务器进行处理 }, fail: err => { console.error(err); } }); } else { console.error('微信登录失败:' + res.errMsg); } }, fail: err => { console.error(err); } }); ``` 2. 在小程序的 app.js 文件中,将 AppID 和 AppSecret 存储在全局变量中: ```javascript App({ onLaunch: function () { // 将小程序的 AppID 和 AppSecret 存储在全局变量中 this.globalData = { appId: 'YourAppID', appSecret: 'YourAppSecret' }; } }); ``` 请注意,获取 OpenID 需要在小程序的后台服务器进行处理,你需要在服务器端获取到微信返回的 sessionKey 和 openId,并进行相应的处理。上述代码仅仅是在小程序获取到了 OpenID,你还需要将 OpenID 发送到服务器端进行进一步的处理。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值