详细介绍：异地也能一起画图？Tldraw+cpolar 实现跨空间协作
本文介绍了通过 Docker 部署 Tldraw 并结合 cpolar 实现异地协作绘图的方法。首先确认 Docker 已安装并启动，通过命令部署 Tldraw，访问验证成功。接着安装 cpolar，登录其 Web 管理界面，配置隧道将本地 7900 端口映射到公网，生成可远程访问的地址。还可配置固定二级子域名，确保地址稳定。此方案突破 Tldraw 局域网限制，让团队或师生能异地实时协作，提升绘图协作灵活性与效率。
前言
Tldraw 是一款轻量级在线绘图工具，支持多人实时编辑、无限画布和多种图形工具，适合团队画流程图、头脑风暴，或者老师做在线白板教学。它的优点是开源免费，界面简洁，就算是新手也能快速上手，还能离线编辑，网络恢复后自动同步。
用 Tldraw 时发现，它的实时协作功能需要所有成员在同一个网络里才能生效，而且本地部署的话，换台电脑就登不上之前的画布，得重新部署，有点麻烦。
由于 Tldraw 默认仅限局域网使用，远程团队想一起改图根本做不到，出差时灵感来了想改改之前的设计也不行，空间限制让它的协作优势大打折扣。
但搭配 cpolar 后，就能把本地 Tldraw 服务映射到公网，生成一个可远程访问的地址，不管在公司、家里还是外面，团队成员只要打开链接就能实时协作，老师也能把白板链接发给学生，异地课堂互动更方便。
接下来，我们将从 Docker 部署 Tldraw 开始，详细介绍如何配置 cpolar 实现远程访问，帮助你构建一个高效、安全、灵活的跨空间绘图环境，释放团队的创造力和协作潜能。
1.docker安装tldraw
在开始操作之前，请先确认你的系统中是否已经安装了 Docker。你可以通过以下命令来检查：
docker --version如果未安装过，可以参考这个教程https://www.cpolar.com/blog/docker-installation-linux-windows-macos
如果输出类似如下内容，表示 Docker 已安装：
检查docker是否启动：
Get-Service com.docker.service
若未启动，则输入命令启动：
Start-Service com.docker.service
在任务管理器，查看是否启动成功：
接下来我们来安装tldraw:
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 提供的公网地址，就可以随时随地进入本网站啦！
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 | 远程访问 | 搭建网站
联系博主
xcLeigh 博主，全栈领域优质创作者，博客专家，目前，活跃在CSDN、微信公众号、小红书、知乎、掘金、快手、思否、微博、51CTO、B站、腾讯云开发者社区、阿里云开发者社区等平台，全网拥有几十万的粉丝，全网统一IP为 xcLeigh。希望通过我的分享，让大家能在喜悦的情况下收获到有用的知识。主要分享编程、开发工具、算法、技术学习心得等内容。很多读者评价他的文章简洁易懂，尤其对于一些复杂的技术话题，他能通过通俗的语言来解释，帮助初学者更好地理解。博客通常也会涉及一些实践经验，项目分享以及解决实际开发中遇到的问题。如果你是开发领域的初学者，或者在学习一些新的编程语言或框架，关注他的文章对你有很大帮助。
亲爱的朋友，无论前路如何漫长与崎岖，都请怀揣梦想的火种，因为在生活的广袤星空中，总有一颗属于你的璀璨星辰在熠熠生辉，静候你抵达。
愿你在这纷繁世间，能时常收获微小而确定的幸福，如春日微风轻拂面庞，所有的疲惫与烦恼都能被温柔以待，内心永远充盈着安宁与慰藉。
至此，文章已至尾声，而您的故事仍在续写，不知您对文中所叙有何独特见解？期待您在心中与我对话，开启思想的新交流。
关注博主 带你实现畅游前后端！
从零到一学习Python 带你玩转Python技术流！
人工智能学习合集 搭配实例教程与实战案例，帮你构建完整 AI 知识体系
注：本文撰写于CSDN平台,作者：xcLeigh（所有权归作者所有） ，https://xcleigh.blog.csdn.net/，如果相关下载没有跳转，请查看这个地址，相关链接没有跳转，皆是抄袭本文，转载请备注本文原地址。
亲，码字不易，动动小手，欢迎 点赞 ➕ 收藏，如 问题请留言（或者关注下方公众号，看见后第一时间回复，还有海量编程资料等你来领！），博主看见后一定及时给您答复
浙公网安备 33010602011771号