华为云云耀云服务器L实例评测｜在云耀云服务器L实例上部署battle-city坦克大战小游戏

已于 2024-07-10 20:33:52 修改
阅读量742 收藏 5
点赞数 4
分类专栏： 华为云 文章标签： 服务器 运维 云耀云服务器L实例 华为云
于 2023-09-07 21:20:24 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jks212454/article/details/132722239
版权

华为云云耀云服务器L实例评测｜在云耀云服务器L实例上部署battle-city坦克大战小游戏

一、前言

1.1 云耀云服务器L实例简介

云耀云服务器L实例是新一代的轻量应用云服务器，专门为中小企业和开发者打造，提供开箱即用的便利性。云耀云服务器L实例提供丰富且经过严格挑选的应用镜像，可以一键部署应用，极大地简化了客户在云端构建电商网站、Web应用、小程序、学习环境以及各类开发测试等任务的过程。

在这里插入图片描述

1.2 battle-city坦克大战小游戏简介

《坦克大战复刻版》（Battle City Remake）是一款基于经典游戏《坦克大战》制作的复刻版游戏。与原版游戏一样，玩家需要控制坦克消灭敌人并保护基地。游戏提供了多种关卡和各种不同的敌人，同时还加入了更多的元素和特点，如新的道具、不同类型的坦克和更多的游戏模式等。此外，游戏的视觉效果也进行了升级，使用了更现代的图形和音效，让玩家一起领略到坦克大战的经典瞬间。

二、本次实践介绍

2.1 本次实践简介

1.本次实践为个人测试学习环境，旨在快速部署应用，生产环境请谨慎；
2.本次实践环境为云耀云服务器L实例，使用的应用镜像为Portainer 2.18.4；
3.在云耀云服务器L实例上部署battle-city坦克大战小游戏。

2.2 本次环境规划

服务器类别应用镜像内网IP地址Docker版本Portainer版本
云耀云服务器L实例Docker可视化Portainer192.168.0.16824.0.42.18.4

三、购买云耀云服务器L实例

3.1 登录华为云

登录个人华为云账号，在搜索栏输入云耀云服务器L实例，按回车键确认，进入云耀云服务器L实例详情页。

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

3.2 购买云耀云服务器L实例

在云耀云服务器L实例详情页，点击购买。

在这里插入图片描述

区域：华北—北京四；
应用镜像：Docker可视化-Portainer；
实例规格：2核2G/系统盘40G/峰值带宽 3Mbps/流量包400G；
实例名称：自定义即可，这里编辑为HECS-L-Portainer；
购买时长：1个月；

在这里插入图片描述

在这里插入图片描述

  • 检查配置，确认购买。

在这里插入图片描述

3.3 查看云耀云服务器L实例状态

查看购买的云耀云服务器L实例状态，处在正常运行中。

在这里插入图片描述

3.4 重置服务器密码

点击远程登录云耀云服务器L实例

在这里插入图片描述

在这里插入图片描述

重置密码，点击右侧的重置密码选项，需要进行身份验证，选择手机验证后，即可重置密码成功。

在这里插入图片描述

在这里插入图片描述

四、检查服务器环境

4.1 查看弹性公网IP地址

  • 复制弹性公网IP地址，远程连接服务器时使用。

在这里插入图片描述

4.2 Xshell连接服务器

在Xshell工具中，填写服务器弹性公网IP地址、账号密码信息，ssh连接远程服务器。

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

4.3 检查操作系统版本

  • 检查操作系统版本
root@hcss-ecs-f91c:~# 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
  • 检查内核版本
root@hcss-ecs-f91c:~# uname -r
5.15.0-60-generic

4.4 检查是否安装node.js

检查服务器是否安装node.js，云耀云服务器L实例的Portainer应用镜像默认没有安装node.js环境。

root@hcss-ecs-f91c:~# node -v
Command 'node' not found, but can be installed with:
apt install nodejs

五、安装Node.js 环境

5.1 下载Node.js安装包

下载Node.js安装包

wget https://nodejs.org/dist/v16.17.0/node-v16.17.0-linux-x64.tar.xz

在这里插入图片描述

5.2 解压Node.js安装包

解压Node.js安装包

tar -xvJf node-v16.17.0-linux-x64.tar.xz

在这里插入图片描述

5.3 复制二进制文件

将 /root/node-v16.17.0-linux-x64/bin/下的二进制文件复制到/usr/local/bin下

cp -a /root/node-v16.17.0-linux-x64/bin/node /usr/local/bin/node
cp -a /root/node-v16.17.0-linux-x64/bin/npm /usr/local/bin/npm

5.4 配置环境变量

  • 在/etc/profile文件中，新增以下两行：
