[JS/TS] pad.ws 开源：白板+云端IDE一体化自托管指南

在 GitHub 上看到 pad.ws 这个项目，觉得挺有意思：它把在线白板和云端开发环境揉在一起。你可以在一个画布上画图、记笔记，然后直接在同一页面里打开一个全功能的代码编辑器或终端来写代码。

它有点像把 Excalidraw 和 Coder 打通了。对于那些习惯用白板梳理思路、又不想在多个工具之间频繁切换的开发者来说，这可能是一种更顺滑的工作方式。类似话题也可以在 开发者社区 里继续延展讨论。

pad.ws 是什么

pad.ws 是一个将交互式白板与完整云端 IDE 集成在一起的 Web 应用。它基于 Excalidraw 提供绘图能力，并利用 Coder 提供基于容器的开发环境，让用户可以在同一个浏览器页面中无缝地进行视觉构思和实际编程。

开源成就

• Star 数：GitHub 上已经吸引了 3.9k 星
  
• 主开发语言：TypeScript 和 Python

核心功能

画布即桌面

它的核心界面就是一块无限大的白板。你可以在上面随意绘制流程图、架构草图或者写注释。特别之处在于：你可以在这个画布上“放置”一个真实可交互的开发环境窗口，比如一个 VS Code 编辑器或者一个 Linux 终端。它们不是截图，而是能直接写代码、执行命令的运行实例。

开箱即用的云环境

背后集成了 Coder 来管理开发环境，这意味着你不需要自己配置服务器：点一下就能在画布上生成一个预装好工具链、带独立存储的云工作空间。环境是容器化的，用完可以关掉；下次再打开时，仍然能保持原来的状态。

（这类 容器化 的开发环境形态，正好适合团队快速复现与共享。）

从构思到执行

这个模式把“想法落地”的链路明显缩短了。比如你在白板上画了一个服务的数据流图，旁边就能直接打开终端去部署这个服务，或者打开编辑器去修改对应的配置文件。这样就避免了在绘图工具、IDE 和部署平台之间来回切换，以及复制粘贴带来的割裂感。

多端访问与协作

因为一切都运行在浏览器里，所以从任何有网络的设备都能访问你的画布和开发环境。项目还提到了 “Multiplayer v1”，看起来正在实现多人在同一块画布上协作：既能一起画图，也能共同编程。

支持本地开发连接

除了用网页版的编辑器，它也允许你使用自己电脑上的专业 IDE，比如 VS Code 或 Cursor，通过它们提供的远程开发功能连接到画布背后的云工作空间。这样既能保留云端环境的一致性，又能用上更强大的本地工具体验。

可自托管部署

项目提供了完整的 docker-compose 配置，列出了从数据库、缓存、认证服务到 Coder 和主应用的一站式部署方案。这对有定制化需求或更注重数据隐私的团队很关键：你可以把它部署在自己的基础设施上，而不是把开发上下文散落在多个 SaaS 工具里。

相关技术点也涉及到 数据库/中间件/技术栈 里的常见组件组合（例如 PostgreSQL、Redis、认证等）。

安装指南

• 项目明确说明：当前的 docker-compose 配置仅适用于开发和测试；要用于生产还需要额外配置。
• 你需要准备 Linux 主机，并安装好 Docker 和 Docker Compose。
• 部署步骤大致是：复制环境变量文件、依次启动 PostgreSQL、Redis、Keycloak（用于认证）、Coder（用于管理开发环境）和 pad 主应用这几个容器。
• 其中比较关键的步骤是配置 Keycloak 这个单点登录服务，以及从 Coder 的后台获取 API 密钥、模板 ID 等关键信息并填回环境变量文件。
• 全部服务启动后，就可以通过本地的 8000 端口访问应用了。

开源地址https://github.com/coderamp-labs/pad.ws