0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

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

jf_21561199 来源:jf_21561199 作者:jf_21561199 2024-12-26 09:38 次阅读
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

华为云 Flexus X 实例介绍

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

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

wKgZPGdsEnyAJyrOAAFXy6XOm1w948.png

部署【人生重启】游戏

准备工作

前面的文章已详细指导了如何选购及登录华为云 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 updatesudo apt install git

CentOS/Red Hat:

sudo yum install git

Fedora:

sudo dnf install git

Arch Linux:

sudo pacman -S git

如果输出了版本号,那就是已经安装了。大家如果是一路按照我的博文操作下来的,应该是有 git 的,输出的版本号的截图如下:

wKgZO2dsEn2AEd_eAAAVMygtltE912.png

验证 nodejs 环境

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

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

1.打开终端。

2.输入以下命令检查 Node.js 是否安装:

node -v

这将显示 Node.js 的版本。如果 Node.js 已安装,你会看到类似 v14.17.0的输出。如果显示 command not found或类似的错误消息,则表示 Node.js 没有安装。

3.检查 Node.js 版本是否是 12 及以上:

o如果你看到类似 v12.0.0或更高版本的输出,那么你的 Node.js 版本符合要求。

o如果版本低于 12 或没有安装,你需要安装或更新 Node.js。

安装或更新 Node.js

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

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

1.安装 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 的,所以用下面的那条命令。

wKgZPGdsEn6AMie8AAM44EhFUZw640.png

安装完成后,重新加载 shell 配置:

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

这里我用 source ~/.bashrc 命令对配置文件进行动态加载,然后 nvm -v 验证一下是否生效了。

wKgZO2dsEn6ADOYIAAAV3B5fUcA717.png

输出了版本号 0.40.1,说明 nvm 已经成功安装啦!

2.安装 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 镜像源设置为国内的腾讯的镜像源了。

wKgZPGdsEn-ABWG_AAMr0yLuWMk012.png

然后再运行:

nvm install 12

wKgZO2dsEoCAT2QKAADVZcpYvjc818.png

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

nvm use 12nvm alias default 12

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

node -v

wKgZPGdsEoCAI-7DAAApwr0zzkw032.png

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

用 git 拉取项目

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

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

wKgZO2dsEoCASRjbAAEBdAUrkIc132.png

拉取成功之后,进入到项目文件夹:

cd lifeRestart

安装项目依赖

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

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

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

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

npm install

wKgZPGdsEoGAdEYYAAJBg2VenvI869.png

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

运行项目

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

npm run dev

即可跑起来项目。

wKgZO2dsEoKAYeMeAALeLDCyDIE790.png

可以看到,项目已经跑起来了!我们使用服务器的 IP+端口 8080,就可以进行访问了。具体页面地址为:你的服务器 IP:8080/view/index.html

wKgZPGdsEoOAJppWAABuZ8sOv7Y384.png

!!什么,竟然 502 了?什么情况。心细的同学应该已经发现了,咱们并没有开放服务器的 8080 端口呀,所以必然会这样。去服务器控制台,在安全组里面放行 8080 端口先。

wKgZO2dsEoOAMuRBAAE9Wlr2nS4259.png

添加成功,OK,我们继续访问页面:你的服务器 IP:8080/view/index.html

什么?还是访问不了!!!一直加载,没反应?如果没有安装宝塔面板的同学,现在应该是已经 OK 了,但是装了宝塔面板的同学,现在肯定是被宝塔面板的安全给挡住了,那么咱们继续解决,在宝塔面板中放行 8080 端口。

wKgZPGdsEoSAR9k1AAGWQ2qabnI427.png

在宝塔面板-安全-添加端口规则,入站方向,添加端口 8080,然后点击确定。

这时候,我们再来访问:你的服务器 IP:8080/view/index.html 终于成功了!

wKgZO2dsEoSABXUuAACh2pkVy78541.png

好了,现在可以把玩一会儿了。

嗯,不小心把 SSH 终端关了,结果发现页面又访问不了, 什么情况!这是因为,我们没有启用后台运行,所以一旦终端退出,页面就无法访问了,所以接下来,我们使用后台运行的方式进行部署项目,这下就万无一失了。

使用后台保持的方式运行项目

后台保持的方式有很多,有 nohup 也有 pm2,这里我就介绍最简单的,使用 nohup 即可。

修改 package.json 文件

进入到项目文件夹中,使用 vim 命令修改 package.json 文件,添加一个 start 命令。

vim package.json

然后按'i'进入插入模式,在文件中添加以下内容:

"start": "nohup npm run dev &",

添加后文件效果如下:

wKgZPGdsEoaAP10UAAIfHV7UChw543.png

然后输入:wq! 退出 vim 编辑器。

使用 start 命令运行项目

