華為云 Flexus X 實(shí)例介紹

華為云 Flexus 云服務(wù)就像是為中小企業(yè)和開發(fā)者量身打造的超級(jí)云產(chǎn)品，它不僅開箱即用，而且體驗(yàn)飛躍升級(jí)。Flexus 云服務(wù)器 X 實(shí)例正是這款服務(wù)中的一顆明星。

Flexus 云服務(wù)器 X 實(shí)例是專為中小企業(yè)和開發(fā)者設(shè)計(jì)的下一代柔性算力云服務(wù)器。它能聰明地感知業(yè)務(wù)負(fù)載，非常適合電商直播、企業(yè)網(wǎng)站、開發(fā)測(cè)試環(huán)境、游戲服務(wù)器以及音視頻服務(wù)等中低負(fù)載場(chǎng)景。相比于 Flexus 應(yīng)用服務(wù)器 L 實(shí)例，X 實(shí)例不僅提供豐富的公共鏡像，還能靈活自定義 vCPU 和內(nèi)存配比，并智能地調(diào)整資源，滿足更高負(fù)載需求。

部署【人生重啟】游戲

準(zhǔn)備工作

前面的文章已詳細(xì)指導(dǎo)了如何選購(gòu)及登錄華為云 Flexus X 服務(wù)器實(shí)例，詳細(xì)內(nèi)容請(qǐng)參見這篇博文：828華為云征文｜華為云Flexus X實(shí)例：從選購(gòu)到登錄，一站式指南

還詳細(xì)講述了如何在華為云 Flexus X 服務(wù)器實(shí)例上安裝并部署寶塔面板，以便后續(xù)管理服務(wù)器及項(xiàng)目，具體請(qǐng)參見這篇博文：828華為云征文｜工欲善其事必先利其器：華為云Flexus X實(shí)例 一鍵部署寶塔面板

同時(shí)，也展示了如何利用寶塔面板一鍵部署個(gè)人 CMS 網(wǎng)站，詳細(xì)請(qǐng)查看：828華為云征文｜華為云Flexus X實(shí)例：一鍵助力中小企業(yè)，快速部署個(gè)性化網(wǎng)站！

那么除了這些，還有沒(méi)有更好玩的呢？當(dāng)然有了！之前特別火的網(wǎng)頁(yè)游戲，人生重啟，不知道你玩過(guò)沒(méi)有呢？沒(méi)錯(cuò)，本文將帶領(lǐng)大家使用華為云 Flexus X 實(shí)例，手把手教你如何部署自己服務(wù)器上的第一款網(wǎng)頁(yè)游戲【人生重啟】，準(zhǔn)備好了嗎？那我們就開始吧！

具體操作指南

服務(wù)器環(huán)境確認(rèn)

首先，確認(rèn)服務(wù)器上已安裝以下服務(wù)：

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

·git

什么，你不知道有沒(méi)有這個(gè)環(huán)境，不知道怎么安裝？好吧，那一步步來(lái)吧，先驗(yàn)證一下你是否有這個(gè)環(huán)境。

驗(yàn)證 git 環(huán)境

在服務(wù)器控制臺(tái)輸入以下命令：

git --version

然后看輸出，如果輸出 command not found,那就是沒(méi)有安裝，此時(shí)根據(jù)自己的 linux 系統(tǒng)，用包管理器進(jìn)行安裝即可。

大多數(shù) Linux 發(fā)行版都提供了 Git 的官方包。以下是一些常見發(fā)行版的安裝命令：

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

如果輸出了版本號(hào)，那就是已經(jīng)安裝了。大家如果是一路按照我的博文操作下來(lái)的，應(yīng)該是有 git 的，輸出的版本號(hào)的截圖如下：

驗(yàn)證 nodejs 環(huán)境

你可以通過(guò)以下步驟來(lái)驗(yàn)證你的系統(tǒng)上是否安裝了 Node.js，以及其版本是否是 12 及以上：

檢查是否安裝了 Node.js 及其版本

1.打開終端。

2.輸入以下命令檢查 Node.js 是否安裝：

node -v

這將顯示 Node.js 的版本。如果 Node.js 已安裝，你會(huì)看到類似 v14.17.0的輸出。如果顯示 command not found或類似的錯(cuò)誤消息，則表示 Node.js 沒(méi)有安裝。

3.檢查 Node.js 版本是否是 12 及以上：

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

o如果版本低于 12 或沒(méi)有安裝，你需要安裝或更新 Node.js。

