APPLICATION MATRIX
应用矩阵 · 即插即用
所有应用由统一的注册中心驱动。新应用通过标准接口 ZCSPlatform.registerApp() 注册后即刻出现在矩阵中 —— 无需改动本页一行结构代码。
// 没有匹配的应用,试试其他关键词
CORE CAPABILITIES
平台核心能力
从渲染引擎到接入协议,每一层都为「快速上线新应用」而设计。
ARCHITECTURE
分层架构 · 高可扩展
接入层无状态、服务层插件化、数据层多租户隔离,新应用按层插入,不影响存量链路。
01
无状态接入
门户为纯静态产物,任意 CDN 边缘节点托管,故障域与业务服务完全隔离。
02
统一鉴权与审计
全平台同一套 Token 头与操作审计中间件,新应用默认继承安全基线。
03
插件化服务层
业务能力以 webman 插件形态存在,安装 / 启停互不影响,支持灰度发布。
04
事件总线
应用间经事件解耦(支付成功、订单退款、积分变动),新应用订阅即接入业务流。
INTEGRATION
三行代码 · 接入新应用
门户内置两套开放接口(运行时 API):新应用经 registerApp() 进入矩阵、搜索与筛选;新品牌色经 registerPalette() 全站即时生效 —— 均无需前端发版。右侧悬浮调色盘亦可取色生成。
| 字段 | 类型 | 说明 |
|---|---|---|
| id | string | 全局唯一标识(必填) |
| name | string | 应用显示名称(必填) |
| category | string | 分类键,用于筛选 chips |
| status | enum | online / beta / dev / planned |
| url | string | 跳转地址;planned 可留空 |
| icon | string | 内置图标键名(见 ICONS) |
| desc | string | 一句话描述 |
| tags | string[] | 技术 / 业务标签,参与搜索 |
| adapter | object? | 预留:SSO 握手 / 深链 / 数据回传 |
| 调色板字段 | 类型 | 说明 |
|---|---|---|
| key | string | 唯一键(必填) |
| name | string | 风格名,如「品牌紫」 |
| preview | string[] | 面板色卡渐变取样色 |
| vars.dark / light | object | CSS 变量覆盖,按主题取用 |
| particleHues | string[]? | 粒子色相,缺省用品牌渐变近似 |
register-app.js
// ① 注册一个新应用(页面加载后任意时机均可) ZCSPlatform.registerApp({ id: 'report-center', name: '数据报表中心', category: 'data', status: 'online', // online|beta|dev|planned url: 'https://data.zcs.cn/', icon: 'chart', desc: '全平台经营指标与可视化驾驶舱', tags: ['BI', '驾驶舱'] }); // ② 监听平台事件(应用启动 / 注册 / 主题切换) ZCSPlatform.on('app:launch', e => track('launch', e.detail.id)); // ③ 预留适配器:SSO 握手 / 深链 / 数据回传 ZCSPlatform.registerApp({ id: 'future-app', status: 'planned', adapter: { sso: true, deepLink: 'zcs://future' } }); // ④ 注册新品牌色(与注册应用同一条接口,数量无限) ZCSPlatform.registerPalette({ key: 'emerald', name: '翡翠绿', preview: ['#34d399', '#10b981'], vars: { dark: { '--cyan': '#34d399', '--blue': '#10b981', '--grad-brand': 'linear-gradient(100deg,#34d399,#10b981)' } } }); ZCSPlatform.setPalette('emerald'); // 即时全站生效