从局域网到全网协作!Tldraw和cpolar这样用才叫高效

前言:Tldraw 作为在线白板工具,能轻松实现草图绘制、图表制作和原型设计,支持多人实时操作,是团队沟通和创意落地的实用工具。

作为经常用它做方案演示的人,最满意的是它的轻量化设计 —— 打开浏览器就能用,不占太多内存,而且图形库丰富,画出来的内容既专业又清晰,同事们都觉得比传统画图软件顺手。

以前 Tldraw 只能在局域网内用,经常遇到麻烦:比如在家加班想调改公司电脑上的画布调不了,客户在外地想即时看修改效果也得等文件传输。但用了 CPolar 后,生成一个公网链接就能解决这些问题 —— 现在无论是在咖啡厅改方案,还是远程给客户演示实时修改,都和在公司局域网内操作一样流畅,完全不用再被固定地点束缚了。

目录

1.docker安装tldraw

2.安装cpolar实现随时随地开发

3.配置公网地址

4.保留固定二级子域名公网地址

总结


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

官网在此:[https://www.cpolar.com](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 提供的公网地址,就可以随时随地进入本网站啦!

```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 | 远程访问 | 搭建网站](https://www.cpolar.com/)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值