一、vue-XiuXianGame介紹

1.1 vue-XiuXianGame簡介

vue-XiuXianGame 是一個基于 Vue.js 框架開發的文字修仙類游戲開源項目。該游戲以文字冒險為核心玩法，玩家通過閱讀和選擇不同的劇情走向來體驗修仙世界的奇妙旅程。

• vue-XiuXianGame 是一款將中國傳統文化中的修仙元素與現代互動小說形式相結合的游戲。它為玩家提供了一個沉浸式的修仙世界，在這個世界里，玩家可以修煉功法、探索秘境、結交道友等。
• 采用 Vue.js 作為其前端框架，使得游戲具有良好的響應式設計和高效的組件化開發能力。
• 使用了 Element Plus 作為UI庫，提供了美觀且一致的用戶界面組件，增強了用戶體驗。
• 利用 Pinia 作為狀態管理庫，簡化了復雜應用中狀態管理的過程，提高了代碼的可維護性和擴展性。

1.2 主要特點

1. 豐富的劇情內容：包含多種分支劇情，玩家的選擇會影響后續的發展方向，增加了游戲的重復游玩價值。
2. 角色成長系統：玩家可以通過修煉、完成任務等方式提升自己的修為等級，解鎖更多技能和能力。
3. 交互性：除了主線劇情外，還有各種支線任務和隨機事件，增加了游戲的互動性和趣味性。
4. 社區和多人元素：支持玩家之間的交流和互動，如組隊探險、交易物品等，構建了一個活躍的游戲社區。
5. 開放源碼：作為一個開源項目，開發者可以根據自己的需求進行修改和擴展，非常適合想要學習或貢獻于開源社區的開發者們。

二、本次實踐規劃

2.1 本地環境規劃

本次實踐為個人測試環境，操作系統版本為|Ubuntu 22.04.1。

hostname	IP地址	操作系統版本	Docker版本	部署項目
jeven01	192.168.3.88	Ubuntu 22.04.1 LTS	27.1.1	vue-XiuXianGame

2.2 本次實踐介紹

1.本次實踐部署環境為個人測試環境，生產環境請謹慎；
2.在Docker環境下部署vue-XiuXianGame文字修仙小游戲。

三、本地環境檢查

3.1 檢查Docker服務狀態

檢查Docker服務是否正常運行，確保Docker正常運行。

root@jeven01:~# systemctl status docker
● docker.service - Docker Application Container EngineLoaded: loaded (/lib/systemd/system/docker.service; enabled; vendor preset: enabled)Active: active (running) since Wed 2025-04-02 05:59:08 UTC; 4min 6s ago
TriggeredBy: ● docker.socketDocs: https://docs.docker.comMain PID: 906 (dockerd)Tasks: 29Memory: 143.2MCPU: 1.172sCGroup: /system.slice/docker.service

3.2 檢查Docker版本

檢查Docker版本

root@jeven01:~# docker -v
Docker version 27.1.1, build 6312585

3.3 檢查docker compose 版本

檢查Docker compose版本，確保2.0以上版本。

root@jeven01:~# docker compose version
Docker Compose version v2.19.1

四、拉取鏡像

拉取vue-XiuXianGame鏡像，拉取相關鏡像如下所示：

root@jeven01:~# docker pull setube/vue-xiuxiangame
Using default tag: latest
latest: Pulling from setube/vue-xiuxiangame
fd0410a2d1ae: Pull complete
bf571be90f05: Pull complete
684a51896c82: Pull complete
fbf93b646d6b: Pull complete
6ec6ad1ddcfd: Pull complete
1ef32208f9d7: Pull complete
bd8f51f2401a: Pull complete
0c12196e597a: Pull complete
5377ad554cb1: Pull complete
4f4fb700ef54: Pull complete
f7a09c30a5cb: Pull complete
a310fa9ffd0d: Pull complete
ab91ff286b4e: Pull complete
837cf28c7103: Pull complete
Digest: sha256:9bb8be6dc48663be5cdb79aec7a82cc7121537063abd75f57334255c12e4391f
Status: Downloaded newer image for setube/vue-xiuxiangame:latest
docker.io/setube/vue-xiuxiangame:latest

五、部署vue-XiuXianGame小游戲

5.1 創建部署目錄

• 創建部署目錄

mkdir -p /data/vue-XiuXianGame &&  cd /data/vue-XiuXianGame

5.2 編輯部署文件

在`部署目錄下，創建docker-compose.yaml文件，如下所示：

vim docker-compose.yaml

version: '3.9'
services:vue-xiuxiangame:image: setube/vue-xiuxiangame:latest# You can also change it to setube/vue-xiuxiangameports:- '8080:8080'container_name: xiuxiantty: truestdin_open: true

5.3 創建vue-XiuXianGame容器

執行以下命令，創建vue-XiuXianGame容器。

root@jeven01:/data/vue-XiuXianGame# docker compose up -d
[+] Running 2/2? Network vue-xiuxiangame_default  Created                                                                                                       0.1s? Container xiuxian                Started                                                                                                       0.7s

5.4 查看建vue-XiuXianGame容器狀態

檢查建vue-XiuXianGame容器運行狀態，確保建vue-XiuXianGame容器正常啟動。

root@jeven01:/data/vue-XiuXianGame#  docker compose ps
NAME                IMAGE                           COMMAND                  SERVICE             CREATED              STATUS              PORTS
xiuxian             setube/vue-xiuxiangame:latest   "docker-entrypoint.s…"   vue-xiuxiangame     About a minute ago   Up 59 seconds       0.0.0.0:8080->8080/tcp, :::8080->8080/tcp

六、訪問小游戲

瀏覽器地址： http://<個人的服務器IP>:8080，訪問vue-XiuXianGame文字修仙小游戲的初始頁。如果無法訪問，請確保宿主機的防火墻已關閉或已放行相關端口，對于云服務器還需配置相應的安全組規則。

七、總結

通過本次實踐，我們成功使用Docker部署了vue-XiuXianGame文字修仙小游戲，體驗了從環境配置到游戲訪問的全過程，驗證了其簡易部署和運行效果。過程中不僅加深了對Docker及其編排工具docker-compose的理解，同時也享受到了文字修仙游戲的獨特魅力。這次部署為未來類似項目提供了一個良好的示例，也為進一步探索更多有趣的小游戲奠定了基礎。

---