超简单微信小程序获取用户openid

前言

现在微信小程序越来越火，本着帮助每个人都能学会小程序的态度，把我所学知识免费分享给大家，希望对你有所帮助，另外需要做公众号、小程序的客户可以联系我

现在，小编准备将这些知识免费分享给大家，如果另有需要可以联系我。

一：创建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,
  }
}

四：上传并部署云函数

最后把云函数上传都云端

image.png

五：在需要的逻辑页面调用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
      })
    }
  })
},
}

六：最终效果：

image.png

总结：

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

推荐微信小程序阅读：

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

原文作者：hao有料 技术博客：https://www.jianshu.com/u/2be639f50f02

90后非著名全栈工程师兼演员，爱编程，爱运动，代码丛中过，bug不沾身。

欢迎关注【红色扛把子】公众号，回复【12306】,免费领取编程学习资源。

image.png