微信小程序登陆鉴权最佳实现

embedded/2025/2/12 9:54:47/

文章目录

  • 一、使用步骤
    • 1.创建鉴权组件auth
    • 2.app.json中注册全局组件
    • 3.页面使用组件
    • 4. 读取本地存储的 `token` 数据,用于判断是否曾登录过
    • 5. 检测登录状态,要求未登录时不显示页面中的内容且跳转到登录页面


一、使用步骤

1.创建鉴权组件auth

在这里插入图片描述

2.app.json中注册全局组件

在这里插入图片描述

3.页面使用组件

在这里插入图片描述

4. 读取本地存储的 token 数据,用于判断是否曾登录过

html" title=javascript>javascript">// app.js
App({onLaunch() {// 读取本地存储的 token 数据this.getToken()},getToken() {// 将 token 数据记到应用实例中this.token = wx.getStorageSync('token')}
})

5. 检测登录状态,要求未登录时不显示页面中的内容且跳转到登录页面

<!-- /components/auth/index.wxml -->
<slot wx:if="{{isLogin}}"></slot>
html" title=javascript>javascript">// /components/authorization/index.js
Component({data: {isLogin: false,},lifetimes: {attached() {// 获取登录状态const isLogin = !!getApp().token// 变更登录状态this.setData({ isLogin })// 未登录的情况下跳转到登录页面if (!isLogin) {wx.redirectTo({url: '/pages/login/index',})}},},
})

http://www.ppmy.cn/embedded/161566.html

相关文章

接口测试Day12-持续集成、git简介和安装、Gitee远程仓库、jenkins集成

持续集成 概念&#xff1a; 团队成员将自己的工作成果&#xff0c;持续集成到一个公共平台的过程。成员可以每天集成一次&#xff0c;也可以一天集成多 次。 相关工具&#xff1a; 本地代码管理&#xff1a;git远程代码管理&#xff1a;gitee(国内)、github(国外)、gitlib(公司…

【神经网络框架】非局部神经网络

一、非局部操作的数学定义与理论框架 1.1 非局部操作的通用公式 非局部操作(Non-local Operation)是该研究的核心创新点,其数学定义源自经典计算机视觉中的非局部均值算法(Non-local Means)。在深度神经网络中,非局部操作被形式化为: 其中: 1.2 与传统操作的对比分析…

2025年前端面试,性能相关的面试题汇总

以下是一些与前端性能相关的面试题汇总,适合准备 2025 年的前端面试: 1. 性能优化基础 什么是页面加载性能? 解释页面加载性能的概念,包括首屏加载时间、内容交互时间等。 如何评估网页性能? 介绍使用 Chrome DevTools、Lighthouse、WebPageTest 等工具进行性能评估的方法…

从零开始设计一个完整的网站:HTML、CSS、PHP、MySQL 和 JavaScript 实战教程

前言 本文将从实战角度出发&#xff0c;带你一步步设计一个完整的网站。我们将从 静态网页 开始&#xff0c;然后加入 动态功能&#xff08;使用 PHP&#xff09;&#xff0c;连接 数据库&#xff0c;最后加入 JavaScript 实现交互功能。通过这个教程&#xff0c;你将掌握一个…

如何将本地 Node.js 服务部署到宝塔面板:完整的部署指南

文章简介&#xff1a; 将本地开发的 Node.js 项目部署到线上服务器是开发者常见的工作流程之一。在这篇文章中&#xff0c;我将详细介绍如何将本地的 Node.js 服务通过宝塔面板&#xff08;BT 面板&#xff09;上线。宝塔面板是一个强大的服务器管理工具&#xff0c;具有简洁的…

【SSH免密】Linux使用PublicKey公钥免密登录服务器

在SSH&#xff08;Secure Shell&#xff09;中&#xff0c;公钥&#xff08;Public Key&#xff09;和私钥&#xff08;Private Key&#xff09;是一对密钥&#xff0c;用于实现安全的身份验证和加密通信 公钥&#xff08;Public Key&#xff09;&#xff1a;可以公开分发&…

如何利用DeepSeek开源模型打造OA系统专属AI助手

利用DeepSeek开源模型打造OA系统专属AI助手&#xff0c;可以显著提升办公效率&#xff0c;增强信息检索和管理能力。 注册与登录DeepSeek平台 访问DeepSeek官网 访问DeepSeek的官方网站DeepSeek。使用电子邮件或手机号码注册账号并登录。 获取API Key 登录DeepSeek平台&am…

3DTiles格式的文件可以用什么软件打开?

用DasViewer加载对应的json文件即可。 DasViewer是一款免费极速实景三维模型浏览器&#xff0c;采用多细节层次模型逐步自适应加载技术,让用户在极低的电脑配置下,也能流畅的加载较大规模实景三维模型,提供方便快捷的数据浏览操作。 目前DasViewer Beta 3.4.0版正式上线&…