微信小程序开发历程中，
，，，，我们会需要一个小程序的登录授权界面，
，，，，一般是获取用户授权，
，，，，以下就为各人介绍微信小程序开发登录验证实现教程

需求形貌：

关于部分页面添加登录验证，
，，，，用户未登录的情形下，
，，，，进入页面，
，，，，页面自动转向登录页面。。
。。登录验证乐成后，
，，，，回调到登录提倡页面。。
。。

实现思绪：

建设全局变量用于存储目今登任命户工具（userInfo）、全局要领用于验证登录有用性（checkLoginInfo（））、全局要领用于获取目今页面的全路径（getCurrentUrl（））。。
。。

针对需要添加登录限制的页面page.onLoad事务，
，，，，挪用checkLoginInfo（）要领，
，，，，判断目今登录状态。。
。。如未登录，
，，，，页面转向登录页面。。
。。

 

登录验证通事后，
，，，，将登录信息存储到全局变量userInfo，
，，，，跳转回登录提倡页面。。
。。

要害代码及注重事项：

app.js

data:{
userInfo:null,//用户登录存储工具
loginUrl:../login/login,
},
checkLoginInfo:function(url){//验证登录状态
if(this.data.userInfo==null){
return url;
}else{
return ;
}
},
getCurrentUrl:function(){//获取目今页面全路径
var url=getCurrentPages()[getCurrentPages().length-1].__route__;
url=url.replace(eapdomain/src/pages,..);//替换路径全路径。。
。。修改该路径为相对路径
return url;
}

注重：在getCurrentUrl要领中，
，，，，最后返回url时，
，，，，又挪用了replace要领。。
。。由于wx.redirectTo的url参数要求为相对路径。。
。。以是在这里转换了一下。。
。。

login.js

var app=getApp();

Page({
data:{
backUrl:null,
loginName:null,
passWord:null
},
onLoad:function(options){
this.setData({
backUrl:null
});
// 页面初始化 options为页面跳转所带来的参数
//console.log(options.backUrl);
this.setData({
backUrl:options.backUrl
});
},
inputClick:function(event){
//动态 对 paga.data 举行赋值
//id与 数据项 逐一对应
var objId=event.currentTarget.id;

var paraObj={};
paraObj[objId]=event.detail.value;
this.setData(paraObj);
//console.log(event.currentTarget.id);
//console.log(this.data);
},
onReady:function(){
// 页面渲染完成
},
onShow:function(){
// 页面显示
},
onHide:function(){
// 页面隐藏
},
onUnload:function(){
// 页面关闭
},
loginClick:function(){

var loginName=this.data.loginName;
var passWord=this.data.passWord;

if(loginName!=null&&passWord!=null){
var backUrl=this.data.backUrl;
// wx.redirectTo({
//   url:\'eapdomain/src/pages/pageCreate/pageCreate\'
// })
app.data.userInfo={
loginName:loginName,
passWord:passWord
};

wx.redirectTo({
url: backUrl
});

//   wx.redirectTo({
// //目的页面地点
//       url: \'pages/logs/index\',
//       success: function(res){},

//   })
}else{
this.setData({
loginName:null,
passWord:null
});
}
}
})

这里inputClick事务。。
。。凭证前台控件id为page.data数据举行赋值。。
。。
 

以上就是这篇微信小程序开发登录验证实现教程，
，，，，更多关于微信小程序开发，
，，，，请关注本网站，
，，，，谢谢~

小程序工具提供多类型商城/门店小程序制作，
，，，，可视化编辑 1秒天生5步上线。。
。。通过拖拽、拼接？？？？榻峁剐〕绦蛏坛且趁，
，，，，所看即所得，
，，，，只需要美工就能做出细腻商城。。
。。更多小程序请审查：小程序市肆

【本站声明】
  1、本站文章中所选用的图片及文字泉源于网络以及用户投稿，
，，，，由于未联系到知识产权人或未发明有关知识产权的挂号，
，，，，若有知识产权人并不肯意我们使用，
，，，，若是有侵权请连忙联系。。
。。
  2、本网站差池文章中所涉及的内容真实性、准确性、可靠性认真，
，，，，仅系客观性形貌，
，，，，如您需要相识该类商品/服务详细的资讯，
，，，，请您直接与该类商品/服务的提供者联系。。
。。