微信小程序实例：如何获取用户的openid「附代码」

微信小程序获取用户openid

在微信小程序中，用户的openid是一个非常重要的信息。我们可以通过openid来识别用户身份，并且获取到用户的其他信息。本文将介绍如何在微信小程序中获取用户的openid。

1. 注册小程序

在获取用户openid之前，我们需要先注册一个微信小程序，并且申请获得微信小程序的appid。这里不再赘述，可以参考微信官方文档进行注册。

2. 获取用户授权

在小程序中获取用户openid的前提是，用户必须授权给我们获取其个人信息。我们需要在小程序中使用<button>button</button>组件，实现一个按钮，当用户点击按钮时，会跳出微信授权窗口，让用户选择是否允许我们获取其个人信息。

// 在.wxml文件中
<button type="primary" bindgetuserinfo="getUserInfo">获取用户信息</button>
// 在.js文件中
Page({
  getUserInfo: function (e) {
    console.log(e.detail.userInfo)
  }
})

按钮点击后，我们可以通过微信小程序提供的一些API来获取用户的授权信息，比如头像、昵称等。

3. 获取用户openid

在获取用户授权信息之后，我们可以通过微信提供的API，来获取用户的openid。具体方法如下：

// 在.js文件中
Page({
  onGetOpenid: function () {
    wx.cloud.callFunction({
      name: 'login',
      success: res => {
        console.log('[云函数] [login] user openid: ', res.result.openid)
      },
      fail: err => {
        console.error('[云函数] [login] 调用失败', err)
      }
    })
  }
})

我们通过调用微信小程序云开发，在后端获取用户的openid。为此，我们需要创建一个云函数，并添加对应的代码。

// 云函数入口文件
const cloud = require('wx-server-sdk')
cloud.init()
// 云函数入口函数
exports.main = async (event, context) => {
  const wxContext = cloud.getWXContext()
  return {
    openid: wxContext.OPENID,
    appid: wxContext.APPID,
    unionid: wxContext.UNIONID,
  }
}

上述代码中，我们通过调用cloud.getWXContext()方法，来获取用户的openid和其他信息。然后返回用户openid给前端。

4. 小结

通过本文的介绍，我们可以了解到如何在微信小程序中获取用户openid。需要注意的是，获取用户openid是一项敏感操作，我们需要谨慎对待用户隐私，确保用户的个人信息不会被泄露。