微信小程序---授权登录

wxml文件--页面

       

         

     

      申请获取以下权限

      获得你的公开信息(昵称，头像等)

 

授权登录

请升级微信版本

 

js部分：

Page({

data: {

     //判断小程序的API，回调，参数，组件等是否在当前版本可用。

    canIUse: wx.canIUse('button.open-type.getUserInfo')

},

onLoad: function () {

    var that = this;

   // 查看是否授权

wx.getSetting({

    success: function (res) {

       if (res.authSetting['scope.userInfo']) {

         wx.getUserInfo({

   success: function (res) {

//从数据库获取用户信息

   that.queryUsreInfo();

//用户已经授权过

wx.switchTab({

url: pages/index/index

})

}

});

}

}

})

},

bindGetUserInfo: function (e) {

  if (e.detail.userInfo) {

//用户按了允许授权按钮

var that = this;

//插入登录的用户的相关信息到数据库

// wx.request({

// url: '这里换成自己后台的链接',

// data: {

// // 根据自己的需求传参数

// // 例如：openid: getApp().globalData.openid

// },

// header: {

// 'content-type': 'application/json'

// },

// success: function (res) {

// //从数据库获取用户信息

// that.queryUsreInfo();

// console.log("插入小程序登录用户信息成功！");

// }

// });

//授权成功后，跳转进入小程序首页

wx.switchTab({

url: baseUrl + api.pageUrl.INDEX_PAGE_URL

})

} else {

//用户按了拒绝按钮

wx.showModal({

title: '警告',

content: '您点击了拒绝授权，将无法进入小程序，请授权之后再进入!!!',

showCancel: false,

confirmText: '返回授权',

success: function (res) {

if (res.confirm) {

console.log('用户点击了“返回授权”')

}

}

})

}

},

//获取用户信息接口

queryUsreInfo: function () {

// wx.request({

// url: '这里换成自己后台的链接',

// data: {

// // 根据自己的需求传参数

// // 例如：openid: getApp().globalData.openid

// },

// header: {

// 'content-type': 'application/json'

// },

// success: function (res) {

// // 拿到自己后台传过来的数据，自己作处理

// console.log(res.data);

// }

// });

},