NAS还能挂机修仙?极空间部署XiuXianGame网页游戏教程

前言

NAS除了存放文件和运行影音服务,也可以部署一些资源占用不高的网页小游戏。只要设备能够运行Docker,电脑和手机打开浏览器就能直接进入游戏,不需要分别安装客户端。

vue-XiuXianGame是一款基于Vue构建的文字修仙游戏。游戏中包含休闲小游戏、资源积累、战斗、模式选择和自动修炼等内容,整体操作比较简单,适合临时体验或作为NAS中的娱乐应用。

通过Docker镜像部署后,不需要单独安装Node.js、前端依赖和Web服务器。将容器端口映射到极空间后,就能在局域网中通过浏览器打开游戏页面。

本文将使用Docker Compose在极空间中部署vue-XiuXianGame,并体验它的基础玩法。随后再使用cpolar为9090端口配置公网地址,让人在其他网络环境中也能打开这款文字修仙游戏。

1.在极空间部署vue-XiuXianGame

1.1ssh远程连接到极空间

  • 开启【SSH 服务】
  • 使用终端(Windows PowerShell / Mac Terminal)登录:
shell 复制代码
ssh root@IP

1.2验证docker是否开启

使用命令:

shell 复制代码
docker -v 
systemctl status -v

1.3安装vue-XiuXianGame

首先创建一下安装的目录并进入到该目录:

shell 复制代码
sudo mkdir -p /docker/vue-XiuXianGame
cd /docker/vue-XiuXianGame

创建并编辑 docker-compose.yml文件:

shell 复制代码
version: '3.9'
services:
  vue-xiuxiangame:
    image: setube/vue-xiuxiangame:latest
    ports:
      - '9090:8080'
    container_name: xiuxian
    tty: true
    stdin_open: true

启动容器:

shell 复制代码
docker-compose up -d

部署完成后,在浏览器中输入 http://极空间IP:9090 就能看到vue-XiuXianGame的界面:

接下来我们可以开启我们的文字修仙之旅啦!

1.4简单使用vue-XiuXianGame

点进去"休闲娱乐"就有很多小游戏可以玩,增加我们的灵石。

目前很菜,直接被战胜了。

自动修仙。

通过我的不断努力变强以后,可以战胜了。

还可以选择模式。

但如果你希望让朋友从外网访问你的修仙世界,而你又没有公网IP或云服务器?别担心------借助cpolar,你可以轻松将本地服务暴露到公网,实现随时随地"一起修仙"。

2.安装cpolar实现随时随地玩游戏

cpolar 可以将你本地电脑中的服务(如 SSH、Web、数据库)映射到公网。即使你在家里或外出时,也可以通过公网地址连接回本地运行的开发环境。

❤️以下是安装cpolar步骤:

使用一键脚本安装命令:

shell 复制代码
sudo curl https://get.cpolar.sh | sh

安装完成后,执行下方命令查看cpolar服务状态:(如图所示即为正常启动)

shell 复制代码
sudo systemctl status cpolar

Cpolar安装和成功启动服务后,在浏览器上输入虚拟机主机IP加9200端口即:【http://ip:9200】访问Cpolar管理界面,使用Cpolar官网注册的账号登录,登录后即可看到cpolar web 配置界面,接下来在web 界面配置即可:

打开浏览器访问本地9200端口,使用cpolar账户密码登录即可,登录后即可对隧道进行管理。

3.配置公网地址

登录cpolar web UI管理界面后,点击左侧仪表盘的隧道管理------创建隧道:

  • 隧道名称:可自定义,本例使用了:xiuxian,注意不要与已有的隧道名称重复
  • 协议:http
  • 本地地址:9090
  • 域名类型:随机域名
  • 地区:选择China Top

创建成功后,打开左侧在线隧道列表,可以看到刚刚通过创建隧道生成了公网地址,接下来就可以在其他电脑或者移动端设备(异地)上,使用地址访问。

访问成功。

4.保留固定公网地址

使用cpolar为其配置二级子域名,该地址为固定地址,不会随机变化。

点击左侧的预留,选择保留二级子域名,地区选择china Top,然后设置一个二级子域名名称,我使用的是xiuxian,大家可以自定义。填写备注信息,点击保留。

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

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

  • 域名类型:选择二级子域名
  • Sub Domain:填写保留成功的二级子域名
  • 地区: China Top

点击更新

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

最后,我们使用固定的公网地址在任意设备的浏览器中访问,可以看到成功访问极空间的页面,这样一个永久不会变化的二级子域名公网网址即设置好了。

总结

完成以上配置后,vue-XiuXianGame已经可以在极空间中运行。通过浏览器打开极空间IP和9090端口后,就能进入游戏页面,体验小游戏、资源积累、战斗和自动修炼等内容。

通过cpolar为9090端口建立公网隧道后,原本只能在家庭局域网中打开的游戏,也可以从其他电脑或移动设备访问。继续配置固定二级子域名后,游戏入口能够保持不变。

需要说明的是,本文展示的是浏览器文字游戏的远程访问,并没有演示多人账号、联机房间或玩家数据同步。因此,把地址分享给朋友只能说明对方可以打开页面,不能直接理解为已经具备多人共同游戏功能。

当前Compose配置没有挂载数据目录,也没有说明游戏进度的保存方式。正式游玩前,应确认数据是保存在浏览器、本地存储还是容器内部。如果进度依赖浏览器缓存,更换设备或清理数据后可能需要重新开始;如果保存在容器中,删除容器也可能造成进度丢失。

长期运行时,建议增加容器自动重启策略,固定镜像版本,并限制公网地址的分享范围。游戏页面如果没有登录认证,可以只在需要时开启隧道,避免公开服务被持续访问并占用NAS资源。

相关推荐
@syh.19 小时前
【贪心】矩阵消除游戏
算法·游戏·矩阵
njsgcs1 天前
北通蝙蝠2 摇杆漂移解决办法 校准+重启
游戏
qq_370773091 天前
Unity游戏xLua逆向实战:从SO版本识别到Lua脚本热替换全链路
游戏·unity·lua
噗噗夹的TA之旅1 天前
Shader 学习 21:自定义 Render Feature
学习·游戏·unity·c#·游戏引擎·图形渲染
网络研究院1 天前
一款利用人工智能将电子游戏翻译成任何语言的桌面应用程序
人工智能·游戏·工具·平台·翻译·软件
程序员-珍1 天前
力扣 877. 石子游戏
算法·leetcode·游戏
k4m7v2pz1 天前
R36S 掌机游戏迁移实录:EmuELEC 双卡整理,只留 FC/SFC/NES/SNES
游戏·rom·r36s·emuelec
cd_949217211 天前
AI生成游戏角色模型,可以用哪些工具和流程?建模、绑骨与引擎接入指南
人工智能·游戏
noipp3 天前
推荐题目:洛谷 P5843 [SCOI2012] Blinker 的噩梦
c语言·数据结构·c++·算法·游戏·洛谷·luogu