首頁 >web前端 >uni-app >uniapp如何檢驗使用者是否登入

uniapp如何檢驗使用者是否登入

coldplay.xixi
coldplay.xixi原創
2020-12-16 15:29:358679瀏覽

uniapp檢驗使用者是否登入的方法:先開啟APP程式碼中的【user.vue】檔案;然後利用uni的setstorage API來取得值,如果得到了值就表示登入了,就不會得到則跳轉不到登入介面。

uniapp如何檢驗使用者是否登入

本教學操作環境:windows7系統、uni-app2.5.1版本,此方法適用於所有品牌電腦。

推薦(免費):uni-app開發教學

uniapp檢驗使用者是否登入的方法:

開啟我們APP程式碼中的user.vue檔:

uniapp如何檢驗使用者是否登入

實作邏輯

我們判斷使用者是否登入的時候我們需要將一個值存入客戶端,如果存在這個值就表示使用者登入了,如果沒有則使用者需要登入。那麼首先我們要做的邏輯就是:利用uni的 setstorage API來取得值,如果得到了值就代表登入了,就得不到則跳轉不到登入介面。

邏輯編碼

<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

uniapp如何檢驗使用者是否登入

儲存程式碼之後在瀏覽器中執行你會發現只要點擊使用者介面就會跳到登入頁面,因為這時候是沒有值的。

相關免費學習推薦:php程式設計(影片)

#

以上是uniapp如何檢驗使用者是否登入的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn