news 2026/4/27 1:40:57

告别 “局域网枷锁”: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/4/23 17:39:47

Step-Audio-TTS-3B:AI语音合成新标杆,说唱哼唱全搞定

Step-Audio-TTS-3B:AI语音合成新标杆,说唱哼唱全搞定 【免费下载链接】Step-Audio-TTS-3B 项目地址: https://ai.gitcode.com/StepFun/Step-Audio-TTS-3B 导语:Step-Audio-TTS-3B作为业界首款基于LLM-Chat范式训练的语音合成模型&…

作者头像 李华
网站建设 2026/4/18 17:17:03

48小时构建企业级图像智能分析平台:从零到部署的完整实践

48小时构建企业级图像智能分析平台:从零到部署的完整实践 【免费下载链接】opencv OpenCV: 开源计算机视觉库 项目地址: https://gitcode.com/gh_mirrors/opencv31/opencv 在人工智能技术快速发展的今天,图像智能分析已经成为企业数字化转型的核心…

作者头像 李华
网站建设 2026/4/20 4:29:43

终极跨平台文件传输指南:Flying Carpet让数据交换如此简单

终极跨平台文件传输指南:Flying Carpet让数据交换如此简单 【免费下载链接】FlyingCarpet File transfer between Android, iOS, Linux, macOS, and Windows over ad hoc WiFi. No network infrastructure required, just two devices with WiFi chips in close ran…

作者头像 李华
网站建设 2026/4/21 8:41:38

GAN Lab实战指南:零基础玩转深度学习可视化

GAN Lab实战指南:零基础玩转深度学习可视化 【免费下载链接】ganlab GAN Lab: An Interactive, Visual Experimentation Tool for Generative Adversarial Networks 项目地址: https://gitcode.com/gh_mirrors/ga/ganlab 还在为理解生成对抗网络的复杂原理而…

作者头像 李华
网站建设 2026/4/20 21:59:44

M2FP模型在智能门禁中的人体特征识别

M2FP模型在智能门禁中的人体特征识别 🧩 M2FP 多人人体解析服务:技术背景与应用价值 随着智能安防系统的持续演进,传统人脸识别已难以满足复杂场景下的身份判别需求。在低光照、遮挡、侧脸或多人并行通过等现实门禁场景中,仅依赖面…

作者头像 李华
网站建设 2026/4/17 16:22:47

零基础3小时掌握Shan-Shui-Inf数字山水画创作秘籍

零基础3小时掌握Shan-Shui-Inf数字山水画创作秘籍 【免费下载链接】shan-shui-inf 项目地址: https://gitcode.com/gh_mirrors/sh/shan-shui-inf 想要用代码创作出令人惊艳的中国传统山水画吗?Shan-Shui-Inf正是你需要的终极工具!这个基于JavaSc…

作者头像 李华