
Tldraw 是一款极简在线白板工具,主打无限画布和直觉式操作,点拖拽就能出图,还支持单元格对齐,团队协作时几乎没有加载延迟。它适合远程团队做产品需求评审、初创公司内部讨论,无论是画流程图、标注设计稿还是脑暴创意,都能轻松应对,优点是操作简单、协作流畅,跨 Windows、macOS、Linux 及移动端浏览器都能使用。
实际用的时候,感觉它的实时同步特别给力,团队开会时拖动元素,所有人立马能看到变化,比截图标注发消息高效多了。不过要注意,本地部署后如果只在局域网用,最好提前确认团队成员都在同一网络,不然容易出现连接不上的情况;另外,画布太大时,建议分组整理,避免找内容费时。

但局限在局域网内使用,麻烦事也不少。比如远程团队评审需求,甲方说 "按钮移左边",乙方只能截图标注再发过去,一来一回耽误时间;初创公司把白板放 NAS 服务器,不在公司的同事根本进不去,想参与讨论只能等同步文件;甚至有时候临时想让客户看看进度,因为不在一个网络,只能作罢,挺影响协作效率的。
而 Tldraw 和 cpolar 结合后,这些问题就迎刃而解了。cpolar 能把本地的 Tldraw 服务映射到公网,不用复杂配置,几分钟就能生成公网链接。远程团队成员不管在哪,用手机、电脑都能实时操作白板,语音评论加箭头标注像 "看弹幕" 一样直观;初创公司不用额外花钱买服务器,外部伙伴也能轻松加入评审,让协作真正突破地域和网络的限制。

实现这么好的应用组合第一步当然是动手安装喽!教程已备好👇,拿走不谢😊
1.docker安装tldraw
在开始操作之前,请先确认你的系统中是否已经安装了 Docker。你可以通过以下命令来检查:
shell
docker --version
如果未安装过,可以参考这个教程https://www.cpolar.com/blog/docker-installation-linux-windows-macos
如果输出类似如下内容,表示 Docker 已安装:
检查docker是否启动:
shell
Get-Service com.docker.service

若未启动,则输入命令启动:
shell
Start-Service com.docker.service

在任务管理器,查看是否启动成功:

接下来我们来安装tldraw:
shell
docker run -d --name tldraw -p 7900:3000 wbsu2003/tldraw

端口号为7900,输入localhost:7900,查看是否启动成功:

这样就是安装成功啦,接下来我们可以玩转tldraw:

2.安装cpolar实现随时随地开发
cpolar 可以将你本地电脑中的服务(如 SSH、Web、数据库)映射到公网。即使你在家里或外出时,也可以通过公网地址连接回本地运行的开发环境。配合 VSCode 的 Remote - SSH 插件,你可以从任何设备访问自己的完整开发环境。
❤️以下是安装cpolar步骤:
点击免费注册注册一个账号,并下载最新版本的Cpolar:

登录成功后,点击下载Cpolar到本地并安装(一路默认安装即可)本教程选择下载Windows版本。

Cpolar安装成功后,在浏览器上访问http://localhost:9200,使用cpolar账号登录,登录后即可看到Cpolar web 配置界面,结下来在web 管理界面配置即可。

3.配置公网地址
通过配置,你可以在本地 WSL 或 Linux 系统上运行 SSH 服务,并通过 Cpolar 将其映射到公网,从而实现从任意设备远程连接开发环境的目的。
-
隧道名称:可自定义,本例使用了:tldraw,注意不要与已有的隧道名称重复
-
协议:http
-
本地地址:7900
-
域名类型:随机域名
-
地区:China Top

创建成功后,打开左侧在线隧道列表,可以看到刚刚通过创建隧道生成了公网地址,接下来就可以在其他电脑或者移动端设备(异地)上,使用任意一个地址在终端中访问即可。
- http表示使用的协议类型
- 713e0973.r2.cpolar.top是 Cpolar 提供的域名

通过 Cpolar 提供的公网地址,就可以随时随地进入本网站啦!
shell
http://713e0973.r2.cpolar.top/

4.保留固定二级子域名公网地址
使用cpolar为其配置固定二级子域名地址,该地址为固定地址,不会随机变化。
选择区域和描述:有一个下拉菜单,当前选择的是"China Top"。
右侧输入框,用于填写描述信息。
保留按钮:在右侧有一个橙色的"保留"按钮,点击该按钮可以保留所选的二级子域名。
列表中显示了一条已保留的子域名记录。
- 地区:显示为"China Top"。
- 二级子域名:显示为"tldraw"。

登录cpolar web UI管理界面,点击左侧仪表盘的隧道管理------隧道列表,找到所要配置的隧道tldraw,点击右侧的编辑。

修改隧道信息,将保留成功的二级域名配置到隧道中。
- 域名类型:选择二级子域名
- Sub Domain:tldraw
点击更新。

创建完成后,打开在线隧道列表,此时可以看到随机的公网地址已经发生变化,地址名称也变成了保留和固定的二级子域名。

最后测试一下固定的地址是否好用:

这样,就可以随时随地完成你的画图任务啦。
总结
tldraw 是一款开源免费的在线白板工具,它以其简洁易用的界面、强大的实时协作功能和无限扩展的画布空间,支持用户轻松进行图表绘制、头脑风暴及创意分享。无论是在跨平台兼容性、数据持久性和可导出性方面,还是在提供高性能表现上,tldraw 都表现出色,适用于个人创作到团队合作等多种场景,是一个灵活而强大的视觉沟通解决方案。
Tldraw 的直观协作体验与 cpolar 的内网穿透能力相配合,消除了本地部署的网络壁垒,让跨地域的白板共创变得简单高效,无论是远程会议还是临时讨论,都能像在同一空间里协作一样顺畅。
感谢您对本篇文章的喜爱,有任何问题欢迎留言交流。cpolar官网-安全的内网穿透工具 | 无需公网ip | 远程访问 | 搭建网站