HeyForm：开源表单构建器的自建到上线路径

发布时间：2026/9/21 1:49:57

HeyForm：开源表单构建器的自建到上线路径
HeyForm开源表单构建器的自建到上线路径【免费下载链接】heyformOpen-Source Form Builder项目地址: https://gitcode.com/GitHub_Trending/he/heyformHeyForm 是开源表单构建器把对话式表单的搭建、换装、嵌入与提交分析做进一套 React 工程。你无需拼凑多个工具从画布拖出第一张表单就能一路跑到对外服务。 看懂 HeyForm 的分层架构仓库是 pnpm 单仓多包按职责切成几个可独立发包的单元。packages/webapp 是管理后台你在这里拖字段、改主题、看提交。packages/server 是 NestJS 服务管账号、表单、提交与队列。packages/form-renderer 是渲染库把同一套字段画到任意页面。packages/embed 是嵌入脚本packages/answer-utils 与 shared-types-enums 是前后端共享的校验逻辑和类型定义。数据落在 MongoDB队列与缓存走 Redis。 场景一在画布上搭建对话式表单你打开构建器左边是题目列表中间是实时预览右边是字段设置。拖一个全名进去它自动拆成名和姓两栏。需要跳转时你去 Logic 页给某道题加条件。答错就走另一条分支。字段类型很多文本、邮箱、电话、单选、评分、日期都有。文件上传也支持。前后端共用一套校验逻辑。你浏览器里看到的规则和服务端拦截的完全一致。下面列出的是这套共享逻辑的入口文件它把校验、条件展开和字段压平都收口在一处export * from ./validate export * from ./apply-logic-to-fields export * from ./validate-condition export * from ./flatten-fields export * from ./answer-to-json提交时后端就用它们校验答案、展开隐藏字段、套用条件答错的分支当场被拦下。源码见 packages/answer-utils/src/ 与 packages/form-renderer/src/blocks/。 场景二为表单换装并嵌入自己的站点表单做好后先让它长得像你。你在 Design 页换字体、主色和背景。也能写自定义 CSS把品牌感拉满。要放进自己的网站HeyForm 给了一段嵌入脚本。你用>div>app.useGlobalFilters(new AllExceptionsFilter()) app.use(helmet({ frameguard: false, contentSecurityPolicy: false })) app.use(rateLimit({ windowMs: ms(1m), max: 1000 })) app.use(/api/upload, rateLimit({ windowMs: ms(1m), max: 30 })) await app.listen(APP_LISTEN_PORT, APP_LISTEN_HOSTNAME)启动后超出配额的请求会被直接限流上传接口尤其严格。源码见 packages/server/src/main.ts。 从克隆到本地启动安装与运行想自己跑一份先准备 Node 20 以上和 pnpm 8 以上。仓库根目录的 engines 字段写死了这条底线。接着配置环境变量至少给 MONGO_URI、REDIS_HOST 和 SESSION_KEY。服务端从这些变量读取数据库与缓存连接。缺了会在启动时报错。装完依赖后用一条命令同时起前后端。下面这条命令从克隆到本地启动一气呵成git clone https://gitcode.com/GitHub_Trending/he/heyform cd heyform pnpm install pnpm dev终端应出现 NestJS 打印的 Server is running on http://0.0.0.0:9157。还会看到 Vite 的本地地址说明前后端都已就绪。✅ 上线前逐条核对生产落地清单检查项为什么重要怎么验证Node 与 pnpm 版本仓库 engines 要求 Node20、pnpm8低版本装不上运行 node -v 与 pnpm -v 核对MONGO_URI、REDIS_HOST、SESSION_KEY服务端连库与缓存都靠它们缺项启动即失败检查 .env再看启动日志有无连接错误端口与静态资源默认监听 9157前端产物交给服务端托管打开 http://localhost:9157 看能否访问上传与限流配置上传走 /static/upload限流护栏防刷用超限请求压测上传接口确认被限流授权合规项目为 AGPL-3.0二次分发需遵循条款对照 docs/ 内 license 说明评估 延伸阅读深入源码的入口packages/server/src/resolver/ —— 表单、项目、提交等 GraphQL 接口入口适合后端开发者。packages/webapp/src/pages/form/ —— 构建器各题型的 React 实现适合前端同学。packages/embed/example/index.html —— 嵌入脚本四种形态的示例适合做集成的人。docs/invite-only-registration.md —— 邀请制注册的设计说明适合准备自建多租户的团队。Dockerfile —— 容器化部署的定义适合走 CI/CD 上线的人。【免费下载链接】heyformOpen-Source Form Builder项目地址: https://gitcode.com/GitHub_Trending/he/heyform创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考

相关新闻

BrewUI：把Homebrew包管理变成可视化交互的工程实践

BrewUI：把Homebrew包管理变成可视化交互的工程实践

