高效绘图不再受限！本地搭建Excalidraw与随时随地高效绘制流程图教程
前言想象一下这样的场景：你正在家里办公，突然接到一个告急任务须要马上画出一套复杂的流程图。这时间，你就须要用到一款简单易用且功能强盛的在线绘图工具了。Excalidraw就是这样一位“神器”，它的界面简洁、操作流畅，上手几乎零门槛。
但是题目来了——怎样快速部署这个工具，并确保无论你身处何地都能随时访问呢？答案就是Docker和Cpolar的完美组合！通过Docker容器化技能，你可以迅速搭建一个稳定且一致的工作环境；而Cpolar内网穿透则能让你轻松实现公网远程访问。这样一来，无论是居家办公还是出差在外，你都可以随时随地高效工作。
接下来的文章中，我们将一步步带你相识怎样利用这些工具，并分享一些实用的小本领。让我们一起开启这段技能之旅吧！
https://img-blog.csdnimg.cn/img_convert/da663e880298a3f9ad979cdcc133fc37.png
1. 安装Docker
本教程操作环境为Linux Ubuntu体系，在开始之前，我们须要先安装Docker。
本例利用Docker Compose部署，如果没有安装Docker，可以查看这篇教程进行安装：《Docker安装教程——Linux、Windows、MacOS》
2. 利用Docker拉取Excalidraw镜像
sudo docker pull excalidraw/excalidraw
https://img-blog.csdnimg.cn/img_convert/78317d1c85d29529e0d05f9a8802d484.png
然后实行查看镜像下令：
sudo docker images
https://img-blog.csdnimg.cn/img_convert/eed24072924b070d7db880609905e61d.png
可以看到成功拉取了Excalidraw镜像。
3. 创建并启动Excalidraw容器
成功拉取Excalidraw镜像后，我们可以利用该镜像创建并运行一个Excalidraw容器。
在终端实行以下下令：
sudo docker run -d --name excalidraw -p 5000:80 excalidraw/excalidraw
参数阐明：
[*]–name excalidraw：本例容器名称为excalidraw，各人可以自己起名。
[*]-p 5000:80： 端口进行映射，将本地 5000 端口映射到容器内部的 80 端口。
[*]**-d ** ：设置容器在在后台一直运行。
https://img-blog.csdnimg.cn/img_convert/185bac28a54f80245a36dfc03a34aff1.png
然后实行下方下令查看容器是否正在运行：
sudo docker ps
https://img-blog.csdnimg.cn/img_convert/f867f9eadffafb1f33d1a8a676309e02.png
可以看到刚才创建的Excalidraw容器正在运行中。
4. 本地毗连测试
如今我们可以通过浏览器直接访问 localhost:5000 端口的 Excalidraw 服务：
https://img-blog.csdnimg.cn/img_convert/ef9ce12dd6c7b1baaaaa3e770d12db6e.png
可以看到，本地毗连 Excalidraw 服务测试成功。
5. 公网远程访问本地Excalidraw
不过我们目前只能在本地毗连刚刚利用docker部署的Excalidraw服务，如果身在异地，想要远程访问在本地部署的Excalidraw容器，但又没有公网ip怎么办呢？
我们可以利用cpolar内网穿透工具来实现无公网ip环境下的远程访问需求。
5.1 内网穿透工具安装
下面是安装cpolar步调：
cpolar官网地址: https://www.cpolar.com
[*]利用一键脚本安装下令
sudo curl https://get.cpolar.sh | sh
[*]安装完成后，实行下方下令查看cpolar服务状态：（显示running即为正常启动）
sudo systemctl status cpolar
cpolar安装成功后，在外部浏览器上访问Linux 的9200端口即:【http://服务器的局域网ip:9200】，利用cpolar账号登录,登录后即可看到cpolar web 配置界面,结下来在web 管理界面配置即可。
https://img-blog.csdnimg.cn/img_convert/92d7fb62ac185395b27af13cdb3d044b.png
5.2 创建远程毗连公网地址
登录cpolar web UI管理界面后,点击左侧仪表盘的隧道管理——创建隧道：
[*]隧道名称：可自界说，留意不要与已有的隧道名称重复，本例利用了：exdraw
[*]协议：http
[*]本地地址：5000
[*]域名范例：随机域名
[*]地域：选择China Top
点击创建
https://img-blog.csdnimg.cn/img_convert/7406305117f3a4e22485b567845ee262.png
创建成功后,打开左侧在线隧道列表,可以看到刚刚通过创建隧道生成了两个公网地址，接下来就可以在其他电脑（异地）上，利用任意一个地址在浏览器中访问即可。
https://img-blog.csdnimg.cn/img_convert/ad8266f0b39c77014bfcb90cdc7fda92.png
如下图所示，成功实如今公网环境访问本地部署的Excalidraw服务！
https://img-blog.csdnimg.cn/img_convert/dc834ee35a3c8245430297ede050b265.png
小结
为了方便演示，我们在上边的操作过程中利用了cpolar生成的HTTP公网地址隧道，其公网地址是随机生成的。这种随机地址的优势在于创建速率快，可以立即利用。然而，它的缺点是网址是随机生成，这个地址在24小时内会发生随机变革，更适合于临时利用。
如果有长期远程访问本地Excalidraw服务的需求，但又不想天天重新配置公网地址，还想地址好看又好记，那我推荐各人选择利用固定的二级子域名方式来远程访问。
5.3 利用固定公网地址远程访问
登录cpolar官网，点击左侧的预留，选择保留二级子域名，地域选择China VIP，设置一个二级子域名名称，点击保留，保留成功后复制保留的二级子域名名称，这里我填写的是exdraw，各人也可以自界说喜欢的名称。
https://img-blog.csdnimg.cn/img_convert/408026ac583e08c9525f74c1345e55a0.png
保留成功后复制保留成功的二级子域名的名称：exdraw，返回登录Cpolar web UI管理界面，点击左侧仪表盘的隧道管理——隧道列表，找到所要配置的隧道exdraw，点击右侧的编辑：
https://img-blog.csdnimg.cn/img_convert/24e1fb849f2e429279f44dd218869a17.png
修改隧道信息，将保留成功的二级子域名配置到隧道中
[*]域名范例：选择二级子域名
[*]Sub Domain：填写保留成功的二级子域名：exdraw
[*]地域：选择China VIP
点击更新(留意,点击一次更新即可,不须要重复提交)
https://img-blog.csdnimg.cn/img_convert/6fbbb578f5ea0eec63cc29ee05c5229f.png
更新完成后,打开在线隧道列表,此时可以看到公网地址已经发生变革,地址名称也变成了固定的二级子域名名称的域名：
https://img-blog.csdnimg.cn/img_convert/810159b3b7786960f6e79bb8d5347420.png
末了,我们利用任意一个固定公网地址在浏览器访问,可以看到访问成功,这样一个固定且永世不变的公网地址就设置好了，随时随地都可以远程访问本地部署的Excalidraw服务了！
https://img-home.csdnimg.cn/images/20230724024159.png?origin_url=%25E5%25A6%2582%25E4%25BD%2595%25E5%259C%25A8Ubuntu%25E4%25B8%258A%25E5%2588%25A9%25E7%2594%25A8Docker%25E5%2592%258CCpolar%25E5%25AE%259E%25E7%258E%25B0Excalidraw%25E5%2585%25AC%25E7%25BD%2591%25E8%25AE%25BF%25E9%2597%25AE%25E9%25AB%2598%25E6%2595%2588%25E7%25BB%2598%25E5%259B%25BE.assets%2F9171a5d57953ad58f3b9d2a90e6b8e1d.png&pos_id=img-ovJpMjCe-1736158813489
通过这篇文章，我们不光学会了怎样用Docker快速部署Excalidraw容器，还把握了利用Cpolar实现公网远程访问的方法。希望这些内容能帮助你提升工作效率，让你在任何环境下都能游刃有余地完成任务。
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页:
[1]