news 2026/5/9 19:04:01

cpolar实现远程协作,让Tldraw效率提高不止一倍

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
cpolar实现远程协作,让Tldraw效率提高不止一倍

Tldraw 作为一款主打 “用代码写白板” 的极简工具,核心功能围绕无限画布扩展和直觉式操作展开,支持 Windows、macOS、Linux 多系统及移动端浏览器访问,还具备类似 Excel 的单元格对齐能力,适配产品、研发、设计等多岗位人群,尤其适合需要频繁沟通可视化内容的团队,其无加载延迟的实时协作特性,大幅降低了团队沟通的时间成本。

实际使用 Tldraw 的过程中发现,它的操作门槛极低,新手只需简单拖拽就能完成图形绘制和标注,但也需要注意,本地部署的 Tldraw 数据仅存储在服务器端,若未做好备份,误操作可能导致内容丢失,且纯本地使用时,不同设备间切换查看白板内容也较为繁琐。

仅依靠局域网使用 Tldraw 会带来诸多不便,比如跨地域的团队成员无法参与需求评审,外出办公时想查看或修改白板内容,只能等回到内网环境,甚至临时的客户沟通场景中,因无法共享内网白板,只能通过截图、录屏等方式传递信息,既低效又易产生信息偏差。

而将 Tldraw 与 cpolar 内网穿透技术结合后,这些问题都能迎刃而解。cpolar 无需公网 IP 和复杂配置,就能把本地部署的 Tldraw 映射到公网,无论是居家办公的设计师,还是异地的客户,都能通过公网链接随时访问、编辑白板,团队协作不再受物理空间和网络环境的限制,沟通效率显著提升。

实现这么好的应用组合第一步当然是动手安装喽!教程已备好👇,拿走不谢😊

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步骤:

官网在此:https://www.cpolar.com

点击免费注册注册一个账号,并下载最新版本的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 | 远程访问 | 搭建网站

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/5/8 12:45:22

企业级web大学生一体化服务平台管理系统源码|SpringBoot+Vue+MyBatis架构+MySQL数据库【完整版】

摘要 随着高校信息化建设的不断推进,传统的学生服务管理模式已难以满足现代化校园管理的需求。高校学生服务涉及课程管理、成绩查询、活动报名、就业指导等多个模块,传统的分散式系统往往存在数据孤岛、操作繁琐、响应速度慢等问题。为了提高管理效率、优…

作者头像 李华
网站建设 2026/5/8 12:44:33

Java Web 开发精简博客系统系统源码-SpringBoot2+Vue3+MyBatis-Plus+MySQL8.0【含文档】

摘要 随着互联网技术的快速发展,个人博客系统成为信息分享与知识传播的重要载体。传统博客系统在性能、扩展性和用户体验方面存在诸多不足,亟需采用现代化技术栈进行重构。当前,轻量级框架和高性能数据库的结合为博客系统的开发提供了新的解决…

作者头像 李华
网站建设 2026/5/4 21:52:12

Qwen3-4B显存不足?vllm优化部署案例让推理效率提升80%

Qwen3-4B显存不足?vLLM优化部署案例让推理效率提升80% 你是不是也遇到过这样的问题:手握Qwen3-4B-Instruct-2507这个能力全面、支持256K长上下文的轻量级大模型,却在本地或云服务器上卡在第一步——显存爆了,连模型都加载不起来&…

作者头像 李华
网站建设 2026/5/4 21:52:54

前后端分离农商对接系统系统|SpringBoot+Vue+MyBatis+MySQL完整源码+部署教程

摘要 随着农业信息化建设的不断推进,传统农商对接模式在效率、透明度和数据共享方面面临诸多挑战。农户与市场之间的信息不对称问题日益突出,导致农产品滞销、价格波动大等问题频发。为优化农商资源匹配效率,提升农产品流通信息化水平&#…

作者头像 李华
网站建设 2026/5/4 21:51:47

保姆级教程:基于GLM-4V-9B的智能客服系统搭建(支持多轮对话)

保姆级教程:基于GLM-4V-9B的智能客服系统搭建(支持多轮对话) 你是否遇到过这样的问题:电商客服需要24小时响应用户上传的商品图片咨询,但人工识别效率低、响应慢;教育平台要为学生解答教材插图中的知识点&…

作者头像 李华
网站建设 2026/5/9 7:56:48

基于SpringBoot+Vue的大学生心理健康管理系统管理系统设计与实现【Java+MySQL+MyBatis完整源码】

摘要 随着社会快速发展,大学生心理健康问题日益突出,高校亟需一套高效、科学的管理系统来辅助心理辅导工作的开展。传统心理健康管理方式依赖人工记录和纸质档案,存在效率低、数据易丢失、隐私保护不足等问题。数字化心理健康管理系统能够实…

作者头像 李华