小程序原生开发记录：入口页面

入口页面元素

• 授权按钮
• 授权后用户头像
• 授权后用户昵称
• 授权后开始使用

入口页面功能

• 获取openid
• 获取用户信息
• 跳转小程序内部

页面实现

授权以及信息获取代码

getUserInfo: function(e) {
    let that = this
    wx.getSetting({
      success(res) {
        if (res.authSetting['scope.userInfo']) {
            console.log('a')
            // 用户已经同意小程序获取用户信息
            // 调用云函数获取openID
            wx.cloud.callFunction({
              name: 'login',
              data: {},
              success: res => {
                app.globalData.openId = res.result.openid
              },
              fail: err => {
                console.error('[云函数] [login] 调用失败', err)
              }
            })
            wx.getUserInfo({
              success: function(res) {
                app.globalData.userInfo = res.userInfo
                that.setData({
                  userInfo: app.globalData.userInfo,
                  hasUserInfo: true
                })
              }
            })
          }
        }
    })
  },

未授权实现效果

已授权实现效果