【828华为云征文｜手把手教你如何用华为云Flexus X实例部署之前爆火的“人生重启“游戏】

文章目录

华为云Flexus X实例介绍
部署【人生重启】游戏
- 准备工作
- 具体操作指南
- - 服务器环境确认
  - - 验证git环境
    - - Ubuntu/Debian:
      - CentOS/Red Hat:
      - Fedora:
      - Arch Linux:
    - 验证nodejs环境
    - - 检查是否安装了 Node.js 及其版本
      - 安装或更新 Node.js
  - 用git拉取项目
  - 安装项目依赖
  - 运行项目
  - 使用后台保持的方式运行项目
  - - 修改package.json文件
    - 使用start命令运行项目
总结

华为云Flexus X实例介绍

华为云Flexus云服务就像是为中小企业和开发者量身打造的超级云产品，它不仅开箱即用，而且体验飞跃升级。Flexus云服务器X实例正是这款服务中的一颗明星。

Flexus云服务器X实例是专为中小企业和开发者设计的下一代柔性算力云服务器。它能聪明地感知业务负载，非常适合电商直播、企业网站、开发测试环境、游戏服务器以及音视频服务等中低负载场景。相比于Flexus应用服务器L实例，X实例不仅提供丰富的公共镜像，还能灵活自定义vCPU和内存配比，并智能地调整资源，满足更高负载需求。

在这里插入图片描述

部署【人生重启】游戏

准备工作

前面的文章已详细指导了如何选购及登录华为云Flexus X服务器实例，详细内容请参见这篇博文：
828华为云征文｜华为云Flexus X实例：从选购到登录，一站式指南

还详细讲述了如何在华为云Flexus X服务器实例上安装并部署宝塔面板，以便后续管理服务器及项目，具体请参见这篇博文：
828华为云征文｜工欲善其事必先利其器：华为云Flexus X实例一键部署宝塔面板

同时，也展示了如何利用宝塔面板一键部署个人CMS网站，详细请查看：
828华为云征文｜华为云Flexus X实例：一键助力中小企业，快速部署个性化网站！

那么除了这些，还有没有更好玩的呢？当然有了！之前特别火的网页游戏，人生重启，不知道你玩过没有呢？
没错，本文将带领大家使用华为云Flexus X实例，手把手教你如何部署自己服务器上的第一款网页游戏【人生重启】，准备好了吗？那我们就开始吧！

具体操作指南

服务器环境确认

首先，确认服务器上已安装以下服务：

nodejs-12.0及以上 （本次安装需要使用此版本）
git

什么，你不知道有没有这个环境，不知道怎么安装？好吧，那一步步来吧，先验证一下你是否有这个环境。

验证git环境

在服务器控制台输入以下命令：

git --version

然后看输出，如果输出command not found,那就是没有安装，此时根据自己的linux系统，用包管理器进行安装即可。

大多数Linux发行版都提供了Git的官方包。以下是一些常见发行版的安装命令：

Ubuntu/Debian:

sudo apt update
sudo apt install git

CentOS/Red Hat:

sudo yum install git

Fedora:

sudo dnf install git

Arch Linux:

sudo pacman -S git

如果输出了版本号，那就是已经安装了。大家如果是一路按照我的博文操作下来的，应该是有git的，输出的版本号的截图如下：
在这里插入图片描述

验证nodejs环境

你可以通过以下步骤来验证你的系统上是否安装了 Node.js，以及其版本是否是 12 及以上：

检查是否安装了 Node.js 及其版本

打开终端。
输入以下命令检查 Node.js 是否安装：
```
node -v
```
这将显示 Node.js 的版本。如果 Node.js 已安装，你会看到类似 v14.17.0 的输出。如果显示 command not found 或类似的错误消息，则表示 Node.js 没有安装。
检查 Node.js 版本是否是 12 及以上：
- 如果你看到类似 v12.0.0 或更高版本的输出，那么你的 Node.js 版本符合要求。
- 如果版本低于 12 或没有安装，你需要安装或更新 Node.js。

