微信小程序授权登录

小程序经常用到的授权登录功能，我们一起看看如何实现吧

wxml

<button bindtap="login">授权登录</button>
<view>{{nickName}}</view>

js

Page({
 data:{
  nickName:''
 },
    login(){
     let that = this;
     console.log("授权按钮被点击")
     wx.getUserProfile({
       desc: '必须授权才可以继续使用',
       success(res){
        console.log("授权成功",res)
        that.setData({
         nickName:res.userInfo.nickName
        })
       },
       fail(res){
        console.log("授权失败",res)
        wx.showModal({
         title: '警告',
         content: '您点击了拒绝授权，无法体验更多功能',
         showCancel: false,
         confirmText: '返回',
         success: function(res) {
             // 用户没有授权成功
             if (res.confirm) {
                 console.log('用户点击了“返回授权”');
             }
         }
     });
       }
     })
    }
})

结果在这：