Comment Uniapp vérifie-t-il si l'utilisateur est connecté ?

Comment Uniapp vérifie si l'utilisateur est connecté : ouvrez d'abord le fichier [user.vue] dans le code de l'APP ; puis utilisez l'API setstorage d'uni pour obtenir la valeur. Si la valeur est obtenue, cela signifie que le. L'utilisateur est connecté. Vous ne pourrez pas accéder à l'interface de connexion.

L'environnement d'exploitation de ce tutoriel : système windows7, version uni-app2.5.1 Cette méthode convient à toutes les marques d'ordinateurs.

Recommandé (gratuit) : Tutoriel de développement uni-app

Méthode Uniapp pour vérifier si l'utilisateur est connecté :

Ouvrez-nous Le fichier user.vue dans le code de l'APP :

Logique d'implémentation

Lorsque nous déterminons si l'utilisateur est connecté, nous devons stocker une valeur dans le client. Si cette valeur existe, cela signifie que l'utilisateur est connecté, sinon, l'utilisateur doit se connecter. La première logique que nous devons suivre est donc la suivante : utilisez l'API setstorage d'Uni pour obtenir la valeur. Si vous obtenez la valeur, cela signifie que vous êtes connecté. Si vous n'obtenez pas la valeur, vous ne pourrez pas accéder à la valeur. interface de connexion.

Codage logique

<template>
<view></view>
</template>
<script>
export default {
data() {
return {};
},
//uni生命周期函数，页面显示就执行，这意味着如果一打开这个页面，如果没登录将永远跳转到登录页面
onShow() {
/****************************************************用户是否登录代码开始:https://www.clearnull.com/963.html*****/
//uni获取本地数据API
uni.getStorage({
key: &#39;token&#39;, //数据key值，也就是你存储数据时的名称
success: function(res) {
//数据成功获取，用户已登录
console.log(res.data);
},
fail: function(res) {
//数据未获取成功，用户没有登录，这里我们直接跳转到登录页面
uni.navigateTo({
url: &#39;../login/login&#39;,
});
}
});
/*************************************用户是否登录代码结束**********************/
}
};
</script>
<style></style>
language-javascript

Après avoir enregistré le code et l'avoir exécuté dans le navigateur, vous constaterez que tant que vous cliquez sur l'interface utilisateur, vous passera à la page de connexion, car pour le moment, cela ne vaut rien.

Recommandations d'apprentissage gratuites associées : programmation php (vidéo)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!