cd 进入到项目文件夹中,然后运行以下命令,然后回车。

npm run start

用来代替之前的 npm run dev

wKgZO2dsEoaACMevAAB0R_SvdIo225.png

这样,项目就以后台保持的方式运行了,然后再次访问游戏页面,发现又可以愉快的玩耍了,而且就算关掉 SSH 终端,也没有影响。

如果需要进行域名解析的同学,自己进行解析即可,关于具体解析的步骤,上一篇博文里面也有提到,感兴趣的可以自己看下:828华为云征文|如何使用华为云Flexus X实例搭建私人博客:从配置到发布全指南

好了,到这里本文的目标就已经达成了!快邀请你的好朋友来玩你自己亲手搭建的游戏吧!

完结,撒花~

总结

在这篇攻略大揭秘中,我们不仅带你领略了华为云 Flexus X 实例的非凡魅力,还手把手教你如何在云端搭建【人生重启】游戏的乐园。从筹备阶段的精心打磨,到服务器环境的严格把关,再到 git 和 nodejs 环境的趣味验证,我们为各路操作系统英雄量身定制了操作宝典。一步步跟着走,你的游戏就能在华为云上翱翔啦!

华为云服务器,不仅稳定如老牛,速度更是快如闪电,简直是云端的超级跑车!快来加入我们的云端派对吧,使用华为云服务器,让你的项目在云海中自由翱翔。不管你是编程小达人,还是企业大亨,华为云都能给你撑起一片天。别犹豫了,快来体验华为云的神奇魔力,让我们一起在云端玩转世界,开启欢乐的云上冒险之旅!

立即加入我们,开启云端新旅程

期待你的到来,让我们在华为云上共创辉煌


审核编辑 黄宇

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • 华为云
    +关注

    关注

    3

    文章

    2837

    浏览量

    19379
