小程序云开发获取openid及出现openid是undefind的坑

简介: 小程序云开发获取openid及出现openid是undefind的坑

小程序云开发获取openid及出现openid是undefind的坑

1、创建云函数 login

login/index.js

// 云函数入口文件
const cloud = require('wx-server-sdk')
// 初始化环境变量
cloud.init({
  env: cloud.DYNAMIC_CURRENT_ENV
})
// 云函数入口函数
exports.main = async (event, context) => {
  const wxContext = cloud.getWXContext()
  return {
    event,
    openid: wxContext.OPENID,
    appid: wxContext.APPID,
    unionid: wxContext.UNIONID,
  }
}
2、获取openid

在页面js文件中

// 获取用户openid
   getOpenid() {
    wx.cloud.callFunction({
      name: 'login',
      complete: res => {
        wx.setStorageSync('openid', res.result.openid) // 缓存用户openid  持久化
        this.setData({
          openid: res.result.openid
        })
      }
    })
  },

在登录的函数中和onLoad函数调用,这样就可以获取到了。

注意

1、云函数只要有更新,就必须部署

2、出现undefind的报错

这个错误是因为你创建了数据表,在这种情况下依旧通过res.result.openid的方式拿openid,但是此时的openid在数据表的数据项中,当然拿不到了。所以获取openid,最好新建一个login的云函数,就可以直接拿到了。上面的图是有数据表的时候打印的res,下面是没有数据表打印的res,大家可以看一下。

目录
相关文章
|
7月前
|
小程序 API
uniapp获取openid
uniapp获取openid
141 0
|
4月前
|
小程序 前端开发 JavaScript
微信小程序(二十一)小程序登录获取openid和unionid
在微信小程序中,因为各种各样的原因我们会需要获取到用户的openid或者unionid下面就简单来讲一下在小程序中如何获取openid和unionid。 步骤一:微信登录获取登录凭证
199 0
|
8月前
如何获取openid
如何获取openid
103 0
|
4月前
|
存储 小程序 定位技术
微信小程序获取用户信息流程
微信小程序获取用户信息流程
|
8月前
|
数据库 数据安全/隐私保护
SecurityOauth2-openId
SecurityOauth2-openId
|
10月前
|
安全 数据安全/隐私保护 开发者
构建安全的身份认证系统:OAuth和OpenID Connect的实践
在当今的互联网世界中,安全的身份认证是保护用户隐私和数据安全的重要组成部分。OAuth和OpenID Connect是两种常用的身份认证协议,本文将介绍它们的原理和实践,以及如何在应用程序中集成和使用它们来构建安全的身份认证系统。
133 0
uniapp授权登陆获取用户信息和code
uniapp授权登陆获取用户信息和code
364 0
uniapp授权登陆获取用户信息和code
|
小程序 前端开发 API
解决微信开发平台中多个应用间用户openid不一致问题 -- unionid
解决微信开发平台中多个应用间用户openid不一致问题 -- unionid
607 0
|
小程序 安全 数据安全/隐私保护
【愚公系列】2022年04月 微信小程序-获取用户信息和OPENID
【愚公系列】2022年04月 微信小程序-获取用户信息和OPENID
393 0
【愚公系列】2022年04月 微信小程序-获取用户信息和OPENID
|
数据安全/隐私保护