字数 1173，阅读大约需 6 分钟

前言

平时工作之余，如果想玩一些小游戏放松一下，又不想专门下载安装各种游戏，那么今天这个开源项目你一定不要错过。

今天给大家分享一个非常有意思的开源项目——Game Space。它是一个基于 HTML5 开发的网页小游戏合集，目前已经收录了 60 款不同类型的小游戏，包括经典的坦克大战、黄金矿工、贪吃蛇、赛车、射击以及各种益智休闲游戏。

最方便的是，这些游戏都可以直接通过浏览器打开游玩，不需要安装额外的客户端，电脑和手机都能访问。

而且，这个项目采用纯静态架构，没有复杂的数据库和后端服务，部署起来也非常简单。

本期视频就带大家通过 Docker 将 Game Space 部署到自己的 VPS 或 NAS 上，搭建一个属于自己的在线小游戏平台。部署完成后，无论是在电脑上，还是手机、平板上，都可以随时打开网页玩上几局。

如果你平时喜欢收集各种有趣的开源项目，那么这期内容就一起来看看吧！

视频教程

项目图示

主界面

射击类

动作类

益智类

消除类

赛车类

跑酷类

等等，以下是一些游戏画面

项目简介

这是一个精心打造的 开源 HTML5 (H5) 小游戏 合集平台，汇聚了来自开源社区的 60 款优秀小游戏。作者致力于整理和分享这些可以在浏览器中直接运行的精彩内容，为您提供一个便捷的试玩、娱乐与学习平台。

说明

这个项目是纯前端的网页项目，对于不想自己部署的可以直接使用
1.作者官方的网址
game-space
https://games.linkdiary.cn/
我自己部署的
运维世界小游戏
https://game.itellyou.ccwu.cc/
如果想私有化 部署的可以继续查看以下步骤
2.飞牛NAS直接在商店就可以下载

安装完成

部署方法

使用Docker安装

本教程使用docker的方式安装部署,简单便捷

X86/Arm双平台

准备条件

1）一台服务器

我们使用莱卡云VPS来演示，建议选择境外云服务器
需要vps的可以看以下信息，配置尽量选择大点的比如2核心4G内存
莱卡云官网
https://www.lcayun.com/aff/PQCSKOCK

2）本教程使用到的项目

本教程使用的官方github地址
https://github.com/chengzuopeng/game-space

如果感觉有用，请帮忙点个stars

3）域名(建议)

根据自己的需求,
1.web界面建议绑定域名，方便使用

VPS部署

一、Docker环境部署

在vps安装docker和docker-compose
Docker官方安装文档（英文）
https://duan.yyzq.eu.org/docker-001
Docker-Compose官方安装文档（英文)
https://duan.yyzq.eu.org/docker-002
Centos安装Docker和Docker-compose（中文）
https://duan.yyzq.eu.org//03
Ubuntu安装Docker和Docker-compose（中文）
https://duan.yyzq.eu.org//04

推荐直接用一键脚本

docker安装脚本

bash

docker-compose安装脚本

curl -L "https://github.com/docker/compose/releases/latest/download/docker-compose-$(uname -s)-$(uname -m)" -o /usr/local/bin/docker-compose && chmod +x /usr/local/bin/docker-compose

二、部署命令

登录我们自己的境外VPS使用root账户执行以下步骤
请自行安装vim编辑器

docker-compose命令

创建一个目录，并进入此目录

mkdir  game-space ;cd game-space

下载项目游戏源码文件

git clone https://github.com/chengzuopeng/game-space

注意所有游戏下载完大约有1.4G的大小

然后再新建docker-compose.yml

vim docker-compose.yml

services:
  web:
    image: ywsj/onenav-php:latest
    container_name: game-space
    restart: always
    ports:
      - "8080:80"
    volumes:
      - ./game-space:/var/www/html

注意8080端口如有冲突自行修改

三、执行容器运行命令

docker-compose up -d #运行容器

docker-compose ps  #查看是否启动成功

正常启动如下所示

 docker-compose ps
NAME         IMAGE                    COMMAND                  SERVICE   CREATED          STATUS          PORTS
game-space   ywsj/onenav-php:latest   "docker-php-entrypoi…"   web       33 seconds ago   Up 32 seconds   0.0.0.0:8080->80/tcp, [::]:8080->80/tcp

四、web界面

打开web页面使用
成功以后需要打开自己相应的端口8080)防火墙就可以web端访问了

主界面

http://ip:8080

其他功能自行探索即可
或者fork整个项目到自己的仓库让AI给你增加个性化的需求

绑定域名

接下来就是绑定域名和配置SSL证书
绑定域名的教程参考以下内容
NginxProxyManager
https://duan.yyzq.eu.org//npm-ch

有任何问题可以直接留言或者问我
有任何问题可以直接留言或者问我
有任何问题可以直接留言或者问我

欢迎关注我们的微信公众号！