开头BrewUI这个名字，乍一听像是某个给Homebrew换皮的半成品小工具，但如果你真把它当成“brew加个网页壳子”来理解，那方向就跑偏了。我自己在动手做BrewUI之前也是这么想的，结果做到一半才发现，这玩意儿真正硬核的部分…

2026/9/19 23:20:29 阅读更多 →
Hugging Face 趋势模型进 Claude Code：Kimi K2.7 Code 走 TaoToken

Hugging Face 趋势模型进 Claude Code：Kimi K2.7 Code 走 TaoToken

/* MD / 富文本中的 .toc（含博客园搬家等嵌套结构）；.toc-box 在侧栏，不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p（:empty 仍占 20px），一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/9/21 0:51:25 阅读更多 →
OpenHands 评测：TaoToken 实测 django/django 单测修复的 Token 消耗

OpenHands 评测：TaoToken 实测 django/django 单测修复的 Token 消耗

/* MD / 富文本中的 .toc（含博客园搬家等嵌套结构）；.toc-box 在侧栏，不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p（:empty 仍占 20px），一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/9/19 23:20:29 阅读更多 →

最新新闻

意图驱动开发IDD：AI时代让开发者聚焦目标与验证

意图驱动开发IDD：AI时代让开发者聚焦目标与验证

说实话，过去两年我写代码的方式发生了几乎颠覆性的变化。两年前，我还在为每个接口的字段校验、异常分支、边界条件一行行手敲，然后被QA提的bug一个接一个打回。现在打开编辑器，我最主要的动作变成了“描述清楚我要什么”&#xff…

2026/9/21 1:48:58 阅读更多 →
华罗庚统筹方法实战：用关键路径与总时差管好项目工期

华罗庚统筹方法实战：用关键路径与总时差管好项目工期

简介：这份PDF收录了华罗庚先生关于统筹方法的经典论述，面向需要提升任务规划与效率思维的学生、管理者及工程技术人员。内容以生产建设中的实际问题为切入点，通过“泡茶”这一通俗案例，对比三种不同操作流程，直观展示如…

2026/9/21 1:48:58 阅读更多 →
react-admin `＜SimpleFormIterator＞` 数组编辑完全指南：Props、自定义操作与源码原理

react-admin `＜SimpleFormIterator＞` 数组编辑完全指南：Props、自定义操作与源码原理

前端UI组件 【免费下载链接】react-admin A frontend Framework for single-page applications on top of REST/GraphQL APIs, using TypeScript, React and Material Design 项目地址&#xff1a; https://gitcode.com/gh_mirrors/re/react-admin 点击查看 免费下载 <Simp…

2026/9/21 1:48:58 阅读更多 →
Handsontable Angular 实例访问指南：使用 @ViewChild 获取 hotInstance 并调用数据表格 API

Handsontable Angular 实例访问指南：使用 @ViewChild 获取 hotInstance 并调用数据表格 API

前端UI组件 【免费下载链接】handsontable JavaScript Data Grid / Data Table with a Spreadsheet Look & Feel. Works with React, Angular, and Vue. Supported by the Handsontable team ⚡ 项目地址&#xff1a; https://gitcode.com/gh_mirrors/ha/handsontable 点击…

2026/9/21 1:48:58 阅读更多 →
CodeIgniter 自定义库开发完全指南：创建、替换与扩展自己的 Library

CodeIgniter 自定义库开发完全指南：创建、替换与扩展自己的 Library

CodeIgniter 自定义库开发完全指南&#xff1a;创建、替换与扩展自己的 Library 【免费下载链接】CodeIgniter Open Source PHP Framework (originally from EllisLab) 项目地址: https://gitcode.com/gh_mirrors/co/CodeIgniter 导读 在 CodeIgniter 中&#xff0c;“…

2026/9/21 1:48:58 阅读更多 →
V8 内存泄漏调查指南：用 `%DebugTrackRetainingPath` 追踪对象保留路径

V8 内存泄漏调查指南：用 `%DebugTrackRetainingPath` 追踪对象保留路径

V8 内存泄漏调查指南&#xff1a;用 %DebugTrackRetainingPath 追踪对象保留路径 【免费下载链接】v8 The official mirror of the V8 Git repository 项目地址: https://gitcode.com/gh_mirrors/v81/v8 导读 在 V8 中调查内存泄漏时&#xff0c;最棘手的问题是"对…

2026/9/21 1:47:57 阅读更多 →

日新闻

agents-generator 决策矩阵全解析：从项目检测到 AGENTS.md 规则生成的 16 步判定流程

agents-generator 决策矩阵全解析：从项目检测到 AGENTS.md 规则生成的 16 步判定流程

agents-generator 决策矩阵全解析&#xff1a;从项目检测到 AGENTS.md 规则生成的 16 步判定流程 【免费下载链接】agentic-awesome-skills AAS Core is the local, agent-first control plane for complete catalog discovery, agent-owned selection, stack validation, and …

2026/9/21 0:00:01 阅读更多 →
gin-vue-admin 前端工具函数全景指南：src/utils 复用规范与源码级解析

gin-vue-admin 前端工具函数全景指南：src/utils 复用规范与源码级解析

gin-vue-admin 前端工具函数全景指南&#xff1a;src/utils 复用规范与源码级解析 【免费下载链接】gin-vue-admin &#x1f680;ViteVue3Gin拥有AI辅助的基础开发平台&#xff0c;企业级业务AI开发解决方案&#xff0c;内置mcp辅助服务&#xff0c;内置skills管理&#xff0c;…

2026/9/21 0:00:01 阅读更多 →
Wox 全功能插件开发实战指南：基于 Python / Node.js 宿主与 WebSocket 的持久化插件体系

Wox 全功能插件开发实战指南：基于 Python / Node.js 宿主与 WebSocket 的持久化插件体系

桌面应用AI 应用插件系统 【免费下载链接】Wox A cross-platform launcher that simply works 项目地址&#xff1a; https://gitcode.com/gh_mirrors/wo/Wox 点击查看 免费下载 全功能插件&#xff08;Full-featured Plugin&#xff09;是 Wox 三类插件实现方式中能力最完整的…

2026/9/21 0:00:01 阅读更多 →

周新闻

Flutter for OpenHarmony游戏卡片渐变背景实战：从原理到性能优化

Flutter for OpenHarmony游戏卡片渐变背景实战：从原理到性能优化

直接铺开项目本身吧。这几个月我一直在折腾一件事&#xff1a;用Flutter给OpenHarmony做一款游戏集合类的App&#xff0c;说白了就是把若干小游戏塞进一个壳里&#xff0c;用统一入口分发。这个方向本身不算新鲜&#xff0c;真正让我花了不少心思的&#xff0c;是首页那堆游戏卡…

2026/9/20 0:00:46 阅读更多 →
Word表格编号全攻略：从列表编号到题注交叉引用

Word表格编号全攻略：从列表编号到题注交叉引用

写Word文档&#xff0c;最让人头疼的往往是那些“看起来不起眼”的小问题。比如表格编号这事&#xff1a;今天在表后面多加了两个空白行&#xff0c;明天给客户交稿前发现整个章节的编号全部错位&#xff0c;光是挨个改序号就能耗掉大半个下午。我前阵子帮人整理一份上百页的技…

2026/9/20 0:00:46 阅读更多 →
从第一个站到第二个站：独立开发者的静态网站选型与落地实践

从第一个站到第二个站：独立开发者的静态网站选型与落地实践

1. 项目概述1.1 核心需求解析做独立开发者这几年&#xff0c;说实话&#xff0c;第一个网站上线的那天晚上我兴奋得没睡着。但等它跑了半年&#xff0c;流量惨淡、功能臃肿、代码自己都懒得看第二遍之后&#xff0c;我才慢慢琢磨明白一个道理&#xff1a;第一个网站是练手&…

2026/9/20 0:00:46 阅读更多 →

月新闻

持续集成 流水线自动化与 声明式交付 实践：原型怎样变成可用功能

持续集成 流水线自动化与 声明式交付 实践：原型怎样变成可用功能

持续集成 流水线自动化与 声明式交付 实践&#xff1a;原型怎样变成可用功能分类&#xff1a;[AI/大模型]细分主题&#xff1a;AI 增强型 CI/CD 流水线自动化与 GitOps 实践&#xff1a;Agent 工作流、工具调用与任务拆解&#xff1a;从原型到生产的验收清单很多团队在尝试用大…

2026/9/19 23:01:36 阅读更多 →
容器编排 生产环境运维与排障实战：复盘记录怎样真正派上用场

容器编排 生产环境运维与排障实战：复盘记录怎样真正派上用场

容器编排 生产环境运维与排障实战&#xff1a;复盘记录怎样真正派上用场分类&#xff1a;[工程技术]细分主题&#xff1a;Kubernetes 生产环境运维与排障实战&#xff1a;可复制的项目复盘模板与决策记录大部分团队的事故复盘报告&#xff0c;最后都变成了躺在 Confluence 或钉…

2026/9/19 17:50:38 阅读更多 →
容器 容器化技术与镜像安全管理：核心链路应该先拆哪一步

容器 容器化技术与镜像安全管理：核心链路应该先拆哪一步

容器 容器化技术与镜像安全管理&#xff1a;核心链路应该先拆哪一步分类&#xff1a;[工程技术]细分主题&#xff1a;Docker 容器化技术与镜像安全管理&#xff1a;核心链路的逐步实现与关键代码取舍面对一个积累了五六年历史包袱的单体架构应用&#xff08;包含 Web 接口、后台…

2026/9/19 23:35:34 阅读更多 →