创业前端架构：合规·可信·安全三位一体

　　上线那晚，我蹲在消防通道口抽烟，设计把最后一页隐私弹窗的圆角从 8px 改成 6px，说“更克制”，后端在工位上吼了一句“这他妈也走发布流程？”，没人应。白板上还留着上会写的字，“可信链路穿透”四个字底下被咖啡泼过，晕成一片褐色，像没擦干净的悔过书。

　　去年寒假，我们仨——我、设计、后端——在没暖气的办公室熬了十七天，改前端架构。不是重构，是给裸奔三年的老系统套上合规·可信·安全这三件紧身衣。老板开会时拍桌子：“咱们不搞花活，就做‘三位一体’。”我原以为他是想立个 flag 好融资吹牛，结果他散会顺手关了空调，真觉得“三位一体”是个能抄近道的模块名。我信了。现在想想，我信的不是他，是我自己想偷懒——总觉得加个 Consent Manager、埋几条可信时间戳、配一套 CSR 防篡改脚本，就能把整条业务线从法务嘴里薅出来。

　　可你猜怎么着？第一个挂掉的是“可信”。不是因为没验签，不是因为没上 TEE，是因为某天凌晨三点测试群一直响，我划开手机看见截图：用户在 iOS Safari 点击“同意隐私协议”，按钮变灰、转圈、三秒后跳回首页——协议压根没存，也没上报。查了四小时，发现是 polyfill 里一个 Promise.resolve() 在旧版 WebKit 被重写了，而那个重写函数……是我们自己半年前为了兼容某个离职同事写的 loader 插件补丁，早该删了，但没人动。可信？连用户点没点都传不全，还谈什么链路闭环。后端当时叼着烟冷笑：“你可信链路上游还在用 eval(‘document.cookie’) 读 token 呢。”我没吭声。他没说错。

　　窗外天黑了，又亮了，又黑了。我记不清哪次是真正的凌晨，只记得外卖到了没人拿，袋子在门口馊出一股咸酸味，跟上礼拜人事说“先优化掉两个前端”的语气一样冲。合规倒是跑通了，靠硬塞。法务扔来一版 GDPR+《个保法》混排的 checklist，47 条，我让设计把所有 checkbox 的 label 文字全改成加粗+下划线+鼠标悬停弹 tooltip 解释。设计当场撕了一页 A4：“你这是把法律条文当组件库用啊？”我说：“对，就当它是 Ant Design 官方扩展包。”她翻完白眼，当晚就把所有弹窗里的“您”统一替成“用户”，说“法律文本里没有亲密关系”。我觉得有理。其实没理，纯属赌法务看不懂中文语感。

　　安全？最搞笑。我们搞了个“前端运行时可信加固方案”，听着像要发射卫星。核心逻辑就一条：每次发请求前，用 WebAssembly 编译一段校验 JS 完整性的代码。听起来很硬核吧？结果第一轮压测直接崩——WASM 初始化耗时平均 280ms，比登录接口还慢。我改了四版，从预加载到懒加载再到分片初始化，最后发现根本问题不是性能，是 Safari 15.4 不支持 wasm-global-const 这个提案，而我们的 build 工具链默认开了它。我跪着把 rollup.config.js 里那一行 target: ‘es2022’ 手动改成 ‘es2019’，编译通过了，但某个埋点 SDK 就开始报 Cannot read property ‘length’ of undefined。说白了，我们不是在建盾，是在拿订书钉缝防弹衣。

　　优胜劣汰是真的。不是市场淘汰你，是你自己淘汰自己。比如那个坚持要用 Canvas 渲染身份证 OCR 界面的设计，说“更可控”；结果上线第二天，安卓 WebView 的 canvas.toBlob 回调永远不触发，所有实名认证卡在“正在识别”不动。我们花了两天才发现是系统级 bug，但没辙——需求早批了，工期压死了，只能切回 OCR SDK。他第三天默默删掉了所有 Canvas 代码，换上了 Flutter Web 的嵌入 iframe。谁也没提这事儿，就像从前没人提过上次裁员时，后端老大离职前把所有 Redis pipeline 调用都改成了串行——因为他说“不确定未来运维有没有人懂 pipeline 错误堆积机制”。有些退让不是妥协，是提前把地雷刨出来了。

　　其实去年圣诞前，我在食堂遇见个老同事，他刚从某大厂合规部跳槽来我们这儿看架构，吃饭时扒拉两口饭就说：“你们前端没独立灰度能力吧？”我点头。他夹起一块豆腐：“那就别谈三位一体。灰度没了，可信就是表演，安全就是自欺，合规就是背书。”说完他起身去倒汤，汤勺刮碗底刮得刺耳。我没反驳。因为他说完我就想起，上周我们上线的“可信凭证页”，居然没加 AB 实验分流开关——所有人一锅端，万一挂了，连降级路径都没有。我原以为只要 log 打得全、监控看得住，就能兜底。结果监控告警邮件发到邮箱时，我正趴在工位上睡着，梦见自己在给服务器装避雷针。

文章配图，仅供参考

　　现在嘛……我准备下周把所有“合规·可信·安全”相关组件，从 main.ts 里拆出来，单独打个 bundle，名字就叫 trust-belt.js——不图别的，就图下次法务来突击检查时，我能指著控制台 network tab 说：“喏，这一坨，就是我们穿的裤腰带。”至于它勒不勒得住，谁知道呢。反正我明天上午得去跟老板解释，为什么新版本的“数据最小化采集开关”，要在用户第一次进入设置页时才初始化——而不是冷启动时。这事怪我，init 应该放在 useFeatureFlag 而不是 createApp 里。板是我拍的。烟抽完了，我去买包新的。

（编辑：站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!