微信小程序获取openId, sessionKey, unionId

最新推荐文章于 2024-08-04 12:00:00 发布

mr_cmx

最新推荐文章于 2024-08-04 12:00:00 发布

阅读量2.1k

点赞数 3

文章标签： javascript html 小程序

本文链接：https://blog.csdn.net/weixin_44646763/article/details/118526055

版权

本文介绍了微信小程序中实现用户登录的步骤，包括在`onLaunch`钩子中调用`wx.login`获取code，然后通过code向后端请求`sns/jscode2session`接口来获得openid、sessionKey和unionId。强调了unionId的唯一性及其在不同应用间识别用户的作用，并指出需先在微信开放平台绑定小程序才能获取unionId。

摘要由CSDN通过智能技术生成

1、在app.js的onLaunch钩子函数中使用官方API

// 登录
    wx.login({
      success: res => {
        // 发送 res.code 到后台换取 openId, sessionKey, unionId
        if(res.code){
          //获取到code
          
        }else{
          wx.showToast({
            icon:'none',
            title: '微信登录失败，请重新进入小程序',
            duration:3000
          })
        }
      }
    })

2、调用登录凭证校验接口

GET
https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code

详情可以看看微信官方文档》》
在这里插入图片描述
但一般是在后台调用，需要再返回给前端，所以可以获取到code后和后台换取 openId, sessionKey, unionId就行了

注意：code是有时效的

// 登录
    wx.login({
      success: res => {
        // 发送 res.code 到后台换取 openId, sessionKey, unionId
        if(res.code){
          wx.request({
            url: this.globalData.requestUrl+'/wx/get-openid',
            data:{
              code:res.code,
            },
            method:'POST',
            success(res2){
              console.log(res2.data.data.openid)
              console.log(res2.data.data.session_key)
              console.log(res2.data.data.unionid)
            }
          })
        }else{
          wx.showToast({
            icon:'none',
            title: '微信登录授权失败，请重新进入小程序',
            duration:3000
          })
        }
      }
    })