在线白板应用程序,在浏览器中进行绘图和编码

https://youtu.be/97mcOQE9gkc

为开发者提供一个集成开发环境(IDE),可以在浏览器中进行绘图和编码。可以从任何设备访问其开发环境,实现「可画可写的开发环境」,享受无缝的工作流程,并使用自己的工具。

📌 项目概览

  • 项目定位:在浏览器里提供一个可绘制、可编码的平台,整合了白板(基于 Excalidraw)和云端开发环境(由 Coder 驱动)
  • 核心功能
    • 绘图与视觉思维:白板界面支持即时绘制、思维导图等。
    • 内嵌 IDE:白板中整合 VS Code、终端,实现代码编辑、执行。
    • 云端环境管理:调用 Coder 后端,为用户提供基于容器/VM 的开发环境。
    • 快速入口:任何设备和地点,只要有浏览器即可快速开启环境。

🛠 核心技术架构

  • 前端:使用 Excalidraw 作为白板 UI。
  • 后端/开发环境:借助 Coder(开源项目)来创建和管理容器化开发环境。
  • 整合方式:通过 FastAPI 提供后端接口,将 Excalidraw 和 Coder 整合于一个 Web 界面。
  • 部署方式:提供 docker-compose 配置,能快速在本机部署完整服务(包括 PostgreSQL、Redis、Keycloak、Coder、本体服务 pad)。

🔥 最近动态

  • 最新版本 v0.1.0 于 2025 年 5 月 28 日发布
  • GitHub 活跃度良好:6 位贡献者,使用 TypeScript + Python 开发,Star 数约 2.8k,Fork 139,Issues 正在积极处理。
  • Docker 镜像常更新,最新镜像发布时间为约 23 天前。

💬 社区反馈(Reddit 精选)

项目作者在 r/selfhosted 和 r/linux 上进行了推广,社区反应积极:

“For my personal use, I can’t tell the difference, ping is ~15 ms… you are root, you can run docker, install anything”

也有人提出建议和思考:

“demo account can use only one VM”
“The hidden goal of the app is to create an user‑friendly abstraction around your remote dev virtual machine.”

这些交流展示出开发者注重性能、安全和用户体验,也在探索教育、协作等更多使用场景。

🧭 使用 & 自托管指南

在线体验地址https://pad.ws

本地部署

  1. 克隆仓库,复制 .env.template 为 .env
  2. 启动 PostgreSQL、Redis、Keycloak、Coder 等容器。
  3. 最终运行 pad 容器,访问 http://localhost:8000 即可登录。
  4. 注意:目前的 Compose 配置适合测试,不建议直接用于生产环境

✅ 总结

亮点说明
📦白板 + IDE融合对于视觉思考与开发耦合需求非常友好
☁️云端环境不依赖本地环境,即开即用
🔄开源+自托管完全自由,可深度定制
🚧尚处早期一些功能如协作、图像存储等仍在开发中

项目地址:https://github.com/pad-ws/pad.ws
在线使用:https://pad.ws/

油管:https://youtu.be/97mcOQE9gkc

滚动至顶部