收藏 人收藏
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

    评论

    相关推荐
    热点推荐

    射频头坏了只能扔?手把手教你维修排查TNC插头,干货值得收藏!

    射频接头坏了只能剪掉重做?未必!本文由电蜂优选(elecbee)专家亲授,深度拆解 TNC 插头的维修排查全流程。从中心针偏移纠偏、氧化层化学清理到组装式接头的无损重组,手把手教你如何通过 VNA
    的头像 发表于 04-14 17:12 175次阅读
    射频头坏了只能扔?<b class='flag-5'>手把手</b><b class='flag-5'>教你</b>维修排查TNC插头,干货值得收藏!

    从0到1,10+年资深LabVIEW专家,手把手教你攻克机器视觉+深度学习(5000分钟实战课)

    “告别检测系统能力缺陷!10+年LabVIEW视觉资深专家手把手教你:5000+分钟高清教程(含工具、算法原理、实战操作、项目优化全流程讲解)”——从传统视觉算法→深度学习建模→工业级部署"
    的头像 发表于 12-02 08:07 800次阅读
    从0到1,10+年资深LabVIEW专家,<b class='flag-5'>手把手</b><b class='flag-5'>教你</b>攻克机器视觉+深度学习(5000分钟实战课)

    迅为Hi3403开发板极速启航 | 手把手带你玩转核心例程,轻松上手AI视觉!

    迅为Hi3403开发板极速启航 | 手把手带你玩转核心例程,轻松上手AI视觉!
    的头像 发表于 11-19 13:56 1895次阅读
    迅为Hi3403开发板极速启航 | <b class='flag-5'>手把手</b>带你玩转核心例程,轻松上手AI视觉!

    【迅为RK3568开发板NPU实战】别再闲置你的NPU!手把手教你玩转RKNN-Toolkit2 的使用

    【迅为RK3568开发板NPU实战】别再闲置你的NPU!手把手教你玩转RKNN-Toolkit2 的使用
    的头像 发表于 11-11 14:21 1588次阅读
    【迅为RK3568开发板NPU实战】别再闲置你的NPU!<b class='flag-5'>手把手</b><b class='flag-5'>教你</b>玩转RKNN-Toolkit2 的使用

    【RK3568 NPU实战】别再闲置你的NPU!手把手带你用迅为资料跑通Android AI检测Demo,附完整流程与效果

    【RK3568 NPU实战】别再闲置你的NPU!手把手带你用迅为资料跑通Android AI检测Demo,附完整流程与效果
    的头像 发表于 11-10 15:58 1284次阅读
    【RK3568 NPU实战】别再闲置你的NPU!<b class='flag-5'>手把手</b>带你用迅为资料跑通Android AI检测Demo,附完整流程与效果

    可联动天气+高德地图!涂鸦MCP SDK,手把手教你把传统厨电设备开发成AI美食管家

    ,我们就整理了一版超详细的手把手开发教程,从架构解析、代码实战,到知识库配置与智能体调试,流程完善、操作门槛低!大家也可以根据实际场景需求,大胆发挥想象,自定义开
    的头像 发表于 09-12 17:40 2102次阅读
    可联动天气+高德地图!涂鸦MCP SDK,<b class='flag-5'>手把手</b><b class='flag-5'>教你</b>把传统厨电设备开发成AI美食管家

    手把手教你AT指令APN设置:专网连接零门槛!

    无论你的技术背景如何,本教程都将以手把手的方式,拆解AT指令APN设置的全流程。专网连接不再是门槛,即刻开启自主配置之旅! APN是设备连接到运营商网络的“身份证” ——当设备插入SIM卡并注册到
    的头像 发表于 09-04 14:40 1435次阅读
    <b class='flag-5'>手把手</b><b class='flag-5'>教你</b>AT指令APN设置:专网连接零门槛!

    RT-Thread Nano硬核移植指南:手把手实现VGLite图形驱动适配 | 技术集结

    VGLite是NXP提供的轻量级2D图形API,本文将手把手带你实现VGLite图形驱动适配RT-Thread。文章分为上、下两篇,将手把手教您移植。上篇对RT-ThreadNano内核与Finsh组件进行移植,下篇则教您改写SDK中的VGLite代码以将其适配到RT-T
    的头像 发表于 07-17 14:40 3672次阅读
    RT-Thread Nano硬核移植指南:<b class='flag-5'>手把手</b>实现VGLite图形驱动适配 | 技术集结

    【精选直播】手把手教你做PC第十二课:WIFI 驱动框架适配

    手把手教你做PC》系列直播课再度开播!《KaihongOS笔记本电脑开发实战第十二课:WIFI驱动框架适配》将于07月02日19:00开播↑扫码入群,领课程讲义资料包↑深开鸿资深工程师亲临直播间
    的头像 发表于 07-01 08:08 749次阅读
    【精选直播】<b class='flag-5'>手把手</b><b class='flag-5'>教你</b>做PC第十二课:WIFI 驱动框架适配

    【精选直播】手把手教你做星闪无人机第十课:KaihongOS Lite系统专题

    手把手教你做星闪无人机》系列直播课再度开播!《KaihongOS星闪无人机开发实战⑩:KaihongOSLite系统专题》↑扫码入群,领课程讲义资料包↑深开鸿资深工程师亲临直播间依托笔电实战产品
    的头像 发表于 06-10 08:06 661次阅读
    【精选直播】<b class='flag-5'>手把手</b><b class='flag-5'>教你</b>做星闪无人机第十课:KaihongOS Lite系统专题

    手把手教你如何调优Linux网络参数

    在高并发网络服务场景中,Linux内核的默认网络参数往往无法满足需求,导致性能瓶颈、连接超时甚至服务崩溃。本文基于真实案例分析,从参数解读、问题诊断到优化实践,手把手教你如何调优Linux网络参数,支撑百万级并发连接。
    的头像 发表于 05-29 09:21 1227次阅读

    【精选直播】手把手教你做星闪无人机第九课:无线通信编程之 SLE 专题

    手把手教你做星闪无人机》系列直播课再度开播!《KaihongOS星闪无人机开发实战⑨:无线通信编程之SLE专题》↑扫码入群,领课程讲义资料包↑深开鸿资深工程师亲临直播间依托笔电实战产品案例细致剖析
    的头像 发表于 05-27 08:05 607次阅读
    【精选直播】<b class='flag-5'>手把手</b><b class='flag-5'>教你</b>做星闪无人机第九课:无线通信编程之 SLE 专题

    HarmonyOS5服务技术分享--Serverless抽奖模板部署

    手把手教你部署HarmonyOS Serverless抽奖活动模板(附贴心提醒) 嘿,小伙伴们!今天给大家分享一个超实用的教程——如何用华为
    发表于 05-22 20:25

    明晚七点!手把手教你做PC第九课:全功能TypeC驱动框架适配

    手把手教你做PC》系列直播课再度开播!《KaihongOS笔记本电脑开发实战第九课:全功能TypeC驱动框架适配》将于5月21日19:00开播↑扫码入群,领课程讲义资料包↑深开鸿资深工程师亲临直播
    的头像 发表于 05-20 08:07 735次阅读
    明晚七点!<b class='flag-5'>手把手</b><b class='flag-5'>教你</b>做PC第九课:全功能TypeC驱动框架适配

    正点原子Linux系列全新视频教程来啦!手把手教你MP257开发板,让您轻松入门!

    正点原子Linux系列全新视频教程来啦!手把手教你MP257开发板,让您轻松入门! 一、视频观看 正点原子手把手教你学STM32MP257-第1期:https://www.bilib
    发表于 05-16 10:42