核心内容摘要
17.c.07一起草：灵感碰撞的熔炉，创新诞生的温床
Tldraw 作为一款主打 “用代码写白板” 的极简工具核心功能围绕无限画布扩展和直觉式操作展开支持 Windows、macOS、Linux 多系统及移动端浏览器访问还具备类似 Excel 的单元格对齐能力适配产品、研发、设计等多岗位人群尤其适合需要频繁沟通可视化内容的团队其无加载延迟的实时协作特性大幅降低了团队沟通的时间成本。
实际使用 Tldraw 的过程中发现它的操作门槛极低新手只需简单拖拽就能完成图形绘制和标注但也需要注意本地部署的 Tldraw 数据仅存储在服务器端若未做好备份误操作可能导致内容丢失且纯本地使用时不同设备间切换查看白板内容也较为繁琐。
仅依靠局域网使用 Tldraw 会带来诸多不便比如跨地域的团队成员无法参与需求评审外出办公时想查看或修改白板内容只能等回到内网环境甚至临时的客户沟通场景中因无法共享内网白板只能通过截图、录屏等方式传递信息既低效又易产生信息偏差。
而将 Tldraw 与 cpolar 内网穿透技术结合后这些问题都能迎刃而解。
cpolar 无需公网 IP 和复杂配置就能把本地部署的 Tldraw 映射到公网无论是居家办公的设计师还是异地的客户都能通过公网链接随时访问、编辑白板团队协作不再受物理空间和网络环境的限制沟通效率显著提升。
实现这么好的应用组合第一步当然是动手安装喽教程已备好拿走不谢
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:
安装cpolar实现随时随地开发cpolar 可以将你本地电脑中的服务如 SSH、Web、数据库映射到公网。
即使你在家里或外出时也可以通过公网地址连接回本地运行的开发环境。
配合 VSCode 的 Remote - SSH 插件你可以从任何设备访问自己的完整开发环境。
❤️以下是安装cpolar步骤官网在此https://www.cpolar.com点击免费注册注册一个账号并下载最新版本的Cpolar登录成功后点击下载Cpolar到本地并安装一路默认安装即可本教程选择下载Windows版本。
Cpolar安装成功后在浏览器上访问http://localhost:9200使用cpolar账号登录,登录后即可看到Cpolar web 配置界面,结下来在web 管理界面配置即可。
配置公网地址通过配置你可以在本地 WSL 或 Linux 系统上运行 SSH 服务并通过 Cpolar 将其映射到公网从而实现从任意设备远程连接开发环境的目的。
隧道名称可自定义本例使用了:tldraw注意不要与已有的隧道名称重复协议http本地地址7900域名类型随机域名地区China Top创建成功后打开左侧在线隧道列表,可以看到刚刚通过创建隧道生成了公网地址接下来就可以在其他电脑或者移动端设备异地上使用任意一个地址在终端中访问即可。
http表示使用的协议类型713e
r
cpolar.top是 Cpolar 提供的域名通过 Cpolar 提供的公网地址就可以随时随地进入本网站啦http://713e
r
cpolar.top/
保留固定二级子域名公网地址使用cpolar为其配置固定二级子域名地址该地址为固定地址不会随机变化。
选择区域和描述有一个下拉菜单当前选择的是“China Top”。
右侧输入框用于填写描述信息。
保留按钮在右侧有一个橙色的“保留”按钮点击该按钮可以保留所选的二级子域名。
列表中显示了一条已保留的子域名记录。
地区显示为“China Top”。
二级子域名显示为“tldraw”。
登录cpolar web UI管理界面点击左侧仪表盘的隧道管理——隧道列表找到所要配置的隧道tldraw点击右侧的编辑。
修改隧道信息将保留成功的二级域名配置到隧道中。
域名类型选择二级子域名Sub Domaintldraw点击更新。
创建完成后打开在线隧道列表此时可以看到随机的公网地址已经发生变化地址名称也变成了保留和固定的二级子域名。
最后测试一下固定的地址是否好用这样就可以随时随地完成你的画图任务啦。
总结tldraw 是一款开源免费的在线白板工具它以其简洁易用的界面、强大的实时协作功能和无限扩展的画布空间支持用户轻松进行图表绘制、头脑风暴及创意分享。
无论是在跨平台兼容性、数据持久性和可导出性方面还是在提供高性能表现上tldraw 都表现出色适用于个人创作到团队合作等多种场景是一个灵活而强大的视觉沟通解决方案。
Tldraw 本身是高效的可视化协作工具搭配 cpolar 突破内网限制后能更好地适配远程办公、跨地域沟通等实际场景。
日常使用中只需简单配置就能让白板协作摆脱网络束缚满足不同场景下的高效沟通需求。
感谢您对本篇文章的喜爱有任何问题欢迎留言交流。
cpolar官网-安全的内网穿透工具 | 无需公网ip | 远程访问 | 搭建网站