微信云开发简易登录

微信云开发简易登录

1.一键注册和登录

使用wx.getUserProfile去获取用户头像和昵称会默认显示微信用户和灰色头像，所以我们这里没有必要去使用了，注册成功后再让用户去改头像和昵称。具体参考：微信小程序开发文档-获取头像昵称

云开发会自动给userInfo表插入openid，就很方便

	login() {wx.showModal({ //手动授权弹窗title: '授权登录提示',content: '是否允许授权？',showCancel: true,confirmText: '允许',confirmColor: '#fd4f68',cancelColor: '#8a8a8a',success: async res => {if (firm) {//检查之前是否已经授权登录表权限仅创建者可读可写,只能创作者查到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.效果