Linux系统之快速部署小游戏合集网站（二）
一、项目介绍
1.1 项目简介
该项目用 JavaScript、HTML 和 CSS 编写的经典老游戏集合，可以在网页上畅玩几个经典小游戏。
1.2 项目预览
- 可以看下部署好的项目预览
二、本次实践介绍
2.1 本地环境规划
本次实践为个人测试环境，操作系统版本为
Ubuntu 22.04.1 LTS。
| hostname | IP地址 | 操作系统版本 | 内核版本 |
|---|---|---|---|
| ubuntu-001 | 192.168.3.251 | Ubuntu 22.04.1 LTS | 5.15.0-113-generic |
2.2 本次实践介绍
1.本次实践环境为个人测试环境，生产环境请谨慎；
2.在Ubuntu 环境下部署小游戏合集网站。
三、检查本地环境
3.1 检查系统版本
检查系统版本，当前系统版本为
Ubuntu 22.04.1 LTS。
root@ubuntu-001:~# cat /etc/os-release
PRETTY_NAME="Ubuntu 22.04.1 LTS"
NAME="Ubuntu"
VERSION_ID="22.04"
VERSION="22.04.1 LTS (Jammy Jellyfish)"
VERSION_CODENAME=jammy
ID=ubuntu
ID_LIKE=debian
HOME_URL="https://www.ubuntu.com/"
SUPPORT_URL="https://help.ubuntu.com/"
BUG_REPORT_URL="https://bugs.launchpad.net/ubuntu/"
PRIVACY_POLICY_URL="https://www.ubuntu.com/legal/terms-and-policies/privacy-policy"
UBUNTU_CODENAME=jammy
3.2 检查系统内核版本
检查系统内核版本，当前内核版本为
5.15.0-113-generic。
root@ubuntu-001:~# uname -r
5.15.0-113-generic
3.3 检查软件源
检查本地apt软件源是否正常，更新本地更新软件包列表。
root@ubuntu-001:~# apt update
命中:1 https://mirrors.aliyun.com/ubuntu jammy InRelease
获取:2 https://mirrors.aliyun.com/ubuntu jammy-security InRelease [129 kB]
获取:3 https://mirrors.aliyun.com/ubuntu jammy-updates InRelease [128 kB]
命中:4 https://mirrors.aliyun.com/ubuntu jammy-backports InRelease
获取:5 https://mirrors.aliyun.com/ubuntu jammy-updates/main amd64 Packages [1,794 kB]
获取:6 https://mirrors.aliyun.com/ubuntu jammy-updates/universe amd64 Packages [1,101 kB]
已下载 3,152 kB，耗时 2秒 (1,420 kB/s)
正在读取软件包列表... 完成
正在分析软件包的依赖关系树... 完成
正在读取状态信息... 完成
有 106 个软件包可以升级。请执行 ‘apt list --upgradable’ 来查看它们。
四、安装Apache2
4.1 安装Apache2软件
使用以下命令安装Apache2 web服务器
apt install apache2 -y
4.2 启动apache2服务
启动apache2服务服务，并使开机自启。
systemctl enable --now apache2
4.3 查看apache2服务状态
查看apache2服务状态，确保apache2服务正常。
root@ubuntu-001:~# systemctl status apache2
● apache2.service - The Apache HTTP Server
Loaded: loaded (/lib/systemd/system/apache2.service; enabled; vendor preset: enabled)
Active: active (running) since Tue 2024-07-16 03:18:17 UTC; 8min ago
Docs: https://httpd.apache.org/docs/2.4/
Process: 93881 ExecStart=/usr/sbin/apachectl start (code=exited, status=0/SUCCESS)
Main PID: 93885 (apache2)
Tasks: 55 (limit: 9345)
Memory: 5.0M
CPU: 44ms
CGroup: /system.slice/apache2.service
├─93885 /usr/sbin/apache2 -k start
├─93886 /usr/sbin/apache2 -k start
└─93887 /usr/sbin/apache2 -k start
7月 16 03:18:17 ubuntu-001 systemd[1]: Starting The Apache HTTP Server...
7月 16 03:18:17 ubuntu-001 apachectl[93884]: AH00558: apache2: Could not reliably determine the server's fully qualified domain name,>
7月 16 03:18:17 ubuntu-001 systemd[1]: Started The Apache HTTP Server.
lines 1-17/17 (END)
4.4 防火墙设置
- 关闭防火墙，如果想要开启防火墙，需放行80端口。
sudo ufw disable
- 查看防火墙状态
root@ubuntu-001:~# ufw status
状态：不活动
4.5 浏览器测试web服务
浏览器打开：http://192.168.3.251，将IP替换为自己服务器IP地址。
五、部署赛车小游戏
5.1 下载小游戏源码
进入网页根目录
root@ubuntu-001:~# cd /var/www/html/
root@ubuntu-001:/var/www/html#
在github拉取魔塔小游戏源码
git clone https://github.com/TomMalbran/games.git
5.2 查看项目源码目录
查看项目源码目录
root@ubuntu-001:/var/www/html# tree -L 1 ./games/
./games/
├── bounce
├── defender
├── index.html
├── LICENSE
├── pacman
├── puzzle
├── README.md
├── snake
├── spider
├── style.css
├── tetris
└── utils
8 directories, 4 files
给以下目录授权
chown -R www-data:www-data /var/www/html/games
5.3 重启apache2服务
重启apache2服务
systemctl restart apache2
5.4 访问网页小游戏
访问地址：http://服务器IP地址/games，进入到小游戏合集网站主页。
六、试玩网页小游戏
可以在上方菜单栏，点击想要玩的游戏，再点击开始游戏，即可进入游戏画面。
七、总结
该游戏项目使用JavaScript、HTML和CSS编写，并且可以在现代浏览器上运行。通过下载游戏项目文件并在浏览器中打开"index.html"文件，玩家可以在网页上畅玩几个经典小游戏。部署该游戏项目非常简单，只需几个简单的步骤即可开始游戏。