微信小程序如何通过code拿到用户的openid?

微信有一个静默登录,当进入小程序,页面加载完之后就会默认登录拿到code,这时候我们只需要将拿到的code去调后端的登录接口即可拿到用户的openid,openid在后续的开发中可能经常要用到,可以将其放到storage中,随用随拿

在这里插入图片描述

// app.js
// 后端的登录接口
import {wxLogin} from './pages/api/login/login.js'
App({
  onLaunch() {
    let loginInfo = {
      openid: null,
      session_key: null
    }
    let code = null;
    // 登录
    wx.login({
      success: res => {
        // 发送 res.code 到后台换取 openId, sessionKey, unionId
        console.log(res);
        code = res.code;
        // 拿到code就调用后端的登录接口,微信服务器就会返回openid、session_key等信息
        // 注意:要拿openid除了code还有三个参数:appId、secret、grant_type
        //(appid和secret在微信开发者后台可以获取)由于我们后端已经对这块做了处理,只需要传code即可
        wxLogin(code).then(res => {
          let isNewUser = res.data.data.exist_openid
          if (res.statusCode == 200) {
            loginInfo = res.data.data; // 将openid、session_key 存放到本地storage
            this.setLoginInfo(loginInfo)
          }
        })
      }
    })
  },
   // 存放openid、session_key
  setLoginInfo(loginInfo){
    // 异步:无需存储完成才执行后续操作
    wx.setStorage({
      key:'login_info', // 名称
      data:loginInfo  // 存放的数据
    })
  },
  /*
  	* 要用的时候直接拿就行:
  	* let openId = wx.getStorageSync('login_info').openid
  */
})

在这里插入图片描述

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序中,你可以通过以下步骤获取用户openid: 1. 在小程序中调用 `wx.login` 接口,获取用户的临时登录凭证 `code`。 2. 将 `code` 发送到你的后台服务器。 3. 在后台服务器中,通过调用微信提供的登录凭证校验接口,使用 `code` 换取 `openid` 和 `session_key`。 以下是一个示例代码(使用 Node.js): ```javascript const axios = require('axios'); // 1. 小程序端代码 wx.login({ success: (res) => { const code = res.code; // 将 code 发送到后台服务器 axios.post('https://your-backend.com/login', { code }) .then((response) => { const openid = response.data.openid; // 处理 openid }) .catch((error) => { // 处理错误 }); } }); // 2. 后台服务器代码(示例使用 Express) app.post('/login', (req, res) => { const code = req.body.code; const appid = 'your_appid'; const secret = 'your_app_secret'; axios.get(`https://api.weixin.qq.com/sns/jscode2session?appid=${appid}&secret=${secret}&js_code=${code}&grant_type=authorization_code`) .then((response) => { const openid = response.data.openid; // 将 openid 返回给小程序端 res.json({ openid }); }) .catch((error) => { // 处理错误 res.status(500).json({ error: '登录失败' }); }); }); ``` 请确保在使用此示例代码时,替换 `your-backend.com`、`your_appid` 和 `your_app_secret` 为你自己的实际信息。 需要注意的是,获取用户openid 需要遵循微信开放平台的规范,并确保保护用户的隐私安全。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值