用 Gleam 搞定全栈任务管理器：一套代码，全平台跑

开发圈里，总有人梦想一套代码到处跑。从 Java applet 到 Electron、React Native、Flutter，我们试过不少。但万一关键不是框架，而是从头选对语言呢？

Gleam 来了。它是静态类型语言，能编译成 Erlang（后端）和 JavaScript（前端）。真正的一体化全栈开发。今天，我们聊聊实际案例：一个任务管理器，展示它怎么玩转全栈。

目标：一套代码，多端部署

说白了，大多框架吹“一次编写，到处运行”，其实只针对特定场景。Gleam 牛在同一份源码，直接编译到不同运行环境。

我们建的这个任务管理器，叫 Doable。功能简单：增删改查任务。但别小看它，里面藏着一整套架构：

• JSON HTTP API 用 Erlang + PostgreSQL 存数据
• 浏览器前端，带响应式状态管理
• Windows、macOS、Linux 桌面 app，用 Tauri 打包
• iOS 和 Android 手机 app，也靠 Tauri

全用 Gleam。类型系统一样。验证逻辑一样。

架构：开发和生产两张面孔

开发时怎么搞

开发得快反馈。数据库和 API 用 Docker，前端热重载，集成测试不用重编译。

开发环境超顺手：

• PostgreSQL 在 Docker 跑，开发和测试用独立数据库
• Gleam API 服务器可选 Docker 或本地跑
• 一个 Lustre dev server，热重载浏览器、桌面、手机端
• API 代理绕过 CORS 坑，一切走统一入口
• 集成测试直击路由，用专属测试数据库

这很重要。改个代码等 30 秒，太磨人。速度就是命。

生产环境怎么跑

上线后，简单了。全 Docker 容器化。Caddy 当入口，反代 Gleam API 和静态文件服务器。

聪明的地方：浏览器前端从 Caddy 文件服务器拉资源，API 调用也走它。Tauri 桌面和手机 app？本地打包相同前端，用 Tauri HTTP 插件连 Caddy API。同一 app，各平台优化交付。

技术栈拆解

后端：Erlang 的铁打可靠性

API 服务器用 Wisp 和 Mist 编译到 Erlang。不光是 web 框架，还继承电信级并发、容错、分发能力。PostgreSQL 管数据存取，Erlang 圈子几十年来信得过。

共享代码：最大福利

Gleam 的精髓在 shared 项目。多目标 Gleam 库，同时编译 Erlang 和 JavaScript。类型定义、验证、序列化，全共享。改个任务结构，全平台自动同步。

前端后端零类型错。“我机子上行” 的验证坑，编译器早抓住了。

前端：Elm 架构模式

Web 前端用 Lustre，走 Elm Architecture。复杂 UI 状态管理超稳。如果你玩过 Elm，熟门熟路；没玩过，也值得学。这模式是前端可预测代码的金标准。

桌面手机版，同样模式，不同部署目标。

为什么你的下一个项目要试试

应用越复杂，全栈类型安全越关键。变化是这些：

重构无压力。 改数据库字段，更新 shared 类型，编译器直指全代码 47 处要改的地方。零谜题。

跨平台一致免费。 不用在 TypeScript、Swift、Kotlin 间抄验证逻辑。Gleam 写一次，编译三端。

新人上手飞起。 团队只学一门语言一类型系统，不用 Juggle 三套生态。效率爆表。

运维超省心。 语言少，依赖树少，部署策略少，运行时惊喜少。

现实情况

Gleam 会取代所有 web 开发？不太可能。社区和生态重要。它比 TypeScript、Python 小，招人和库是痛点。

但对绿地全栈项目，类型安全和统一代码是刚需？这套路直接灭掉一堆 bug。

任务管理器故意简单，就是证明小规模可行。大项目加复杂度，核心理念不变：一次编译，到处验证，多端部署。

怎么上手

感兴趣？学习曲线有，但好爬。语法像 JavaScript、Python、Rust。你可能已会点。类型系统强，但第一天不用精通。

先从 Erlang 后端起步。搭 API。再加 Lustre 前端，看 shared 类型灭 bug。尝过统一全栈的味儿，再回碎片翻译的老路，就觉得过时了。

全栈开发的未来，可能不是层层选工具，而是挑对语言，直击每层。

想试全栈 Gleam？ 去 Gleam 文档瞧瞧。想想下一个项目，怎么用类型安全跨平台编译省事儿。