尧图网络 高端网站定制 · 原创设计
免费咨询热线
400-888-6620
免费获取方案
前端AppShell介绍(Application Shell,应用外壳)(前端应用的一个全局布局/外壳组件,它定义了登录后可用区域的整体页面框架)应用骨架
此前根路径会把所有访客(包括搜索引擎爬虫)强制重定向到 Keycloak 登录页,导致 站点没有任何可索引内容,B2C 自助注册漏斗也缺少产品展示入口。本次将 App Router 重组为两个路由组:(marketing)—— 公开、i18n-ready 的落地页(Hero、六张功能 卡片、托管与自托管模式对比、GitHub 链接);(app)—— AuthProvider 与 AppShell 从根 layout 下移至此,登录强制边界精确收缩到应用页面(URL 不变)。keycloak-js 初始化改为initKeycloak()记忆化单例:落地页执行静默 check-sso(新增 public/silent-check-sso.html),老用户回访时 CTA 变为进入 Dashboard;应用路 由保持 login-required 语义;登出后回到公开落地页,不再被弹回 Keycloak。SEO 方 面:基于新的运行时 SITE_URL 环境变量(12-factor,已接入 base 与 prod compose)按请求生成 canonical/OG/Twitter 元数据与 og-image;robots.txt 屏蔽应用路由;新 增 sitemap.xml;Caddy 为 auth.子域名添加 X-Robots-Tag noindex。E2E 冒烟围绕落 地页入口重写(6个测试,含静默 SSO 回访与登出回落地页),已在本地对重建镜像全 部通过;lint/type-check/build 与完整单元测试套件均通过。文章目录前端AppShell介绍什么是 AppShell在你的项目中具体是什么一句话总结前端AppShell介绍根据你提供的项目描述以及前端开发的通用概念AppShellApplication Shell应用外壳可以这样理解什么是 AppShellAppShell是前端应用的一个全局布局/外壳组件它定义了登录后可用区域的整体页面框架通常包含元素说明顶部导航栏 (Header/Navbar)Logo、用户头像、菜单等侧边栏 (Sidebar)应用内导航菜单主内容区域 (Content Area)通过{children}渲染具体页面全局状态/上下文如 AuthProvider 提供的登录态简单来说AppShell 就是用户登录后看到的应用骨架——不管切换到哪个子页面这个外壳始终存在。在你的项目中具体是什么根据描述(app) —— AuthProvider 与 AppShell 从根 layout 下移至此在重构之前AppShell和AuthProvider放在根 layout里这意味着所有页面包括根路径/都会走登录流程被强制跳转到 Keycloak 登录页在重构之后AppShell和AuthProvider被下移到(app)路由组只有访问/app/*等应用页面时才会触发认证和应用外壳根路径/现在走(marketing)路由组展示公开的落地页不再需要登录一句话总结AppShell 登录后的应用框架导航栏 侧边栏 内容区它和 AuthProvider 绑定在一起构成了需要认证才能访问的应用界面外壳。把它从根路由移走就是为了把公开落地页和需要登录的应用页面分开。
RELATED

相关推荐

SOLO游戏14技能组合全攻略:攻防循环与实战解析

SOLO游戏14技能组合全攻略:攻防循环与实战解析

1. 项目概述:SOLO游戏全技能通关指南"SOLO必带14个技能,一篇通关全攻略"这个标题直指单机游戏玩家最核心的痛点——如何在单人模式下通过合理配置技能组合实现高效通关。作为从业十余年的游戏策略分析师,我见过太多玩家在技能选择上…

📅 2026/9/14 0:54:28
Skills商店爆款技能解析与内容创作指南

Skills商店爆款技能解析与内容创作指南

1. 项目背景与核心价值最近在技能共享领域出现了一个现象级产品——Skills商店。这个平台上线不到三个月,就有超过5万用户主动上传了自己的技能学习报告。作为第一批深度体验者,我完整跟踪了平台从冷启动到爆发的全过程,尤其关注了长期占据To…

📅 2026/9/14 0:53:32
5分钟解锁Windows窗口尺寸自由:终极窗口强制调整解决方案

5分钟解锁Windows窗口尺寸自由:终极窗口强制调整解决方案

5分钟解锁Windows窗口尺寸自由:终极窗口强制调整解决方案 【免费下载链接】WindowResizer 一个可以强制调整应用程序窗口大小的工具 项目地址: https://gitcode.com/gh_mirrors/wi/WindowResizer 你是否曾为那些固执的应用程序窗口而烦恼?老旧软件…

📅 2026/9/8 18:27:04
MORE NEWS

更多资讯

📰

[数字安全]PDR 与 P2DR 资讯安全模型比较:核心差异、应用场合与实战落地

很多做安全的人第一次看到 PDR 和 P2DR,反应都差不多:不就是多了一个 P 吗? 这个 P 还真不是凑数的。它把安全体系从“防护、检测、响应”三个动作,变成“策略驱动下的防护、检测、响应”闭环。前者更像一套技术组合,后…

📰

ECDSA 椭圆曲线签名:比 RSA 更短却更安全

ECDSA 椭圆曲线签名:比 RSA 更短却更安全同样 128 位安全强度,RSA 密钥要 3072 位,ECDSA 只要 256 位——签名还快一到两个数量级。但它有一条致命红线:nonce 一旦重复,私钥瞬间泄漏。今天讲透原理与这条红线。一、背景…

📰

推荐系统为什么必须分成召回和排序两步来做

推荐系统为什么必须分成召回和排序两步来做一亿件商品、200 毫秒延迟,推荐系统凭什么敢答应?答案是一个被算力逼出来的架构:召回先快筛,排序再精算。今天把这条分层逻辑讲透。一、背景与痛点 把推荐系统想象成一个深夜营业的商场导…

📰

目标检测里的 NMS:为什么同一物体只留一个框

目标检测里的 NMS:为什么同一物体只留一个框同一只猫,检测器却吐出十几个重叠的框——从一堆框里优雅地留下唯一答案,靠的就是 NMS。今天用几十行 numpy 把它的原理、公式和工程坑一次讲透。一、背景与痛点 你跑过一次目标检测模型就会发现一…

📰

GRPO 为什么不用价值网络,却能训出推理模型

GRPO 为什么不用价值网络,却能训出推理模型 同一道题让模型多答几遍,谁好谁坏自己就浮出来了——GRPO 靠这个朴素想法,把 PPO 的价值网络整个省掉。 一、背景与痛点 想让大模型真正学会解数学题、写对代码,光靠监督微调常常不够&…

📰

高分辨率示波器如何提升信号完整性分析能力

1. 这不是普通示波器,而是工程师口袋里的“信号显微镜”你有没有遇到过这样的场景:调试一个开关电源,纹波看起来不大,但系统偏偏在特定负载下偶发重启;或者排查一段高速SPI通信,逻辑分析仪显示时序“完全正…

TODAY

今日更新

THIS WEEK

本周精选

THIS MONTH

本月热门

读完文章,想聊聊您的网站?

告诉我们您的行业与需求,资深顾问一对一梳理方案与报价,全程免费。

📞 💬