安裝或更新 Node.js

如果 Node.js 沒(méi)有安裝，或者版本低于 12，你可以按照以下步驟進(jìn)行安裝:(這里就不推薦使用包管理器進(jìn)行安裝了，因?yàn)闀?huì)有很多坑，不如直接安裝 nvm 來(lái)進(jìn)行管理來(lái)的絲滑，所以我直接推薦這個(gè))

使用 nvm是管理 Node.js 版本的一個(gè)靈活方式：

1.安裝 nvm：

# 能訪問(wèn) github 的話，使用這條命令 curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.2/install.sh | bash# 不能訪問(wèn) github 的話， 可以用下面這條 curl -o- https://gitee.com/RubyMetric/nvm-cn/raw/main/install.sh | bash

這里咱們是華為云的服務(wù)器，應(yīng)該是不能訪問(wèn) github 的，所以用下面的那條命令。

安裝完成后，重新加載 shell 配置：

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

這里我用 source ~/.bashrc 命令對(duì)配置文件進(jìn)行動(dòng)態(tài)加載，然后 nvm -v 驗(yàn)證一下是否生效了。

輸出了版本號(hào) 0.40.1，說(shuō)明 nvm 已經(jīng)成功安裝啦！

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

這里又遇到了坑，直接用nvm install 12 運(yùn)行安裝，是安裝不成功的，因?yàn)檫€是無(wú)法訪問(wèn) nvm 鏡像源的事，那么怎么辦呢，先 crtl+C 終止安裝。

然后將 nvm 鏡像源切換為國(guó)內(nèi)的鏡像源再即可，這里我演示切換為騰訊的鏡像源，在命令行依次輸入這兩條命令并回車：

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

這就將 nvm 鏡像源設(shè)置為國(guó)內(nèi)的騰訊的鏡像源了。

然后再運(yùn)行：

nvm install 12

就可以順利安裝成功了。3. 設(shè)置默認(rèn) Node.js 版本：

nvm use 12nvm alias default 12

這里由于我們只有這一個(gè) node 12 的版本，所以系統(tǒng)直接默認(rèn)就已經(jīng)是這個(gè)了，所以不執(zhí)行這個(gè)命令也可以，如果有多個(gè) node 版本需要切換的時(shí)候，需要用到這個(gè)命令。4. 驗(yàn)證安裝的版本：

node -v

可以看到，到這里，我們已經(jīng)安裝了符合要求的 Node.js 版本，版本號(hào)為 12.22.12。

用 git 拉取項(xiàng)目

直接進(jìn)行 git clone 項(xiàng)目即可，為了大家方便，我已經(jīng)將項(xiàng)目放到了我的 coding 上面，大家直接拉取即可，省的在 github 上無(wú)法拉取到。

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

拉取成功之后，進(jìn)入到項(xiàng)目文件夾：

cd lifeRestart

安裝項(xiàng)目依賴

因?yàn)槲覀円呀?jīng)把 node 環(huán)境都搞定了，所以現(xiàn)在就很絲滑，直接執(zhí)行 npm install 來(lái)進(jìn)行安裝項(xiàng)目所需的依賴就可以了。

但是，等等，這里還是會(huì)有坑，如果直接就這么執(zhí)行，那簡(jiǎn)直是龜速，因?yàn)樵蹅冎苯釉L問(wèn) npm 的鏡像源，還是慢，那怎么辦呢，切換成國(guó)內(nèi)鏡像源就可以解決了。執(zhí)行以下命令：

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

這時(shí)候 npm 使用的已經(jīng)是最新的國(guó)內(nèi)鏡像源了，然后放心大膽的執(zhí)行 install 吧！

npm install

稍等片刻，看依賴安裝完成就可以進(jìn)行下一步了。

運(yùn)行項(xiàng)目

接下來(lái)，我們就可以讓項(xiàng)目跑起來(lái)啦！運(yùn)行

npm run dev

即可跑起來(lái)項(xiàng)目。

可以看到，項(xiàng)目已經(jīng)跑起來(lái)了！我們使用服務(wù)器的 IP+端口 8080，就可以進(jìn)行訪問(wèn)了。具體頁(yè)面地址為：你的服務(wù)器 IP:8080/view/index.html

??！什么，竟然 502 了？什么情況。心細(xì)的同學(xué)應(yīng)該已經(jīng)發(fā)現(xiàn)了，咱們并沒(méi)有開放服務(wù)器的 8080 端口呀，所以必然會(huì)這樣。去服務(wù)器控制臺(tái)，在安全組里面放行 8080 端口先。

