Frappe Builder 是一个开源的低代码（low-code）网站构建工具，旨在让你以极简的方式创建、定制和发布网页。对于既想注重设计体验，又希望快速上线网站的人，它提供了一条 “设计–发布” 的高效路径。

什么是 Frappe Builder

Frappe Builder 是由 Frappe 团队维护的项目，其目标是在设计体验与性能之间找到平衡。它采用类似 Figma 的可视化编辑器，允许用户通过拖拽、布局和组件复用，快速构建网页。与此同时，它集成了 Frappe Framework 与 Frappe UI，让你可以把网站当成一个真正的数据驱动系统，而不仅仅是静态页面。

它的主要设计理念是：“不要把页面塞满不必要的脚本和样式”。因此，通过 Builder 创建的页面往往非常轻量，从而获得优异的性能表现，对 SEO 和网页加载速度都有积极影响。

简而言之，Frappe Builder 既适合设计师想快速搭建视觉一致、响应式的网站，也适合开发者希望通过脚本或 CMS 系统来构建动态内容的网站。

Frappe Builder 的核心功能

  • 直观的可视化编辑器 — 拖拽组件、灵活布局，如同在设计工具里工作。
  • 响应式布局 — 自动适配不同设备，无需手动为手机、平板、桌面编写样式。
  • 组件系统 + 复用 — 可将网站中的导航栏、页脚、卡片等设计为“组件库”，以后新页面可以快速复用。即使基础组件更新，引用组件也会同步更新。
  • 动态内容 + CMS 集成 — 借助 Frappe Framework，Builder 不仅支持静态页面，也能通过后台数据生成列表页、文章页、产品页等动态内容。
  • 脚本 & 样式定制 — 支持添加自定义客户端脚本、全局脚本和样式，在必要时实现灵活的交互和定制效果。
  • 一键发布 — 编辑完成后，只需点击“发布”，网站即可上线，相当方便快捷。
  • 性能优化 — 页面默认 “零依赖”（zero-dependency）：不会附带第三方库脚本和样式，只加载页面真正需要的最少代码，大大减轻页面体积、提升加载速度。

这些功能结合起来，使 Frappe Builder 既是一款“拖拽式建站工具”，也是一套可用于真实生产环境、支持内容管理和动态内容的网站平台。

安装与部署

根据你的使用场景（自托管 / 本地开发 / Docker 容器）不同，Frappe Builder 提供了多种安装方式。以下是主要方法：

1. 自托管（Production）

如果你想把基于 Builder 的网站部署在自己的服务器或 VPS 上，可以使用官方提供的“easy install 脚本”。流程非常简单，大约 5 分钟内就能部署完毕。

典型步骤是：

wget https://frappe.io/easy-install.py  
python3 ./easy-install.py deploy \
  --project=builder_prod_setup \
  --email=your-email@example.com \
  --image=ghcr.io/frappe/builder \
  --version=stable \
  --app=builder \
  --sitename yoursite.domain.tld

将 your-email@example.com 和 yoursite.domain.tld 替换为你的邮箱与域名即可。脚本会自动完成数据库、Web 服务、配置等所有部署工作。

这种方式适合希望在真实环境上线并长期运营网站的人。

2. Docker + Docker Compose（开发 / 测试）

如果你想快速试用或开发新的页面、主题、功能，可以采用 Docker Compose 部署。

mkdir frappe-builder && cd frappe-builder  
wget -O docker-compose.yml https://raw.githubusercontent.com/frappe/builder/develop/docker/docker-compose.yml  
wget -O init.sh https://raw.githubusercontent.com/frappe/builder/develop/docker/init.sh  
docker compose up

成功后，你会看到终端输出 Current Site set to builder.localhost， 这意味着服务已经启动。然后通过浏览器访问 http://builder.localhost:8000 即可。默认登录凭据是 Administrator / admin。

这种方法适合本地环境测试、开发页面、试用功能。

3. 本地 (Bench) 安装

如果你已经安装了 Frappe 的 “Bench”（管理工具），也可以通过传统方式把 Builder 安装到你的 Frappe 环境中。流程大致如下：

1. 初始化或进入你的 frappe-bench 目录。

2. 获取 Builder 应用：

bench get-app builder

3. 为某个站点安装 Builder：

bench new-site builder.localhost --install-app builder

4. 启动服务：

bench start

5. 打开浏览器，访问 builder.localhost:8000/builder 来进入 Builder 编辑界面。

如果你还想开发前端 (e.g. 修改界面、主题)，进入 frappe-bench/apps/builder，执行：

yarn install  
yarn dev --host

然后可以通过 Vite (或类似工具) 在开发服务器（例如 http://builder.localhost:8080）上预览更改。

使用建议与适用场景

Frappe Builder 最适合以下几类场景：

  • 个人 / 小型站点：如果你只是想为个人项目、博客或小型网站搭建一个漂亮、轻量、响应式的网站，而不想手写 HTML/CSS/JS，这是一条快捷路径。
  • 内容频繁更新 + CMS 需求：借助 Frappe 的后台，你可以把文章、产品、案例等内容存储为数据库条目，然后通过 Builder 构建页面模板，实现“发布–内容同步–上线”流程。
  • 团队协作、视觉统一：组件库 + 模板机制让多个页面保持一致风格，并且维护起来更方便。
  • 对性能 & SEO 有要求的网站：Builder 默认生成轻量页面，有利于加载速度和 SEO 表现。

同时，如果你是开发者，也可以通过脚本、自定义样式等方式对 Builder 做深度定制 —— 这比一些闭源建站工具灵活得多。

总结

Frappe Builder 是一款兼顾简单易用和功能深度的开源网站构建工具。对于希望快速上线、保持设计感，并且有可能需要动态内容管理的人来说，它是一个非常有吸引力的选择。

无论你是完全不写代码、只想拖拽建站，还是希望通过微调脚本、 接入数据库、构建动态页面，Frappe Builder 都能满足需求。通过自托管、Docker、Bench 等方式，你可以灵活选择适合自己的部署方式。

如果你对性能、SEO、可维护性和内容管理都有要求，与其从头编写或使用闭源工具，不妨试试 Frappe Builder —— 它可能正符合你对快速、高质、可控网站的期待。