Anmeldeüberprüfungsfunktion für die WeChat-Applet-Entwicklung

In diesem Artikel wird die Methode zur Entwicklung der Anmeldebestätigungsfunktion im WeChat-Miniprogramm vorgestellt. Ich hoffe, dass er für Freunde hilfreich sein wird, die die Entwicklung von Miniprogrammen erlernen!

WeChat-Applet-Entwicklungs-Anmeldeüberprüfungsfunktion

Anforderungsbeschreibung:

Damit einige Seiten hinzugefügt werden können Anmeldebestätigung: Wenn der Benutzer die Seite betritt, ohne sich anzumelden, wird die Seite automatisch zur Anmeldeseite weitergeleitet. Rufen Sie nach erfolgreicher Anmeldeüberprüfung erneut die Anmeldeinitiierungsseite auf.

Empfohlenes Lernen: Miniprogrammentwicklung

Implementierungsideen:

Erstellen Sie globale Variablen, um das aktuell angemeldete Benutzerobjekt (userInfo) und globale Methoden zu speichern Wird zur Überprüfung der Anmeldegültigkeit verwendet (checkLoginInfo()), globale Methode zum Abrufen des vollständigen Pfads der aktuellen Seite (getCurrentUrl()).

Für das page.onLoad-Ereignis der Seite, auf der Anmeldebeschränkungen hinzugefügt werden müssen, rufen Sie die Methode checkLoginInfo() auf, um den aktuellen Anmeldestatus zu ermitteln. Wenn Sie nicht angemeldet sind, wird die Seite zur Anmeldeseite weitergeleitet.

Nachdem die Anmeldeüberprüfung bestanden wurde, werden die Anmeldeinformationen in der globalen Variablen userInfo gespeichert und es erfolgt eine Rückkehr zur Anmeldeinitiierungsseite.

Schlüsselcodes und Hinweise:

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;
}

Hinweis: In der getCurrentUrl-Methode wird die Ersetzungsmethode aufgerufen, wenn die URL endgültig zurückgegeben wird. Weil der URL-Parameter von wx.redirectTo einen relativen Pfad erfordert. Also habe ich es hier umgewandelt.

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-Ereignis hier. Weisen Sie den page.data-Daten Werte basierend auf der Front-Control-ID zu.

PHP-Website für Chinesisch, eine große Anzahl von Thinkphp-Tutorials, willkommen zum Lernen!

Das obige ist der detaillierte Inhalt vonAnmeldeüberprüfungsfunktion für die WeChat-Applet-Entwicklung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!