添加成功，OK，我們繼續(xù)訪問(wèn)頁(yè)面：你的服務(wù)器 IP:8080/view/index.html

什么？還是訪問(wèn)不了?。?！一直加載，沒(méi)反應(yīng)？如果沒(méi)有安裝寶塔面板的同學(xué)，現(xiàn)在應(yīng)該是已經(jīng) OK 了，但是裝了寶塔面板的同學(xué)，現(xiàn)在肯定是被寶塔面板的安全給擋住了，那么咱們繼續(xù)解決，在寶塔面板中放行 8080 端口。

在寶塔面板-安全-添加端口規(guī)則，入站方向，添加端口 8080，然后點(diǎn)擊確定。

這時(shí)候，我們?cè)賮?lái)訪問(wèn)：你的服務(wù)器 IP:8080/view/index.html 終于成功了！

好了，現(xiàn)在可以把玩一會(huì)兒了。

嗯，不小心把 SSH 終端關(guān)了，結(jié)果發(fā)現(xiàn)頁(yè)面又訪問(wèn)不了， 什么情況！這是因?yàn)?，我們沒(méi)有啟用后臺(tái)運(yùn)行，所以一旦終端退出，頁(yè)面就無(wú)法訪問(wèn)了，所以接下來(lái)，我們使用后臺(tái)運(yùn)行的方式進(jìn)行部署項(xiàng)目，這下就萬(wàn)無(wú)一失了。

使用后臺(tái)保持的方式運(yùn)行項(xiàng)目

后臺(tái)保持的方式有很多，有 nohup 也有 pm2，這里我就介紹最簡(jiǎn)單的，使用 nohup 即可。

修改 package.json 文件

進(jìn)入到項(xiàng)目文件夾中，使用 vim 命令修改 package.json 文件，添加一個(gè) start 命令。

vim package.json

然后按'i'進(jìn)入插入模式，在文件中添加以下內(nèi)容：

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

添加后文件效果如下：

然后輸入:wq! 退出 vim 編輯器。

使用 start 命令運(yùn)行項(xiàng)目

cd 進(jìn)入到項(xiàng)目文件夾中，然后運(yùn)行以下命令，然后回車。

npm run start

用來(lái)代替之前的 npm run dev

這樣，項(xiàng)目就以后臺(tái)保持的方式運(yùn)行了，然后再次訪問(wèn)游戲頁(yè)面，發(fā)現(xiàn)又可以愉快的玩耍了，而且就算關(guān)掉 SSH 終端，也沒(méi)有影響。

如果需要進(jìn)行域名解析的同學(xué)，自己進(jìn)行解析即可，關(guān)于具體解析的步驟，上一篇博文里面也有提到，感興趣的可以自己看下：828華為云征文｜如何使用華為云Flexus X實(shí)例搭建私人博客：從配置到發(fā)布全指南

好了，到這里本文的目標(biāo)就已經(jīng)達(dá)成了！快邀請(qǐng)你的好朋友來(lái)玩你自己親手搭建的游戲吧！

完結(jié)，撒花~

總結(jié)

在這篇攻略大揭秘中，我們不僅帶你領(lǐng)略了華為云 Flexus X 實(shí)例的非凡魅力，還手把手教你如何在云端搭建【人生重啟】游戲的樂(lè)園。從籌備階段的精心打磨，到服務(wù)器環(huán)境的嚴(yán)格把關(guān)，再到 git 和 nodejs 環(huán)境的趣味驗(yàn)證，我們?yōu)楦髀?a target="_blank">操作系統(tǒng)英雄量身定制了操作寶典。一步步跟著走，你的游戲就能在華為云上翱翔啦！

華為云服務(wù)器，不僅穩(wěn)定如老牛，速度更是快如閃電，簡(jiǎn)直是云端的超級(jí)跑車！快來(lái)加入我們的云端派對(duì)吧，使用華為云服務(wù)器，讓你的項(xiàng)目在云海中自由翱翔。不管你是編程小達(dá)人，還是企業(yè)大亨，華為云都能給你撐起一片天。別猶豫了，快來(lái)體驗(yàn)華為云的神奇魔力，讓我們一起在云端玩轉(zhuǎn)世界，開啟歡樂(lè)的云上冒險(xiǎn)之旅！

立即加入我們，開啟云端新旅程

期待你的到來(lái)，讓我們?cè)谌A為云上共創(chuàng)輝煌


審核編輯 黃宇