← 返回《共创实战 · 行动案例》专栏目录
共创实战 · 特稿 008

把问卷收进云端数据库:
一个静态网站的十八份回声

静态网站是个「只出不进」的展厅——内容发得出去,数据收不回来。这篇写下我们怎么在不买服务器、不增加一分钱成本的前提下,给网站装上一个「点提交即入库」的后端;以及上线当夜,它接住的那十八份真实回声。

2026-09-19 · 创业陪跑Lab 阅读约 8 分钟 关键词:零成本后端 / 数据闭环 / 备用通道
本 期 摘 要
一次行业导师问卷,把静态网站「数据收不回」的老问题推到了眼前。我们的方案:Serverless 云函数挂一个 HTTP 入口,浏览器提交直达云端数据库——写入公开、读取口令保护、一键导出 CSV,零服务器成本。上线当夜回收 18 份,22 点拉数出简报。本文同时诚实记录了兜底设计(网络不通时的「复制回传」通道)与八条踩坑实录——最后一节是任何静态网站都能照抄的最小清单。

01问题:展厅很漂亮,但没有意见箱

我们的站点是纯静态的:所有页面提前生成好,访客看到什么,服务器就递什么——快、稳、便宜。代价是它天生听不见。

问卷就是典型。第一版问卷页的方案很朴素:学生填完,页面把答案打包成一段文本,请你自己复制、自己发回来。能跑通,但每个填过的人都懂——「复制发给助教」这个动作,每多一步,就少一截回收率。到了行业导师问卷这种「一张都不能少」的场景,靠转发截图、人工誊录,既慢又容易错。

我们需要的是一个意见箱:访客一按提交,数据自己落进库里。

02方案:不买服务器,借一个「函数」

传统解法是架一台服务器,但那意味着运维、监控和每月账单——对一个内容站太重。我们选了 Serverless 路线:

① 写一个函数
几十行的云函数:收到提交请求,校验、加上时间戳,写进云端数据库。事件触发,用完即走,没有请求就不计费。
② 挂一个 HTTP 入口
给函数绑一个公网网址。浏览器里的问卷页只要向这个地址发一次请求,就完成了「提交即入库」。
③ 分清「谁能写、谁能读」
收集场景写入必须公开——人人可提交;读取与删除则凭口令,口令没带对一律拒绝。箱子敞口,钥匙在老师手里。
④ 留一条土路
页面端做降级设计:检测到提交失败,自动切换「生成结构化文本+一键复制」的备用通道。网络再不给力,数据也不会丢在学生手里。

03实战:当夜十八份,二十二点出简报

行业导师问卷当晚上线。导师们陆续提交,后台的数字一路走到 18 份;另有一份走了备用通道回传——我们如实把它登记为「库外 1 份」,两种口径分开记,账要经得起追问。当晚十点整,从后台拉出全量数据,自动统计分组,产出给三位导师的备课简报。

18
份 · 当夜入库
0
元 · 服务器成本
2
条通道 · 在线+复制
1
晚 · 从上线到简报

这组数字里我们最看重的是那条土路真的被用上了。备用通道不是「功能完备」的装饰,是对现实网络的尊重——校园网、企业网、代理服务器,什么环境都有。

04踩坑实录:八行清单,行行带伤

从写函数到当夜顺利回收,中间隔着一串只有踩过才知道的坑。全部如实交代:

坑解法
上传时找不到入口文件打包部署模式+在函数目录内执行,路径含空格是重灾区
绑路径报「必须以 / 开头」HTTP 路径老老实实带前导斜杠
交互式确认卡住脚本给安装过程预喂几个「回车」,选默认项
批量删除只让删一条循环单条删,别跟数据库的脾气较劲
跨域配置「看起来没生效」响应头键名是小写的——检查时别按原大小写找,会误判缺失
时间统一差了 8 小时云端跑的是世界时,展示层统一加回 8 小时再格式化
删除后统计数字没变页面本地重算,别只信服务端初值
参数拼错一个词输出无法流式播放/解析失败——逐个核对拼写,别凭手感

这些坑的共同点:每一个都会在关键时刻浪费半小时以上,而每一个的解法都只需一句话。所以它们现在的形态是一张表——下次部署新问卷,照单排查,十分钟扫完。

05可以抄走的最小清单

给静态网站装「意见箱」· 五步

  1. 先问数据量。一次活动百十份的量级,Serverless 绰绰有余;真到了海量高并发,再考虑重方案——不要为想象中的规模提前付费。
  2. 函数只做一件事。校验→加时间戳→入库。逻辑越短,坑越少。
  3. 写公开、读凭口令。收集场景别为难填的人,也别把数据裸奔给陌生人。
  4. 页面备一条土路。提交失败自动切换「生成文本+一键复制」,并在台账里分开记两种口径。
  5. 真浏览器走一遍。上线前用自动化浏览器完整提交一次,截图留档——接口测试全绿不代表页面能用。
可以抄走的一句话:先让数据有地方落,再谈漂亮——免费的函数,够用就是最好的架构。 —— 本期方法速记
写 在 最 后

十八份回声听起来不多,但对一个静态网站来说是质变:从「我们说、大家听」,变成「我们说、大家答、答案落进库、库变成简报」。数据闭环一通,网站就从展板长成了器官。

下一篇特稿,我们讲一次和「名字」较真的经历:一个英文名的全网修正,以及署名这件事为什么值得认真。

箱子敞着口,钥匙攥在手里——一个人,也是一间机房。我们,下期见。

本站为个人学术与教学实践的探索项目 · 沪ICP备2026016401号-1