10分钟精通微信小程序 | 获取用户openid【一】

版权声明：欢迎交流，转载！保留文章链接即可。 https://blog.csdn.net/qq_21405949/article/details/88776462

一：创建function目录文件夹

在项目根目录创建function文件夹，然后右键创建nodejs云函数openid，
之后会自动生成index.js 和project.josn.cofig 文件

二：引入云开发并创建环境

在app.js中引入 wx.cloud.init({env:'云开发坏境的id',traceUser:true))

  onLaunch: function () {
    // 云开发初始化
    wx.cloud.init({
      env:"云开发坏境的id",
      traceUser:true
    })
}

三：编写云函数

在getopenid云函数的index.js中

// 云函数入口文件
const cloud = require('wx-server-sdk')

cloud.init()

// 云函数入口函数
exports.main = async (event, context) => {
  const wxContext = cloud.getWXContext()

  return {
    event,
    openid: wxContext.OPENID,
    appid: wxContext.APPID,
    unionid: wxContext.UNIONID,
  }
}

四：上传并部署云函数

最后把云函数上传都云端

五：在需要的逻辑页面调用getopenid云函数

我这里是在login页面中的login.js逻辑中使用：

page{
data{
openid:'',
},
onLuanch(){
this.getopenid()
}
// 定义调用云函数获取openid
getOpenid(){
  let page = this;
  wx.cloud.callFunction({
    name:'getOpenid',
    complete:res=>{
      console.log('openid--',res.result)
      var openid = res.result.openid
      page.setData({
        openid:openid
      })
    }
  })
},
}

六：最终效果：

总结：

这一小节，我们通过微信小程序的云开发简单的获取到了用户的openid，接下来我们需要将获取到的用户openid存储到云数据库当中。

推荐微信小程序阅读：

【十一】 10分钟精通微信小程序 | 云函数管理端
【十】 10分钟精通小程序 | 云函数异步返回结果
【九】10分钟精通微信小程序 | 云函数
【八】 10分钟精通微信小程序云存储 | 云存储
【七】10分钟精通微信小程序 | 增删改查
【六】10分钟精通微信小程序 | 增删改查
【五】10分钟精通微信小程序 | 云数据库增删改查
【四】10分钟精通微信小程序 | 云控制台
【三】10分钟精通微信小程序 | 光速入门
【二】10分钟精通微信小程序云开发 | 多图上传并存储路径到云数据库
【一】10分钟精通微信小程序 | 获取用户openid