vim /etc/profile

export NODE_HOME=/root/node-v16.17.0-linux-x64/bin/
export PATH=$PATH:$NODE_HOME:/usr/local/bin/
  • 使变量生效
source /etc/profile

5.5 查看node版本

检查node和npm版本

root@hcss-ecs-f91c:~# npm -v
8.15.0
root@hcss-ecs-f91c:~# node -v
v16.17.0

5.6 安装yarn工具

  • 使用npm全局安装yarn
 npm install -g yarn

在这里插入图片描述

  • 检查yarn版本
root@hcss-ecs-f91c:~# yarn -v
1.22.19

六、下载battle-city源码包

6.1 下载battle-city源码包

battle-city项目源码地址为：https://github.com/shinima/battle-city

git clone https://github.com/shinima/battle-city.git

6.2 查看源码目录

查看源码目录

root@hcss-ecs-f91c:~# tree -L 2 ./battle-city/
./battle-city/
├── app
│   ├── ai
│   ├── App.tsx
│   ├── battle-city.css
│   ├── components
│   ├── hocs
│   ├── index.html
│   ├── main.tsx
│   ├── polyfills.ts
│   ├── reducers
│   ├── sagas
│   ├── stages
│   ├── types
│   └── utils
├── build
│   ├── 0.1.5
│   ├── 0.2.0
│   └── 0.3.0
├── custom-tyings.d.ts
├── devConfig.js
├── docs
│   ├── AI-design.md
│   ├── imgs
│   ├── journal.md
│   ├── other.md
│   └── values
├── LICENSE
├── package.json
├── readme.md
├── resources
│   ├── favicon.ico
│   ├── General-Sprites.png
│   └── Miscellaneous.png
├── sound
│   ├── bullet_hit_1.ogg
│   ├── bullet_hit_2.ogg
│   ├── bullet_shot.ogg
│   ├── explosion_1.ogg
│   ├── explosion_2.ogg
│   ├── game_over.ogg
│   ├── pause.ogg
│   ├── powerup_appear.ogg
│   ├── powerup_pick.ogg
│   ├── stage_start.ogg
│   └── statistics_1.ogg
├── tsconfig.json
├── webpack.config.js
└── yarn.lock

18 directories, 30 files

七、部署battle-city坦克大战小游戏

7.1 安装相关依赖

  • 进入源码目录
root@hcss-ecs-f91c:~# cd battle-city/
root@hcss-ecs-f91c:~/battle-city# ls
app  build  custom-tyings.d.ts  devConfig.js  docs  LICENSE  package.json  readme.md  resources  sound  tsconfig.json  webpack.config.js  yarn.lock
  • 安装相关依赖
yarn install

在这里插入图片描述

7.2 开启webpack-dev-serve

  • 使用以下命令启动游戏服务
yarn start

在这里插入图片描述

7.3 本地浏览器访问

  • 重开一个终端，本地访问battle-city坦克大战小游戏，访问地址：http://127.0.0.1:8080
 curl 127.0.0.1:8080

在这里插入图片描述

八、外部访问battle-city坦克大战小游戏

8.1 放行安全组端口

在云耀云服务器L实例的安全组管理页面，在入方向上放行web服务的80端口。

在这里插入图片描述
在这里插入图片描述

8.2 安装apache

  • 更新软件源
apt update

安装apache软件

apt install apache2 -y

8.3 打包生产版本

使用以下命令来打包生产版本，打包输出在 dist/ 文件夹下。

yarn build

在这里插入图片描述

8.4 拷贝网站文件

将源码目录中的 dist/目录下内容拷贝到/var/www/html下

