应用矩阵 核心能力 技术架构 接入指南
ZCS · SMART PORTAL · V1.0

重新定义 数字门户体验

zcs@platform:~$

一站式应用矩阵 · 开放接入平台。收银、商户、会员、一物一码全链路在线,标准注册接口为后期新应用预留位置 —— 上线一个应用,只需一次注册。

0
已接入应用
0
服务可用性
0
平均响应
0
全天候运行
APPLICATION MATRIX

应用矩阵 · 即插即用

所有应用由统一的注册中心驱动。新应用通过标准接口 ZCSPlatform.registerApp() 注册后即刻出现在矩阵中 —— 无需改动本页一行结构代码。

// 没有匹配的应用,试试其他关键词
CORE CAPABILITIES

平台核心能力

从渲染引擎到接入协议,每一层都为「快速上线新应用」而设计。

ARCHITECTURE

分层架构 · 高可扩展

接入层无状态、服务层插件化、数据层多租户隔离,新应用按层插入,不影响存量链路。

接入层 · EDGE 门户 SPA · 多端自适应 · CDN 加速 · WAF 防护 网关层 · GATEWAY 统一鉴权 X-Zcs-Token · 限流熔断 · 操作审计 · 区域路由 服务层 · SERVICES(插件化) 收银 · 商户 · 会员 · 商城 · 一物一码 · 表单 · … 数据层 · DATA MySQL 8.4 · Redis · 对象存储 · 多租户隔离 HTTPS RPC SQL
01

无状态接入

门户为纯静态产物,任意 CDN 边缘节点托管,故障域与业务服务完全隔离。

02

统一鉴权与审计

全平台同一套 Token 头与操作审计中间件,新应用默认继承安全基线。

03

插件化服务层

业务能力以 webman 插件形态存在,安装 / 启停互不影响,支持灰度发布。

04

事件总线

应用间经事件解耦(支付成功、订单退款、积分变动),新应用订阅即接入业务流。

INTEGRATION

三行代码 · 接入新应用

门户内置两套开放接口(运行时 API):新应用经 registerApp() 进入矩阵、搜索与筛选;新品牌色经 registerPalette() 全站即时生效 —— 均无需前端发版。右侧悬浮调色盘亦可取色生成。

字段类型说明
idstring全局唯一标识(必填)
namestring应用显示名称(必填)
categorystring分类键,用于筛选 chips
statusenumonline / beta / dev / planned
urlstring跳转地址;planned 可留空
iconstring内置图标键名(见 ICONS)
descstring一句话描述
tagsstring[]技术 / 业务标签,参与搜索
adapterobject?预留:SSO 握手 / 深链 / 数据回传
调色板字段类型说明
keystring唯一键(必填)
namestring风格名,如「品牌紫」
previewstring[]面板色卡渐变取样色
vars.dark / lightobjectCSS 变量覆盖,按主题取用
particleHuesstring[]?粒子色相,缺省用品牌渐变近似
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');  // 即时全站生效

准备好把新应用挂上门户了吗?

标准注册接口已就绪。从今天起,上线一个新应用 = 一次 registerApp 调用。

立即接入