0
点赞
收藏
分享

微信扫一扫

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

荷一居茶生活 2022-04-01 阅读 60


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

1. 话不多说,看效果

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

2.实现过程

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

保姆式教你获取小程序登录唯一凭证OpenId_微信_02

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的寻找方式

第一步:点击云开发

保姆式教你获取小程序登录唯一凭证OpenId_微信_03

第二步:点击设置

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

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.大家可以关注我的公众号,里面有更多的小程序项目

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



举报

相关推荐

0 条评论