创业前端架构三支柱：合规·可信·安全

　　接口超时告警那一刻，我正蹲在茶水间扒拉微波炉里那盒冷透的咖喱饭——叮一声响，手机震了三下，监控平台弹窗直接糊我眼上，绿色的线在大盘上抖得跟筛糠似的。李哲叼着根没点着的烟站在窗边讲电话，说的是“下季度房租涨两成”；他工位隔断上贴的便签卷了边，蓝墨水洇开一小片，像干掉的血痂。

　　你猜谁第一个冲进前端组？不是运维，是法务小陈，抱着个灰皮本子推门就问：“用户协议里‘数据留存72小时’那条，前端埋点日志现在真只存72小时？还是说前端把后端塞过来的原始字段全打点了？”——我原以为她在查隐私政策落地，结果她翻了三页纸，指着其中一行说：“你们去年十一月加的那个GDPR弹窗，关掉按钮文案写的‘暂不授权’，但埋点字段叫‘reject_all’，这和实际行为对不上，审计会当矛盾证据。”

文章配图，仅供参考

　　所以合规根本不是加个弹窗、改个文案的事。它是你写一个fetch，要先想清楚这个URL要不要进审计台账；是你把后端传来的user_id塞进上报参数前，得确认它是不是已经脱敏过一遍；是你在封装axios实例的时候，偷偷在headers里插了x-audit-id——不是为监控，是为留痕。可信也不是加载个loading图标就完了。上周张薇改需求，非要把“预计到账时间”从后端计算改成前端算，理由是“体验更顺”，我说那你得接三个定时任务轮询+本地时间校准+时区纠偏，她说“就差几分钟”，我问“那用户跨省乘车扫码付款失败，算谁的锅”，她把笔一扔去盯灰度发布去了。

　　安全？更绝。上个月那个缓存击穿事故，表结构都没动，就是前端把商品详情页的sku_id拿去拼redis key，而SKU编码规则里恰好有斜杠，上线俩小时，key变成sku/12345，后端缓存层直接认成目录路径，整个商品域崩了半小时。没人报BUG，是监控里慢查询日志刷得太快看不清，我截图发群里，老周回：“这不像慢查，像批量删库”。后来发现是缓存穿透+key设计缺陷+没限流，仨事叠一块儿。可你知道最讽刺的是啥？回滚之后，产品在站会上拍桌子说“前端把SKU展示逻辑放错地方了”，没人提斜杠，没人提redis配置，连那个写了十年SQL的老DBA都在那儿点头。

　　咖啡机坏了三天，维修单一直卡在OA审批流第三级。没人修，因为大家默认“前端不归IT管”，但每次打包构建失败，又都怪前端的webpack config太重。我原以为三支柱是往上堆东西：加鉴权、加水印、加日志脱敏。结果发现是往下砍——砍掉所有“反正用户看不见”的代码，砍掉所有“后端说没问题”的调用，砍掉所有“以前就这样”的祖传逻辑。优胜劣汰不是市场淘汰公司，是线上字段淘汰你。昨天晨会，林工盯着日志堆栈最后一行发愣：“401错误后面怎么还跟着个200？”没人回答。后来发现是某个接口幂等逻辑被前端二次提交绕过去了，而前端根本不知道自己触发了两次。

　　外卖筷子掉在地上，我捡起来涮了涮接着吃。隔壁组在讨论要不要把用户头像URL全切CDN，我听着听着就走神了——记不清是哪次了，有个老系统还在用base64硬塞头像到localStorage，存够1.2M就炸。后来他们用IndexedDB重构，结果没清旧缓存，两个版本共存三个月，数据对不上，脏数据跑进报表。现在报表里的“活跃用户数”每天差两千，谁都不动，就让它差着。

　　安全那块我其实不敢碰。上次动了个登录态续期的定时任务，结果发现它居然和一个已废弃的第三方SDK共用同一套token刷新周期，而那个SDK早就下线了，但前端没删引用，只注释了三行，剩下八行还在偷偷执行。我把它删了，当天下午就有六个用户反馈“登着登着就掉了”，查日志全是401后面紧跟着302重定向死循环。后来才知道，那个注释掉的SDK，其实还绑着sessionStorage里的一个关键flag。现在它还在那儿，我没敢再碰。

　　所以你说创业前端架构三支柱：合规·可信·安全——它站得住的地方，就是它根本不给面子。不因为你赶进度就少审一条字段，不因为你测试通过就放过那个带斜杠的SKU，不因为你觉得“应该没人这么用”就允许二次提交绕过幂等。它就是一根线，挂在那里，谁撞上去，谁掉下来。至于我？今天下班前得去法务那边补个字段映射表，他们说上个月那个“暂不授权”埋点，需要前端出个说明文档，签字盖章。我就签吧。但文档里得写一句：“reject_all字段名未同步更新，待V2.3.0重构UI层时统一收敛。”——这话我不会真写进去，写了就等于承认我们三年前写的弹窗，到现在还是个活bug。

　　机箱嗡嗡响了一整天。我摸了摸主机侧面，烫得能煎蛋。

（编辑：站长网）

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