使用Docker部署WBO白板并结合内网穿透实现远程访问WBO白板

已于 2024-01-30 08:08:04 修改
阅读量1.4k 收藏 82
点赞数 97
文章标签： docker 容器 运维
于 2024-01-29 10:25:27 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_80092713/article/details/135905870
版权

本文主要是如何使用Docker部署WBO白板并实现公网地址远程访问的文章，如果有什么需要改进的地方还请大佬指出⛺️

🎬作者简介：大家好，我是青衿🥇
☁️博客首页：CSDN主页放风讲故事
🌄每日一句：努力一点，优秀一点

在这里插入图片描述

文章目录

前言

WBO在线协作白板是一个自由和开源的在线协作白板，允许多个用户同时在一个虚拟的大型白板上画图。该白板对所有线上用户实时更新，并且状态始终保持。它可以用于许多不同的目的，包括艺术、娱乐、设计和教学，使用起来也非常有趣。

下面结合cpolar内网穿透工具,实现远程访问我们本地的WBO白板,远程访问的好处包括：

  1. 可以让多个用户在不同的地点同时协作，提高工作效率和沟通效果。
  2. 可以随时随地访问和编辑白板，方便灵活。
  3. 可以节省时间和成本，避免因为地理位置限制而无法进行协作。
  4. 可以实时更新和保存白板状态，方便后续查看和修改。

1. 部署WBO白板

官方提供了docker 一键部署启动,本例采用docker 方式部署,如需使用其他安装方式请参考官方文档,首先创建一个包含白板的目录:

`mkdir /usr/local/wbo-boards`

然后给该目录设置权限

`chown -R 1000:1000 /usr/local/wbo-boards`

执行docker 命令,一键运行WBO白板,访问端口为5001:

`docker run -it --publish 5001:80 --volume "/usr/local/wbo-boards:/opt/app/server-data" lovasoa/wbo:latest`

2. 本地访问WBO白板

docker部署成功后,打开浏览器,访问5001端口,即可访问WBO主页

image-20231019134931663

进入白板,即可愉快的进行创作了,本地访问成功了,下面进行远程设置,安装cpolar内网穿透软件

image-20231019135145843

3. Linux 安装cpolar

上面在本地Linux中成功部署了WBO创作白板,并局域网访问成功,下面我们在Linux安装cpolar内网穿透工具,通过cpolar 转发本地端口映射的http公网地址,我们可以很容易实现远程访问,而无需自己注册域名购买云服务器.下面是安装cpolar步骤

cpolar官网地址: https://www.cpolar.com

  • 使用一键脚本安装命令
`curl -L https://www.cpolar.com/static/downloads/install-release-cpolar.sh | sudo bash`
  • 向系统添加服务
`sudo systemctl enable cpolar`
  • 启动cpolar服务
`sudo systemctl start cpolar`

cpolar安装成功后，在外部浏览器上访问Linux 的9200端口即:【http://局域网ip:9200】，使用cpolar账号登录,登录后即可看到cpolar web 配置界面,结下来在web 管理界面配置即可

image-20231016143741228

4. 配置WBO公网访问地址

点击左侧仪表盘的隧道管理——创建隧道，创建一个WBO 创作白板的cpolar 公网地址隧道!

  • 隧道名称：可自定义命名，注意不要与已有的隧道名称重复
  • 协议：选择http
  • 本地地址：5001(本地访问时的端口)
  • 域名类型：免费选择随机域名
  • 地区：选择China

点击创建

image-20231019140421429

隧道创建成功后，点击左侧的状态——在线隧道列表,查看所生成的公网访问地址，有两种访问方式,一种是http 和https

5. 公网远程访问WBO白板

使用上面的cpolar https公网地址,在任意设备的浏览器进行访问,即可成功看到我们WBO白板主界面,这样一个公网地址且可以远程访问就创建好了,使用了cpolar的公网域名,无需自己购买云服务器,即可发布到公网进行远程访问!

image-20231019140858850

6. 固定WBO白板公网地址

由于以上使用cpolar所创建的隧道使用的是随机公网地址，24小时内会随机变化，不利于长期远程访问。因此我们可以为其配置二级子域名，该地址为固定地址，不会随机变化【ps：cpolar.cn已备案】

注意需要将cpolar套餐升级至基础套餐或以上，且每个套餐对应的带宽不一样。【cpolar.cn已备案】

登录cpolar官网，点击左侧的预留，选择保留二级子域名，设置一个二级子域名名称，点击保留,保留成功后复制保留的二级子域名名称

image-20231019141350496

保留成功后复制保留成功的二级子域名的名称

image-20231019141412305

返回登录cpolar web UI管理界面，点击左侧仪表盘的隧道管理——隧道列表，找到所要配置的隧道，点击右侧的编辑

image-20231019141446005

