保姆式教你获取小程序登录唯一凭证OpenId

1. 话不多说,看效果

2.实现过程
首先我们需要建议云函数,通过云函数来实现小程序登录openid的获取。

2.1: 在login中的index.js中写入代码

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

cloud.init()

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

  return {
   
    openid: wxContext.OPENID,
  }
}

然后点击上传并部署,点击login右键
如果上传不成功,可能是没有配置云函数。我们需要在app.js中配置云函数。

//app.js
App({
   
    onLaunch: function() {
   

        if (!wx.cloud) {
   
            console.error('请使用 2.2.3 或以上的基础库以使用云能力')
        } else {
   
            wx.cloud.init({
   
                // env 参数说明:
                // env 参数决定接下来小程序发起的云开发调用(wx.cloud.xxx)会默认请求到哪个云环境的资源
                // 此处请填入环境 ID, 环境 ID 可打开云控制台查看
                // 如不填则使用默认环境(第一个创建的环境)
                env: '填入你自己的环境id',
                traceUser: true,
            })
        }
}
})

2.2:环境id的寻找方式
第一步:点击云开发

第二步:点击设置

2.3:调用云函数

  //调用云函数
  wx.cloud.callFunction({
   
    name:'login',
    complete:res=>{
   
   let openid=res.result.openid
    wx.setStorageSync('openid', openid)
      console.log('小程序唯一Openid',openid)
    }
  })

注意点:
1.name的值为你创建云函数的名字。
2.complete为点用函数结束时的回调函数。
3. wx.setStorageSync为设置本地缓存。
微信授权登录实现不会的小伙伴可点击下面链接
微信授权登录实现
3.总结
1.我们在实现微信授权登录时获取到的信息是用户公开的数据,如果我们要进行一些操作如我的订单的展示。这时我们就不能很好的实现这一功能。
2.如果我们获取到了用户的唯一id,这样对于我们的操作也是很方便的。
3.上述只是本人的经验总结,如有不对,请不吝赐教。
4.大家可以关注我的公众号,里面有更多的小程序项目