小程序云开发授权登录

小程序云开发授权登录
我也是刚开始学习微信小程序，选择云开发是因为它完全可以用前端来操作数据库，一个人就可以独立开发一个小程序出来。官方文档说不能直接调用wx.getUserInfo()方法去获取用户信息，而是要通过按钮获取，我这小白弄了好久，才弄好，代码:
wxml:

<button class="user_img" 
      open-type="getUserInfo"
      lang="zh_CN"
      bindgetuserinfo="onGetUserInfo"
    ></button>

js:

onGetUserInfo:function(e){
    const that = this;
    wx.showLoading({
      title: '登录中...',
    })
    wx.cloud.callFunction({
      name: 'login',
      data: {},
      success: res => {
        console.log('[云函数] [login] user openid: ', res.result.openid)
        app.globalData.openid = res.result.openid
        app.globalData.name = e.detail.userInfo.nickName
        app.globalData.avatarUrl = e.detail.userInfo.avatarUrl
        //这里执行数据存储到数据库的操作
      },
      fail: err => {
        console.error('[云函数] [login] 调用失败', err)
        wx.hideLoading();
        wx.navigateTo({
          url: '../index/index',
        })
      }
    })
  }