安装或更新 Node.js

如果 Node.js 没有安装，或者版本低于 12，你可以按照以下步骤进行安装:(这里就不推荐使用包管理器进行安装了，因为会有很多坑，不如直接安装nvm来进行管理来的丝滑，所以我直接推荐这个)

使用 nvm 是管理 Node.js 版本的一个灵活方式：

安装 nvm：

# 能访问github的话，使用这条命令
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.2/install.sh | bash
 
# 不能访问github的话， 可以用下面这条
curl -o- https://gitee.com/RubyMetric/nvm-cn/raw/main/install.sh | bash

这里咱们是华为云的服务器，应该是不能访问github的，所以用下面的那条命令。
在这里插入图片描述

安装完成后，重新加载 shell 配置：

source ~/.bashrc  # 或 ~/.zshrc，具体取决于你使用的 shell

这里我用source ~/.bashrc 命令对配置文件进行动态加载，然后nvm -v验证一下是否生效了。
在这里插入图片描述输出了版本号0.40.1，说明nvm已经成功安装啦！

安装 Node.js 的指定版本（例如 12）：

这里又遇到了坑，直接用 nvm install 12运行安装，是安装不成功的，因为还是无法访问nvm镜像源的事，那么怎么办呢，先crtl+C终止安装。

然后将nvm镜像源切换为国内的镜像源再即可，这里我演示切换为腾讯的镜像源，在命令行依次输入这两条命令并回车：

nvm npm_mirror http://mirrors.cloud.tencent.com/npm/
nvm node_mirror http://mirrors.cloud.tencent.com/nodejs-release/

这就将nvm镜像源设置为国内的腾讯的镜像源了。
在这里插入图片描述
然后再运行：

nvm install 12

在这里插入图片描述

就可以顺利安装成功了。
3. 设置默认 Node.js 版本：

nvm use 12
nvm alias default 12

这里由于我们只有这一个node 12的版本，所以系统直接默认就已经是这个了，所以不执行这个命令也可以，如果有多个node版本需要切换的时候，需要用到这个命令。
4. 验证安装的版本：

node -v

在这里插入图片描述

可以看到，到这里，我们已经安装了符合要求的 Node.js 版本，版本号为12.22.12。

用git拉取项目

直接进行git clone 项目即可，为了大家方便，我已经将项目放到了我的coding上面，大家直接拉取即可，省的在github上无法拉取到。

git clone https://e.coding.net/dashixiong6668/liferestart/lifeRestart.git

在这里插入图片描述
拉取成功之后，进入到项目文件夹：

cd lifeRestart

安装项目依赖

因为我们已经把node环境都搞定了，所以现在就很丝滑，直接执行npm install来进行安装项目所需的依赖就可以了。

但是，等等，这里还是会有坑，如果直接就这么执行，那简直是龟速，因为咱们直接访问npm 的镜像源，还是慢，那怎么办呢，切换成国内镜像源就可以解决了。执行以下命令：

npm config set registry https://registry.npmmirror.com

这时候npm使用的已经是最新的国内镜像源了，然后放心大胆的执行install吧！

npm install

在这里插入图片描述

稍等片刻，看依赖安装完成就可以进行下一步了。

运行项目

接下来，我们就可以让项目跑起来啦！
运行

npm run dev

即可跑起来项目。
在这里插入图片描述
可以看到，项目已经跑起来了！我们使用服务器的IP+端口8080，就可以进行访问了。
具体页面地址为：你的服务器IP:8080/view/index.html

！！什么，竟然502了？什么情况。
心细的同学应该已经发现了，咱们并没有开放服务器的8080端口呀，所以必然会这样。
去服务器控制台，在安全组里面放行8080端口先。
在这里插入图片描述
添加成功，OK，我们继续访问页面：
你的服务器IP:8080/view/index.html