H5游戏模板怎么制造—小程序开发登录验证实现教

责任撰写: zequninfo/



整个过程中,大伙儿务必一个手机微信微信小程序登录授权网页页面,一般要得到顾客授权,下面将为您介登录验证进行案例实例教程 

手机上手机微信手机微信微信小程序开发设计设计方案登录验证进行案例实例教程 

要求说明: 

对于一些网页页面网页页面,请再加登录验证。倘若顾客未登录,请进入该网页页面网页页面,网页页面网页页面将自动式变换到登录网页页面网页页面。
[标识:內容1]
 

登录验证获得取得成功后,回到登录启动网页页面网页页面。 

实行设计构思: 

创建全局性性变量进行存储现如今登录顾客总体目标userInfo,全局性性方法用于验证登录有效性checkLoginInfo,全局性性方法用于得到现如今网页页面网页页面的详尽相对性相对路径getCurrentUrl。 

对于网页页面网页页面.onLoad恶变恶性事件务必再加登录限制,开启checkLoginInfo方法来确立现如今登录状况。 

倘若未登录,网页页面网页页面将转到登录网页页面网页页面。 

登录验证依据后,登录信息内容內容存储在全局性性变量userInfo,登录信息内容內容返回登录启动网页页面网页页面。 

登录登陆密码和注释:

pp.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(){

// 网页页面网页页面三d3D渲染开展

},

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数据信息信息内容进行赋值。

 

以上就是这篇登录验证进行案例实例教程,很多相关,请关注本网站,谢谢




泽群一站式互连网服务机构尽心竭力尽意思是您提供: ,,,,,,,,,,等服务