news 2026/6/1 18:41:39

告别 “局域网枷锁”:Tldraw +cpolar 让协作随时随地都能聊

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
告别 “局域网枷锁”:Tldraw +cpolar 让协作随时随地都能聊

Tldraw 的核心功能是提供一个灵活的在线画布,你可以用它画流程图、产品原型、脑暴笔记,支持元素拖拽、实时多人编辑,还能通过语音评论配合箭头标注,让沟通更直观。它兼容 Windows、macOS、Linux 系统,手机浏览器也能打开,基本覆盖了日常使用的设备场景。

文章目录

      • 实现这么好的应用组合第一步当然是动手安装喽!教程已备好👇,拿走不谢😊
    • 1.docker安装tldraw
    • 2.安装cpolar实现随时随地开发
    • 3.配置公网地址
    • 4.保留固定二级子域名公网地址
    • 总结

作为每天用它开需求会的产品经理,真心觉得 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:

dockerrun -d --name tldraw -p7900: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官网-安全的内网穿透工具 | 无需公网ip | 远程访问 | 搭建网站

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

ERNIE 4.5-21B开源:210亿参数文本大模型强力登场

ERNIE 4.5-21B开源:210亿参数文本大模型强力登场 【免费下载链接】ERNIE-4.5-21B-A3B-Base-Paddle 项目地址: https://ai.gitcode.com/hf_mirrors/baidu/ERNIE-4.5-21B-A3B-Base-Paddle 百度ERNIE系列再添新成员,210亿参数的ERNIE-4.5-21B-A3B-B…

作者头像 李华
网站建设 2026/5/30 18:33:14

ERNIE 4.5大模型:300B参数MoE架构高效推理新体验

ERNIE 4.5大模型:300B参数MoE架构高效推理新体验 【免费下载链接】ERNIE-4.5-300B-A47B-FP8-Paddle 项目地址: https://ai.gitcode.com/hf_mirrors/baidu/ERNIE-4.5-300B-A47B-FP8-Paddle 导语:百度正式推出ERNIE 4.5系列大模型,其中…

作者头像 李华
网站建设 2026/5/30 19:22:12

Qwen3-8B-MLX:双模式切换,AI推理新体验

Qwen3-8B-MLX:双模式切换,AI推理新体验 【免费下载链接】Qwen3-8B-MLX-6bit 项目地址: https://ai.gitcode.com/hf_mirrors/Qwen/Qwen3-8B-MLX-6bit 导语:Qwen3系列最新发布的Qwen3-8B-MLX-6bit模型带来突破性双模式切换功能&#xf…

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

M2FP在医疗康复中的应用:患者动作监测

M2FP在医疗康复中的应用:患者动作监测 🏥 医疗康复场景下的技术需求 在现代医疗康复体系中,精准、连续且非侵入式的患者动作监测已成为提升治疗效果的关键环节。传统的康复评估多依赖于医生肉眼观察或昂贵的运动捕捉设备(如红外光…

作者头像 李华
网站建设 2026/5/20 13:22:58

ERNIE 4.5-VL-A3B:28B多模态大模型如何变革AI?

ERNIE 4.5-VL-A3B:28B多模态大模型如何变革AI? 【免费下载链接】ERNIE-4.5-VL-28B-A3B-PT 项目地址: https://ai.gitcode.com/hf_mirrors/baidu/ERNIE-4.5-VL-28B-A3B-PT 百度ERNIE系列推出280亿参数多模态大模型ERNIE-4.5-VL-28B-A3B-PT&#x…

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

ERNIE 4.5-A47B:300B参数MoE模型如何优化推理?

ERNIE 4.5-A47B:300B参数MoE模型如何优化推理? 【免费下载链接】ERNIE-4.5-300B-A47B-Paddle 项目地址: https://ai.gitcode.com/hf_mirrors/baidu/ERNIE-4.5-300B-A47B-Paddle 百度最新发布的ERNIE-4.5-300B-A47B-Paddle模型(以下简…

作者头像 李华