OpenClaw—AI研究OpenClaw—AI研究
  • AI动态
  • OpenClaw教程
  • 技术解读
  • 用户故事

【开发日志】私域直播 Day10:卡22 抖音式后台与三端分离(2026-09-22)

【开发日志】私域直播 Day10:卡22 抖音式后台与三端分离(2026-09-22)

2026年9月22日 by WoodStone

这一期后台全面改版,而且把三个入口彻底分开了。先看几张图,都是真实界面。

管理后台

图一是管理后台。整体换成了主流平台式的布局:左侧一条可以收起的图标导航,顶部是当前页面和账号信息,中间内容全部卡片化——数据看板用大数字卡片一眼看清房间、主播、在线、弹幕和带货点击,列表也变成分组卡片,每行都有直接操作按钮,省得要点进二级页面找功能。配色提供了七套:默认抖音白(白底配抖音红,清爽),抖音深色(黑底红字,夜里看眼睛不吃力),橄榄金,深海军蓝,森林绿,茄紫,酒红。管理员在平台设置里一键切换,整个站点配色跟着变,刷新不丢,下次进来还是这一套。卡片、按钮、表格、强调色统统从一套颜色变量里取,换主题不用动任何业务代码,整站风格瞬间换新。

图二是主播后台,和管理后台同一套风格,左导航、顶栏、卡片区齐整对齐,看上去就是同一个家族的产品。主播也能自选七套配色里的任意一套,但只影响自己看到的界面,不会影响观众和其他人——整体模板的配色始终只有管理员能改,谁都越不过这条线。主播端默认落在抖音白,选完之后页面无刷新切换,再回到观众端或管理端都保持各自的设定,谁也不打扰谁。换肤也做到了服务端渲染就把颜色注进去,首屏出来就是选定色,不会出现先白一下再变色的尴尬,闪屏问题一并解决。

主播后台

图三是观众大厅。页面被特意做轻:顶部一条窄栏,中间一张大大的直播卡片,写着当前直播主题,右下角一键进入直播间。现在三个入口彻底分开了:观众大厅、管理后台、主播台各走各的子域名,主域名只保留大厅,后台和主播台从主域名上移除并拒绝访问,输错地址直接被拒之门外。管理员的登录状态和主播的登录状态天然隔离,主播的账号不可能在管理后台生效,反过来管理员的账号也登不进主播台——两套登录是两套会话,连存储 cookie 的域都不同,想串也串不了。两个子域名都已配好加密证书,浏览器地址栏那一把小锁稳稳的,证书到期前还会自动续签。以后三端要分别部署到不同服务器,也不用改代码,证书自动续期,三端独立上线互不影响,扩容和迁移都轻松很多。

观众大厅

另外,主播和管理员在后台都能直接看到每个直播间给观众的链接和密码,链接统一用观众大厅的域名生成,复制发给用户就能进直播间,再也不会出现把管理后台的地址误发给观众的尴尬。后台里的分享按钮一键复制,省得手抖打错。

后台的地基这次铺得比较扎实:布局统一、配色可控、三端隔离、登录隔离、链接标准化。接下来可以安心做直播视频界面了。

← 返回文章列表
分类: 技术解读 标记: 三端分离, 后台改版, 开发日志, 私域直播

© 2026 OpenClaw—AI研究 版权所有

沪ICP备2026010690号-1