我在 SaaS 主页上设置了一面公共涂鸦墙。 笔记

我在 SaaS 主页上设置了一面公共涂鸦墙。

大多数 SaaS 首页会使用静态产品截图来展示其服务。然而,该产品的首页却采用了一个名为"Owners Were Here"的嵌入式功能留言板。该留言板由组件构建器开发,通过展示真实、即时的提交内容,揭示了产品不可见的后端机制。留言板作为一种概念验证,突出了截图无法传达的功能特性。选择这一方式的主要原因是,表单在营销材料中难以令人信服地伪造。嵌入式留言板旨在通过用户贡献提供即时且不断累积的社会证明。这种方法利用了“涂鸦墙”的美学风格,使其内容自然增长。当暴露公共端点时,必须采取强有力的安全措施,包括通过 Cloudflare Turnstile 进行机器人检测、实施速率限制、执行模式验证以及设置大小上限,以防止被利用。渲染不可信的用户输入需要谨慎处理,以避免跨站脚本等安全漏洞。使用 textContent 而非 innerHTML 对文本进行适当清理,对于安全地显示用户生成内容至关重要。不断增长的留言板可能会对首页布局和加载时间产生负面影响。通过实现具有最大高度限制和内部滚动的视口,可以防止留言板压倒整个页面。虽然难免会出现一些垃圾条目,但这些设计选择保护了嵌入式组件的核心安全与功能。