新手上云实践 | 腾讯云轻量应用服务器部署开源WBO白板工具前言一、WBO介绍二、本次环境规划2.1 本次实践简介2.2 本次环境规划三、购买轻量应用服务器3.1 腾讯云轻量应用服务器3.2 购买轻量应用服务器3.3 检查轻量应用服务器状态四、切换应用模版4.1 本次实践应用模版介绍4.2 切换Node.js应用模版4.3 登录轻量应用服务器4.4 检查云服务器环境五、部署WBO应用5.1 下载WBO项目5.2 查看项目内容5.3 设置npm镜像源(可选5.4 安装依赖5.5 启动WBO服务5.6 设置环境变量5.7 设置service服务5.8 本机测试WBO服务六、安全设置工作6.1 本机防火墙设置工作6.2 云服务器防火墙设置工作七、访问WBO在线协作白板7.1 访问WBO首页7.2 创建私人白板7.3 在线协作八、总结前言在数字化协作需求日益增长的今天腾讯云轻量应用服务器Lighthouse以其出色的性能和易用性成为了部署各类应用的优选方案。特别是在快速搭建如WBO这样自由开源的在线协作白板时Lighthouse提供的高带宽流量包和一键构建应用功能极大地简化了部署流程。借助LighthouseWBO能够为用户提供稳定流畅的多人实时协作体验无论是创意设计还是远程教学都能轻松应对。选择腾讯云轻量应用服务器开启高效、便捷的云端协作之旅。一、WBO介绍WBOwhitebophir简介WBOwhitebophir是一个自由和开源的在线协作白板旨在为用户提供一个灵活、高效的在线协作空间。它支持多个用户同时在一个虚拟的大型白板上进行绘画和创作所有操作均实时同步至所有在线参与者确保了信息的即时共享与交流。无论是在艺术创作、娱乐互动、设计讨论还是教育辅导等领域WBO都能提供强大的支持满足多样化的协作需求。WBO 白板特点实时协作绘图与他人实时协作绘制图形变得异常简单只需分享白板的URL即可邀请对方加入。公共白板任何人都可以使用公共白板方便临时团队或公开项目使用。私有白板用户可以创建带有随机名称的私有白板确保只有通过特定链接才能访问保护隐私安全。自定义URL支持创建可命名的私有白板并允许自定义其URL便于记忆和分享同时也保证了访问的私密性。二、本次环境规划2.1 本次实践简介1.本次实践为个人测试学习环境旨在新手快速上云和部署应用生产环境请谨慎2.本次实践在腾讯云轻量应用服务器上部署了开源WBO白板工具。2.2 本次环境规划本次实践的环境规划如下云厂商云产品应用模板应用模板版本操作系统版本部 署项目备注腾讯云轻量应用服务器Node.jsnode.js—v16.14.2Centos 7WBOwhitebophir—三、购买轻量应用服务器3.1 腾讯云轻量应用服务器如果您正在寻找一款高性价比的云服务器来部署您的应用腾讯云轻量应用服务器是一个不错的选择。它开箱即用非常适合个人开发者和初创团队。目前腾讯云官方正在举办特惠活动云服务器等爆款产品抢先购是上云的好时机。可以点击下方链接立即前往活动页面了解详情并参与购买立即前往腾讯云特惠活动【腾讯云】云服务器、云数据库、COS、CDN、短信等云产品特惠热卖中立即参与活动✨ 抓住机会享受更多优惠3.2 购买轻量应用服务器登录腾讯云账号在轻量应用服务器产品介绍页中点击“立即选购”进入到轻量应用服务器购买页面。购买流程应用创建方式使用应用模版 应用模版选择Docker CE也可以根据自身需要选择不同的应用模版地域默认即可 套餐规格根据需要选择规格的套餐登录凭证自定义密码自行设置密码其余配置默认确认所有配置项无误后点击购买即可。3.3 检查轻量应用服务器状态购买成功后在云服务器控制台看到购买的轻量应用服务器实例当看到状态为“运行中”时候轻量应用服务器运行正常。如下图所示这是我提前购买好的两台轻量应用服务器本次实践以Docker-APP实例为操作环境。四、切换应用模版4.1 本次实践应用模版介绍使用应用模板服务器创建后基于模板自动构建应用实现开箱即用简单便捷。适合快速构建应用的用户尤其是需要迅速启动项目的开发者和团队。一键使用Node.js应用模板大幅节省开发环境部署时间避免繁琐的配置过程提升开发效率。4.2 切换Node.js应用模版在购买腾讯云轻量应用服务器后如果我们要切换系统可以选择云服务器的“重装系统”功能。如下图所示点击“重装系统选项”进入系统重置配置页面。在系统重置配置页面我们选择使用应用模版——Node.js设置登录密码确认即可。等待实例状态正常运行后我们看此时轻量应用服务器的镜像为Node.js应用信息为预装Node.js和Nginx。4.3 登录轻量应用服务器我们可以使用Cloud Shell登录轻量应用服务器点击“登录”选项。腾讯云轻量应用服务器的cloud shell远程登录功能默认开启一键免密登录到服务器 可以直接连接到云服务器也可以手动关闭。使用Xshell方式连接本地打开Xshell工具输入弹性公网IP地址登录账号和密码即可连接腾讯CVM云服务器。4.4 检查云服务器环境检查操作系统版本当前操作系统版本为CentOS 7。[rootVM-8-13-centos ~]# cat /etc/os-releaseNAMECentOS LinuxVERSION7 (Core)IDcentosID_LIKErhel fedoraVERSION_ID7PRETTY_NAMECentOS Linux 7 (Core)ANSI_COLOR0;31CPE_NAMEcpe:/o:centos:centos:7HOME_URLhttps://www.centos.org/BUG_REPORT_URLhttps://bugs.centos.org/CENTOS_MANTISBT_PROJECTCentOS-7CENTOS_MANTISBT_PROJECT_VERSION7REDHAT_SUPPORT_PRODUCTcentosREDHAT_SUPPORT_PRODUCT_VERSION7检查内核版本当前内核版本为3.10.0-1160.108.1.el7.x86_64。[rootVM-8-13-centos ~]# uname -r3.10.0-1160.62.1.el7.x86_64检查Node版本当前默认安装的版本为v16.14.2。[rootVM-8-13-centos ~]# node -vv16.14.2[rootVM-8-13-centos ~]# npm -v8.5.0五、部署WBO应用5.1 下载WBO项目执行以下命令在Github下载whitebophir源码包。gitclone https://github.com/lovasoa/whitebophir.git5.2 查看项目内容进入whitebophir项目目录[rootVM-8-13-centos ~]# cd whitebophir/[rootVM-8-13-centos whitebophir]#查看whitebophir项目内容[rootVM-8-13-centos whitebophir]# tree -L 2 ././ ├── AUTHORS ├── CHECKS ├── client-data │ ├── apple-touch-icon.png │ ├── apple-touch-icon-precomposed.png │ ├── background.png │ ├── board.css │ ├── board.html │ ├── crossdomain.xml │ ├── error.html │ ├── favicon.ico │ ├── favicon.svg │ ├── frontpage-illustration.svg │ ├── github.svg │ ├── icon-size.svg │ ├── index.css │ ├── index.html │ ├── instagram.svg │ ├── js │ ├── label.svg │ ├── manifest.json │ └── tools ├── docker-compose.yml ├── Dockerfile ├── LICENSE ├── nightwatch.conf.js ├── package.json ├── package-lock.json ├── README.md ├── server │ ├── boardData.js │ ├── check_output_directory.js │ ├── client_configuration.js │ ├── configuration.js │ ├── createSVG.js │ ├── fs_promises.js │ ├── jwtauth.js │ ├── jwtBoardnameAuth.js │ ├── log.js │ ├── server.js │ ├── sockets.js │ ├── templating.js │ └── translations.json ├── server-data └── tests └── integration.js6directories,40files5.3 设置npm镜像源(可选如果云服务器区域在国内地区为了加速下载速度可以将npm设置为国内淘宝最新的镜像源。npmconfigsetregistry https://registry.npmmirror.com5.4 安装依赖执行以下命令安装whitebophir项目的相关依赖。npminstall--production5.5 启动WBO服务执行以下命令启动whitebophir服务。直接启动WBO服务PORT5001HOST0.0.0.0npmstart后台启动WBO服务PORT5001HOST0.0.0.0nohupnpmstartwbo.log215.6 设置环境变量链接二进制文件ln-s/usr/local/lighthouse/softwares/nodejs/node/bin/node /usr/local/bin/nodeln-s/usr/local/lighthouse/softwares/nodejs/node/bin/npm /usr/local/bin/npm配置环境变量:在/etc/profile文件中新增以下两行。vim/etc/profileexportNODE_HOME/usr/local/lighthouse/softwares/nodejs/node/bin/exportPATH$PATH:$NODE_HOME:/usr/local/bin/使变量生效source/etc/profile5.7 设置service服务为了确保 WBO 白板服务能够在系统启动时自动运行并且可以通过 systemctl 进行方便的管理可以将其配置为一个系统服务。vim/etc/systemd/system/wbo.service[Unit]DescriptionWBO Online Collaboration WhiteboardAfternetwork.target[Service]TypesimpleEnvironmentPORT5001HOST0.0.0.0NODE_ENVproductionExecStart/usr/local/bin/npm startExecReload/usr/local/bin/npm restartExecStop/usr/local/bin/npm stopWorkingDirectory/root/whitebophir/RestartalwaysUserrootGrouprootStandardOutputappend:/root/whitebophir/wbo.logStandardErrorappend:/root/whitebophir/wbo.log[Install]WantedBymulti-user.target执行以下命令启动wbo服务。systemctl daemon-reload systemctl start wbosystemctlenablewbo重启服务器后查看wbo服务状态。[rootVM-8-13-centos ~]# systemctl status wbo● wbo.service - WBO Online Collaboration Whiteboard Loaded: loaded(/etc/systemd/system/wbo.service;enabled;vendor preset: disabled)Active: active(running)since Sat2024-11-1618:04:44 CST;12min ago Main PID:1034(npm start)CGroup: /system.slice/wbo.service ├─1034npmstart └─1464node./server/server.js Nov1618:04:44 VM-8-13-centos systemd[1]: Started WBO Online Collaboration Whiteboard. Nov1618:04:45 VM-8-13-centos npm[1034]:whitebophir1.21.2 start Nov1618:04:45 VM-8-13-centos npm[1034]:node./server/server.js Nov1618:04:46 VM-8-13-centos npm[1034]: server started{port:5001}5.8 本机测试WBO服务在云服务器本机上访问在http://127.0.0.1:5001有wbo网页内容返回则部署成功。[rootVM-8-13-centos ~]# curl http://127.0.0.1:5001 |head% Total % Received % Xferd Average Speed Time Time Time Current Dload Upload Total Spent Left Speed1007239100723900350k0--:--:-- --:--:-- --:--:-- 353k!DOCTYPE htmlhtmllangenheadmetacharsetutf-8/titleWBO — Collaborative whiteboard/titlelinkrelstylesheethrefindex.css/metanamedescriptioncontentA free and open-source online collaborative drawing tool. Sketch new ideas together on WBO!/metanamekeywordscontentwhiteboard,collaborative,online,draw,paint,shared,realtime,wbo,whitebophir,open-source,GPL,javascript六、安全设置工作6.1 本机防火墙设置工作轻量应用服务器的Docker CE应用模版中默认已经将系统的防火墙和selinux都关闭了。如果没有关闭可参考以下命令关闭本地防火墙可执行以下命令。systemctl disable firewalldsystemctl stop firewalld关闭selinux可执行以下命令。sed-ris#(SELINUX).*#\1disabled#/etc/selinux/config setenforce06.2 云服务器防火墙设置工作在腾讯云轻量应用服务器中需要配置防火墙防火墙所提供的安全防护作用等同于云服务器中的安全组不支持为轻量应用服务器配置安全组。我们选择添加规则放行5001端口。七、访问WBO在线协作白板7.1 访问WBO首页访问地址http://弹性公网IP地址:5001将IP地址替换为自己服务器的弹性公网IP地址。我们可以正常访问到WBO在线协作白板的首页如下所示7.2 创建私人白板创建可命名的私人白板自定义填写白板名称点击“Go”进入个人白板页面。7.3 在线协作进入公共白板进行绘图操作。切换到其余电脑的浏览器打开公共白板我们可以继续编辑该白板内容。八、总结通过在腾讯云轻量应用服务器上部署开源WBO白板工具我们充分体验到了其卓越的性能和简便的操作。Lighthouse提供的高带宽流量包和一键构建应用功能使得整个部署过程变得异常快捷和顺畅。WBO白板的实时协作功能在腾讯云的支持下表现得非常稳定极大地提升了团队协作的效率。无论是艺术创作、设计讨论还是远程教学腾讯云轻量应用服务器都展现出了强大的适应性和可靠性。选择腾讯云轻量应用服务器无疑是迈向高效云端协作的最佳选择。