本文主要是介绍微信云开发简易登录,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
1.一键注册和登录
使用wx.getUserProfile去获取用户头像和昵称会默认显示微信用户和灰色头像,所以我们这里没有必要去使用了,注册成功后再让用户去改头像和昵称。具体参考:微信小程序开发文档-获取头像昵称
云开发会自动给userInfo表插入openid,就很方便
login() {wx.showModal({ //手动授权弹窗title: '授权登录提示',content: '是否允许授权?',showCancel: true,confirmText: '允许',confirmColor: '#fd4f68',cancelColor: '#8a8a8a',success: async res => {if (res.confirm) {//检查之前是否已经授权登录表权限仅创建者可读可写,只能创作者查到wx.cloud.database().collection('userInfo').where({}).get({success: res => {console.log(res)//原先没有添加,这里添加,云开发会自动插入openidif (!res.data[0]) {wx.cloud.database().collection('userInfo').add({data: {avatarUrl: "默认头像字段",nickName: "默认昵称字段"},success: res => {wx.showToast({title: '登录成功',icon: 'none'})}})} else {//已经添加过了就直接把用户数据给当前页面this.setData({userInfo: res.data[0]})}}})} else if (res.cancel) {wx.showToast({title: '取消授权',mask: true,icon: 'error'})}}})},
2.效果
这篇关于微信云开发简易登录的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!