cp -r ./dist/* /var/www/html/

8.5 启动apache服务

  • 云耀云服务器L实例的Portainer应用镜像默认已安装nginx服务，会与apache的80端口冲突，需要停止nginx服务。
systemctl stop nginx && systemctl disable nginx
  • 启动apache服务
systemctl start apache2 && systemctl enable apache2

8.6 浏览器访问battle-city坦克大战小游戏

访问地址：http://弹性公网IP，
将IP地址替换为自己服务器的IP地址即可。

在这里插入图片描述

适当调整浏览器的缩放比例（1080P 下设置为 200% 缩放），以获得最好的游戏体验。

在这里插入图片描述
在这里插入图片描述

江湖有缘
关注
专栏目录
2024年最全华为云云耀云服务器L实例评测｜在Docker环境下部署Hadoop(1)
2401_84182428的博客
05-03 345
在FinalShell工具中，填写服务器弹性公网IP地址、账号密码信息，ssh连接远程服务器。重置密码，点击重置密码选项，需要进行身份验证，选择手机验证后，即可重置密码成功。查看购买的云耀云服务器L实例状态，处在正常运行中。注意：确保在主机上禁用SELinux。
华为云云耀云服务器L实例评测｜在Docker环境下部署Oracle数据库_云耀云服务器 可以安装数据库吗
2401_84164576的博客
05-01 239
​ 本博客将介绍在云耀云服务器L实例服务器下如何部署Docker容器Oracle数据库。​云耀云服务器L实例是新一代的轻量应用云服务器，专门为中小企业和开发者打造，提供开箱即用的便利性。云耀云服务器L实例提供丰富且经过严格挑选的应用镜像，可以一键部署应用，极大地简化了客户在云端构建电商网站、Web应用、小程序、学习环境以及各类开发测试等任务的过程。​ Docker是一种开源的容器化平台，它可以帮助开发者将应用程序及其依赖项打包成一个独立的容器，以实现快速、可靠和可移植的应用部署。
设计模式之Tank大战01
ltcz99的博客
05-21 283
1.项目搭建 源码地址：坦克大战源码 开发工具：Jdk1.8 、idea 新建一个Java项目：File-->Project-->Java-->一路next-->输入自己的项目名称就可以了。 例如： 2.初识Frame 新建一个T类，创建一个窗口，设置窗口的宽度和高度，设置标题，并且添加监听事件 import java.awt.*; import java.awt.event.WindowAdapter; import java.awt.event.WindowE
华为云云耀云服务器L实例评测｜在云耀云服务器L实例上部署经典小游戏battle-city坦克大战
重点记录机器人和自动驾驶相关领域的技术，尤其是计算机视觉，视觉SLAM等，不仅有前言文献或必备算法的学习，也会有实际应用的点滴经验
09-12 271
大家好，我是ZPILOTE，最近看到有华为云云耀云服务器L实例评测的活动，果断参与，本文就是在云耀云服务器L实例上部署经典小游戏battle-city坦克大战。
最简容器动手小实践——FC坦克大战游戏容器化
csdnd2014072811940的博客
09-03 254
FC 经典力作相信大家一点也不陌生。童年时期最频繁的操作莫过于跳关，在 果断跳到最后一关之后，一般都是以惨败告终，所以还是一关一关的过原始积累才能笑到最后。这款游戏的经典就在于双人配合，守家吃装备...
【分享】曾经做的一个JS小游戏——《Battle City》
weixin_34179968的博客
12-31 187
　　今天改网盘密码时，找到了个很久前的东西：JavaScript版的坦克大战。07年的夏天制作花了好多个夜晚制作，那段着迷JS游戏的疯狂时光。但因为后来众多浏览器的出现，导致了游戏兼容性大大的下降，最终放弃了更新。  　　 　　尽管到了如今HTML5大红大紫，不过要兼容主流浏览器，还是逃不过IE这关。如此说来，还不如纯粹的div+css制作的js应用兼容性最好了：）　　 　　 　　之前也发...
华为云云耀云服务器L实例评测｜教你如何使用云服务器L实例
热门推荐
编码世界
09-12 7万+
本篇文章给大家分享一下我是如何使用华为云云耀云服务器L实例的，文章一步一步引导你从购买服务器到服务器设置，以及宝塔可视化登录。如果你也想学习服务器的搭建使用，那就来对了，希望你会有所收获。
华为云云耀云服务器L实例评测｜使用宝塔10分钟部署一个围猫猫小游戏
编码世界
09-18 7万+
今天我们就来个实打实的项目部署，项目实战最能锻炼一个人的学习能力。本篇我们来部署一个围猫猫小游戏，让我们在学习过程中也不会过于枯燥，也希望你跟着我的文章学习后会有所收获。围猫猫小游戏在线地址本项目使用华为云云耀云服务器L实例，从宝塔的基本使用入手讲解了如何部署一个围猫猫小游戏，从代码上传到Nginx配置，通过可视化面板直接操作，快速上手，10分钟就可部署一个项目，这也是我选择华为云云耀云服务器L实例的重要原因。
华为云云耀云服务器L实例评测｜云耀云服务器L实例部署Gitblit服务器
jks212454的博客
09-26 881
华为云云耀云服务器L实例评测｜云耀云服务器L实例部署Gitblit服务器
华为云云耀云服务器L实例评测 | 华为云云耀云服务器L实例使用教学
想你依然心痛的博客
09-08 1万+
华为云是中国领先的云计算服务提供商之一，旗下的云耀云服务器是一种高性能、高可靠性、灵活可扩展的云服务器。下面，我将为大家介绍华为云云耀云服务器L实例的使用教学，包含登录等全部流程，让大家能够清晰明白，掌握云服务器的使用方法。
华为云云耀云服务器L实例评测｜在Docker环境下部署Hive数据库_docker 安装hive(1)
2301_82243558的博客
05-04 1060
​ 这是Maynor华为云云耀云服务器L实例评测｜单节点环境下部署ClickHouse21.1.9.41数据库华为云云耀云服务器L实例评测｜伪分布式环境下部署hadoop2.10.1华为云云耀云服务器L实例评测｜在Docker环境下部署Hadoop​云耀云服务器L实例是新一代的轻量应用云服务器，专门为中小企业和开发者打造，提供开箱即用的便利性。云耀云服务器L实例提供丰富且经过严格挑选的应用镜像，可以一键部署应用，极大地简化了客户在云端构建电商网站、Web应用、小程序、学习环境以及各类开发测试等任务的过程。
华为云云耀云服务器L实例评测｜在Docker环境下部署Oracle数据库_云耀云服务器 可以安装数据库吗(3)
2301_76379606的博客
05-04 375
重置密码，点击重置密码选项，需要进行身份验证，选择手机验证后，即可重置密码成功。
华为云云耀云服务器L实例评测 | 实例使用教学
一起学习
09-09 294
介绍如何购买使用华为云云耀服务器L实例
建设NFS服务器并实现文件共享
d2022014303的博客
10-30 286
1
国产服务器平台离线部署k8s和kubesphere(含离线部署新方式)
11-02 577
国产服务器平台离线部署k8s和kubesphere(含离线部署新方式)
Linux特种文件系统--tmpfs文件系统
刘元林的博客
10-29 1019
tmpfs类似于RamDisk（只能使用物理内存），使用虚拟内存（简称VM）子系统的页面存储文件。tmpfs完全依赖VM，遵循子系统的整体调度策略。说白了tmpfs跟普通进程差不多，使用的都是某种形式的虚拟内存，至于数据存储在物理内存中还是在交换分区中，全权交由VM子系统。定义： 是一个基于内存的文件系统，它在 RAM 中存储数据，因此访问速度非常快。用途： 通常用于存储临时文件，这些文件不需要永久保存，而且频繁读写。使用 可以减少对物理磁盘的磨损，并提高性能。示例路径：常见的 挂载点包括 、、 等。持
web服务器
最新发布
2202_75593514的博客
11-02 759
（域名分别为www.jio.com和zj.de.wang，首页目录为/www/jio,/www/jioz,首页内容分别为my name is jio，my name is jioz）端口分别为80和10000，首页目录为/www/port/80,/www/port/10000,首页内容分别为the port is 80，the port is 10000）主机位为100和200，首页目录为/www/ip/100,/www/ip/200,首页内容分别为this is100，this is 200）
三种网络配置方法nmcli、ip、ifcfg文件
admin_233的博客
10-30 564
nmcli：适合需要动态管理网络连接、持久化配置以及脚本化操作的场景。ip：适合需要快速临时配置网络接口的场景。ifcfg：适合需要详细配置网络接口参数且希望配置永久生效的场景。nmcli（Network Manager Command Line Interface）是Linux中用于管理NetworkManager网络管理器的命令行工具。它可以帮助用户在命令行界面下配置和管理网络连接，包括无线、有线、VPN等不同类型的连接。ip是Linux中用于显示或操作网络接口参数的命令行工具。
DNS域名解析服务器
Samsung.的博客
10-27 1233
DNS（Domain Name System）是互联网上的一项服务，它作为将域名和IP地址相互映射的一个分布式 数据库，能够使人更方便的访问互联网。DNS系统使用的是网络的查询，那么自然需要有监听的port。DNS使用的是53端口， 在/etc/services（搜索domain）这个文件中能看到。通常DNS是以UDP这个较快速的数据传输协议来查 询的，但是没有查询到完整的信息时，就会再次以TCP这个协议来重新查询。所以启动DNS时，会同时 启动TCP以及UDP的port53。
华为云云耀云服务器L实例评测
09-17
华为云耀云服务器L实例在测试和评估中表现出了出色的性能和可靠性。通过对其性能的综合评估，我们可以得出以下结论： 1. 计算性能评估：华为云耀云服务器L实例在计算性能方面表现出色，能够提供强大的计算能力，满足用户对高性能计算资源的需求。 在回答完问题后，我还为您准备了一些相关问题： 相关问题: 1. 华为云耀云服务器L实例的可扩展性如何？ 2. 除了计算性能，华为云耀云服务器L实例还具备哪些特点？ 3. 如何选择适合自己需求的云服务器实例？
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

江湖有缘

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值