首页 > 其他分享 >分享一个有趣的WBO在线创作画板并且可以远程访问

分享一个有趣的WBO在线创作画板并且可以远程访问

时间:2023-11-17 10:00:28浏览次数:41  
标签:白板 公网 画板 访问 域名 cpolar WBO 远程

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://i.cpolar.com/m/4Y6w

  • 使用一键脚本安装命令

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

image-20231019140532957

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

标签:白板,公网,画板,访问,域名,cpolar,WBO,远程
From: https://www.cnblogs.com/flzidea/p/17837999.html

相关文章

  • OpenFeign远程调用
    Feign是什么SpringCloud组件中一个轻量级RESTful的HTTP服务客户端,它是在RestTemplate基础上做封装(Feign内置Ribbon,用来做客户端负载均衡,去调用服务注册中心的服务)一种声明式、模板化的HTTP客户端。使用Feign,可以做到声明式调用。Feign是在RestTemplate和Ribbon......
  • 企业版远程软件推荐
    在当今的数字时代,为您的企业配备远程访问功能至关重要。通过远程访问,您的团队可以在办公室外工作,并且无论身在何处都可以保持相同的生产力水平。在本文中,我们汇总了市场上的四大选择。我们在远程访问解决方案中寻找什么远程访问软件提供的灵活性和易用性伴随着明显的权衡。安全性较......
  • 微服务 在 Java 代码中发送 http 请求(跨服务远程调用)
    1.注册RestTemplate对象到Spring容器中(Bean的注入只能放在配置类里,而启动类本身就是配置类)@SpringBootApplicationpublicclassOrderServiceApplication{publicstaticvoidmain(String[]args){SpringApplication.run(OrderServiceApplication.class,......
  • 智慧驿站:快递驿站/网点LiteCVR平台远程视频监控方案
    一、背景需求视频监控在快递行业的应用已较为普遍。通过基于高清视频联网应用的业务管理可视化,可帮助提升快递行业服务规范性,降低企业不必要的经营成本,这已然成为视频监控在快递行业应用的趋势。除了起到安全防范的作用外,还能对快递业务过程进行事后录像回放与查证,业务管理可视化......
  • Linux 部署 Swagger Editor 接口文档并且实现远程访问教程
    SwaggerEditor是一个用于编写OpenAPI规范的开源编辑器。它提供了一个可视化的界面,使得用户可以更加方便地编写和管理API文档。SwaggerEditor远程访问的好处是您可以随时随地访问和编辑您的SwaggerAPI文档,而不需要在本地安装Swagger编辑器。此外还可以轻松地与团队成员共......
  • mysql开启远程连接
    1:有账号的情况下usemysql;updateusersetHost='%'whereUser='root';flushprivileges;2:无账号的情况下,grant命令重新创建一个用户grantallprivilegeson*.*toroot@"%"identifiedby"root";flushprivileges;......
  • Linux 本地AMH 服务器管理面板实现远程访问方法
    AMH是一款基于Linux系统的服务器管理面板,它提供了一系列的功能,包括网站管理、FTP管理、数据库管理、DNS管理、SSL证书管理等。使用AMH云主机面板可以方便地管理服务器,提高工作效率。AMH面板远程访问的好处在于,用户可以通过互联网远程登录到服务器主机面板,方便地管理和维......
  • ABAP使用异步远程RFC实现并行处理
    1、使用场景当开发复杂报表,需要处理大量数据,不管怎么优化计算和查询语句,程序的运行效率还是达不到用户要求,怎么办?为了解决这个问题,就需要程序实现并行处理。本文档就是通过异步调用远程RFC的办法,实现对大量数据的计算,以并行的方式,更快的计算出最终结果。2、代码实现在实现并......
  • git 命令删除远程分支和本地分支
    删除远程分支命令:gitpushorigin--deletename删除本地分支:gitbranch-dname查看所有分支:gitbranch-a有时候你会发现:git已经删除了远程分支,本地仍然能看到的问题:gitbranch-a命令可以查看所有本地分支和远程分支,发现很多在远程仓库已经删除的分支在......
  • 贷款额度图片生成器,在线制作成功审核通过,易语言画板生成实现
    用易语的画板加了一个网上贷款额度申请图+通过图,原有信息都被PS擦掉了,被擦掉的部分我加入了自己黑月透明标签,然后加了很多的编辑框,而编辑框是通过用户输入信息的,它都对应着每一个标签信息,我们点击按钮后要实现的功能就是标签的内容=编辑框这种效果,然后审核通过部分要加一些标签和......