⼩程序授权登陆及每次检查是否授权实例代码
授权登录
json检查<button open-type="getUserInfo" lang="zh_CN" bindgetuserinfo="onGotUserInfo" class="fix">登录</button>
//index.js
//获取应⽤实例
var APPID ='xxx'
var SECRET = 'xxx'
const app = getApp()
Page({
data: {
list:[],
userInfo:null
},
//事件处理函数
onGotUserInfo:function (e) {
if (e.detail.userInfo != undefined && app.globalData.isok == false) {
console.log(e.detail.userInfo)
wx.login({
success: function (data) {
console.log('获取登录 Code：' + de)
var postData = {
code: de
};
// url: 'api.weixin.qq/sns/jscode2session?appid=' + APPID + '&secret=' + SECRET + '&js_code=' + de + '&grant_type=authorization_code',
url: 'm.renyiwenzhen/rymember.php?mod=xcxlogin&code=' + de + '&nickname=' + e.detail.userInfo.nickName,
data: {},
header: {
'content-type': 'application/json'
},
success: function (res) {
// openid = res.data.openid //返回openid
console.log(res.data);
wx.setStorage({
key: "unionid",
data: res.data.unionid
})
wx.navigateTo({
url: '../archives/archives'
})
},
fail: function () {
console.log('1');
}
})
},
fail: function () {
console.log('登录获取Code失败！');
}
})
}
else if (app.globalData.isok==true) {
wx.navigateTo({
url: '../archives/archives'
})
}
},
onLoad: function () {
var that =this
url: 'm.xxx/xcx_ajax.php?action=yimiaolist', //仅为⽰例，并⾮真实的接⼝地址
method: 'post',
header: {
'content-type': 'application/json' // 默认值
},
success(res) {
console.log(res.data)
that.setData({
list: res.data
})
}
})
if (app.globalData.userInfo) { //获取⽤户信息是⼀个异步操作，在onLoad函数加载的时候app.js中的onLaunch可能还没有加载，所以需要判断是否获取成功
this.setData({
userInfo: app.globalData.userInfo,
hasUserInfo: true
})
} else if (this.data.canIUser) { //判断canIUser的值是否为true，实则在判断⼩程序版本是否⽀持相关属性
app.userInfoReadyCallback = (res) => { // userInfoReadyCallback：userInfo的回调函数，声明⼀个回调函数，将回调函数传给app.js，userInfo加载完成后会执⾏这个回调函数，这个回调函数会将获取的getUserInfo的结果直接传回来    // 在app.js中获取⽤户信息之后调⽤这个函数，结果放在函数的参数中
this.setData({
userInfo: res.userInfo,
hasUserInfo: true
})
}
} else {
success: (res) => {
this.setData({
userInfo: res.userInfo,
hasUserInfo: true
})
}
})
}
}
})
每次检查是否授权
//app.js
App({
globalData: {
userInfo: null,
isok:false,
unionid:null
},
onLaunch: function () {
/* 已授权之后，⾃动获取⽤户信息 */
// 判断是否授权
success: (res) => { //箭头函数为了处理this的指向问题
if (res.authSetting["scope.userInfo"]) {
console.log("已授权");
// 获取⽤户信息
success: (res) => { //箭头函数为了处理this的指向问题
this.globalData.isok=true
var that =this
console.log(res.userInfo); //⽤户信息结果
key: 'unionid',
success(res) {
that.globalData.unionid=res.data
}
})
this.globalData.userInfo = res.userInfo;
if (this.userInfoReadyCallback) { //当index.js获取到了globalData就不需要回调函数了，所以回调函数需要做做⼀个判断，如果app.js中有和这个回调函数，那么就对这个函数进⾏调⽤，并将请求到的结果传到index.js中
this.userInfoReadyCallback(res.userInfo);
}
}
})
}
else{
console.log("未授权");
key: 'unionid'
})
}
}
})
}
})
总结
以上所述是⼩编给⼤家介绍的⼩程序授权登陆及每次检查是否授权实例代码，希望对⼤家有所帮助，如果⼤家有任何疑问请给我留⾔，⼩编会及时回复⼤家的。在此也⾮常感谢⼤家对⽹站的⽀持！
如果你觉得本⽂对你有帮助，欢迎转载，烦请注明出处，谢谢！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。