修改隧道信息，将保留成功的二级子域名配置到隧道中

  • 域名类型：选择二级子域名
  • Sub Domain：填写保留成功的二级子域名

点击更新(注意,点击一次更新即可,不需要重复提交)

image-20231019141519306

更新完成后,打开在线隧道列表,此时可以看到公网地址已经发生变化,地址名称也变成了固定的二级子域名名称的域名

image-20231019141545532

最后,我们使用固定的公网地址访问,可以看到访问成功,这样一个固定且永久不变的公网地址就设置好了,随时随地都可以远程访问WBO白板界面!!

image-20231019141640415

📑文章末尾

在这里插入图片描述

放风讲故事
关注
  • 97
    点赞
  • 踩
  • 82
    收藏
    觉得还不错? 一键收藏
  • 63
    评论
Docker 使用NPS在服务器搭建内网穿透服务
01-11
使用NPS在服务器搭建内网穿透服务
Linux使用Docker部署在线协作白板WBO并结合内网穿透发布公网远程访问
YYDsis的博客
02-27 1322
WBO在线协作白板是一个自由和开源的在线协作白板，允许多个用户同时在一个虚拟的大型白板上画图。该白板对所有线上用户实时更新，并且状态始终保持。它可以用于许多不同的目的，包括艺术、娱乐、设计和教学，使用起来也非常有趣。可以让多个用户在不同的地点同时协作，提高工作效率和沟通效果。可以随时随地访问和编辑白板，方便灵活。可以节省时间和成本，避免因为地理位置限制而无法进行协作。可以实时更新和保存白板状态，方便后续查看和修改。
如何使用Docker一键部署WBO白板并实现固定公网地址远程访问
克克克克业业的学习记录
01-16 2171
WBO在线协作白板是一个自由和开源的在线协作白板，允许多个用户同时在一个虚拟的大型白板上画图。该白板对所有线上用户实时更新，并且状态始终保持。它可以用于许多不同的目的，包括艺术、娱乐、设计和教学，使用起来也非常有趣。可以让多个用户在不同的地点同时协作，提高工作效率和沟通效果。可以随时随地访问和编辑白板，方便灵活。可以节省时间和成本，避免因为地理位置限制而无法进行协作。可以实时更新和保存白板状态，方便后续查看和修改。
Linux Docker本地部署WBO在线协作白板结合内网穿透远程访问
m0_69984273的博客
12-19 5290
WBO在线协作白板是一个自由和开源的在线协作白板，允许多个用户同时在一个虚拟的大型白板上画图。该白板对所有线上用户实时更新，并且状态始终保持。它可以用于许多不同的目的，包括艺术、娱乐、设计和教学，使用起来也非常有趣。可以让多个用户在不同的地点同时协作，提高工作效率和沟通效果。可以随时随地访问和编辑白板，方便灵活。可以节省时间和成本，避免因为地理位置限制而无法进行协作。可以实时更新和保存白板状态，方便后续查看和修改。
在线协作白板WBO本地部署启动并结合内网穿透实现远程协同办公
qq_73017178的博客
01-15 2161
WBO在线协作白板是一个自由和开源的在线协作白板，允许多个用户同时在一个虚拟的大型白板上画图。该白板对所有线上用户实时更新，并且状态始终保持。它可以用于许多不同的目的，包括艺术、娱乐、设计和教学，使用起来也非常有趣。 下面结合cpolar内网穿透工具,实现远程访问我们本地的WBO白板,远程访问的好处包括： 1. 可以让多个用户在不同的地点同时协作，提高工作效率和沟通效果。 2. 可以随时随地访问和编辑白板，方便灵活。 3. 可以节省时间和成本 4. 可以实时更新和保存白板状态，方便后续查看和修改
使用Docker部署war包项目的实现
01-08
使用Docker部署war，必须要用容器，我们就用tomcact容器，其实都是将war包丢到tomcat的webapps目录下，tomcat启动的情况下会自动解压war包。  一种是在Docker中安装tomcat容器的镜像，然后把war包丢到tomcat镜像下...
Docker之开启远程访问的实现
09-30
主要介绍了Docker之开启远程访问的实现，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
使用 Docker 部署 Django web 应用.zip
01-09
使用 Docker 部署 Django web 应用.zip使用 Docker 部署 Django web 应用.zip使用 Docker 部署 Django web 应用.zip使用 Docker 部署 Django web 应用.zip使用 Docker 部署 Django web 应用.zip
docker部署mysql 实现远程连接的示例代码
09-09
主要介绍了docker部署mysql 实现远程连接的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
docker overlay扩容
kuun993的博客
05-15 196
overlay 使用率已接近100%，导致docker容器写不了数据。
[每周一更]-(第97期)：认识Podman，并对比Docker
最新发布
hmx224_2014的专栏
05-19 745
Podman 和 Docker 都是流行的容器引擎，用于创建、运行和管理容器。此外，Podman 还支持 SELinux 和 AppArmor 等安全功能，可以进一步增强容器的安全性。在使用 Docker 之前，您需要先启动 Docker 守护进程，守护进程在后台运行，并负责容器的生命周期管理。例如，您可以使用 Buildah 构建自定义容器镜像，然后使用 Podman 运行这些镜像。Podman 的使用与 Docker 非常相似。例如，在内存不足的设备上运行容器时，Podman 可以提供更好的性能。
Docker：基础概念、常用命令
想听风雨的博客
05-17 497
Docker：基础概念、常用命令
前端 finalShell 与 docker 创建 服务连接 部署项目
lzfengquan的博客
05-14 1053
准备官网下载地址 要哪个下那个， 我的是第一个下载后 安装 打开选择 SSH 进行配置配置后点击确定即可1、yum install -y docker -y 表示不询问，使用默认配置进行安装检测版本 装最新的2、 yum list installed | grep docker 查看yum安装完成文件列表并筛选docker安装信息3、systemctl status docker 查看docker当前服务状态，active：inactive(dead)未开启，死亡状态。
docker
帅的没拼音
05-14 366
确保 docker-desktop和docker-desktop-data状态为stoped。安装docker desktop。2. 导出docker镜像文件。
谷粒商城环境准备 docker版
程序员三木的博客
05-16 848
版权声明：本文为CSDN博主「夕阳下美了剪影」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。原文链接：https://blog.csdn.net/qq_38401285/article/details/86483278常见问题2：cnpm - 解决 " cnpm : 无法加载文件 C:\Users\93457\AppData\Roaming\npm\cnpm.ps1，因为在此系统上禁止运行脚本。有关详细信息。。。
docker本地（非公网）搭建gpt-4-all 和 GPTS 多模态对话页面(支持Chat Gpt4o「omni」)
缘友一世的博客
05-16 438
新模型 GPT-4o，其中的「o」代表「omni」（即全面、全能的意思），这个模型同时具备文本、图片、视频和语音方面的能力。
Docker配置镜像加速
weixin_53314015的博客
05-13 418
说明了配置 Docker 镜像的原因，包括提升下载速度、改善稳定性、适应国内网络环境等。详细介绍了配置阿里云镜像的步骤，涉及到进入相关产品服务、管理控制台、选择系统并进行具体配置操作。还阐述了阿里云加速的原理，包括网络链路优化、缓存服务、按需读取、P2P 分发以及加速节点等方面。
docker学习和常用命令
OutRoading的博客
05-14 184
镜像仓库datahub。
要使用 Docker 部署Nginx,并使用nginx部署项目
06-02
好的，以下是使用 Docker 部署 Nginx 并使用 Nginx 部署项目的步骤： 1. 首先，需要安装 Docker，可以参考官网的安装教程进行安装。 2. 创建一个用于存放 Nginx 配置文件和项目文件的目录，比如 /home/nginx。 3. 在该目录下创建一个名为 nginx.conf 的 Nginx 配置文件，可以参考以下示例进行编写： ``` worker_processes 1; events { worker_connections 1024; } http { server { listen 80; server_name localhost; location / { root /usr/share/nginx/html; index index.html; } location /api/ { proxy_pass http://backend:8000/; } } } ``` 上述配置文件中，Nginx 监听本地 80 端口，将访问根目录的请求转发到 /usr/share/nginx/html 目录下的 index.html 文件，将以 /api/ 开头的请求转发到名为 backend 的 Docker 容器中的 8000 端口。 4. 在该目录下创建一个名为 Dockerfile 的文件，用于构建自定义的 Nginx 镜像，可以参考以下示例进行编写： ``` FROM nginx COPY nginx.conf /etc/nginx/nginx.conf COPY dist/ /usr/share/nginx/html/ ``` 上述 Dockerfile 文件中，使用 nginx 作为基础镜像，将本地的 nginx.conf 文件复制到容器中的 /etc/nginx/nginx.conf 目录下，将本地的项目文件复制到容器中的 /usr/share/nginx/html/ 目录下。 5. 使用以下命令构建并运行 Nginx 容器： ``` docker build -t my-nginx . docker run --name my-nginx -p 80:80 --link backend my-nginx ``` 上述命令中，首先使用 docker build 命令构建名为 my-nginx 的自定义 Nginx 镜像，然后使用 docker run 命令启动该镜像对应的容器，将本地的 80 端口映射到容器的 80 端口，并连接名为 backend 的后端容器。 6. 至此，使用 Docker 部署 Nginx 并使用 Nginx 部署项目的过程已完成。可以通过浏览器访问 http://localhost 来查看部署的项目。如果该项目中有需要通过 /api/ 访问的后端服务，可以在后端容器中启动该服务，并将其命名为 backend，以便 Nginx 容器能够连接到该服务。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 63
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值