超詳細(xì)教程教你們?nèi)绾螌ode項目部署在云服務(wù)器上

2021-4-29    前端達(dá)人

引言

因為自己學(xué)習(xí)了前端大部分知識,然后想自己做網(wǎng)站,于是學(xué)習(xí)了node.js,可不知道如何將項目發(fā)布到網(wǎng)上,所以花了很多天的時間,搜集了很多的資料,才將項目部署到服務(wù)器上,這里給大家分享一下我的部署過程,以免大家走彎路。

  • 公眾號:前端印象
  • 不定時有送書活動,記得關(guān)注~
  • 關(guān)注后回復(fù)對應(yīng)文字領(lǐng)取:【面試題】、【前端必看電子書】、【數(shù)據(jù)結(jié)構(gòu)與算法完整代碼】、【前端技術(shù)交流群】

正文

一、購買服務(wù)器

這里我們就用騰訊云的服務(wù)器吧,因為優(yōu)惠感覺還是比較大的,性價比也高。

先進(jìn)入學(xué)生頁面,購買優(yōu)惠的服務(wù)器套餐,每個月才10元,學(xué)生服務(wù)器優(yōu)惠套餐鏈接 。也可以參與限時的秒殺活動,一年才99,用來學(xué)習(xí)再合適不過了,服務(wù)器顯示秒殺鏈接。 如果需求大的話,也可以直接買那些高配的服務(wù)器其他服務(wù)器鏈接
在這里插入圖片描述
購買中,所有都默認(rèn)選項。

購買完成后, 進(jìn)入控制臺
在這里插入圖片描述
在這里插入圖片描述
然后重置一下密碼,一定要記住
在這里插入圖片描述
我們鼠標(biāo)移到這看一下服務(wù)器的系統(tǒng)是不是CentOS, 因為我們要用到這個版本
在這里插入圖片描述
如果不是的話,就可以點擊重裝系統(tǒng), 自己選擇一下CentOS這個系統(tǒng)即可,并且重裝時設(shè)置的密碼也一定要記住哦。
在這里插入圖片描述

這樣一臺服務(wù)器也就購買成功了。

二、登錄服務(wù)器

  1. 網(wǎng)上下載一個xshell5, 用于我們登錄我們的服務(wù)器
    Xshell5下載地址

  2. 下載好以后,打開Xshell5, 點擊新建
    在這里插入圖片描述

  3. 去復(fù)制一下我們的公網(wǎng)ip
    在這里插入圖片描述

  4. 然后按以下提示輸入

在這里插入圖片描述
以下配置完成后直接點確定
在這里插入圖片描述
在這里插入圖片描述
在這里插入圖片描述

三、給服務(wù)器安裝寶塔面板

在下圖輸入框中,輸入以下代碼,并按回車

yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh 
  • 1

在這里插入圖片描述
遇到該命令,直接輸入y 然后回車,就他自動安裝吧,時間就點長,耐心等待一下
在這里插入圖片描述
安裝好后,會出現(xiàn)這個圖示界面

  • Bt-Panel:是我們即將訪問的網(wǎng)頁地址
  • username: 該網(wǎng)頁的登錄賬號
  • password: 該網(wǎng)頁的登錄密碼

在這里插入圖片描述
訪問該頁面, 并輸入相應(yīng)的賬號密碼進(jìn)行登錄
在這里插入圖片描述
登錄了以后點擊 直接安裝
在這里插入圖片描述
這時候別閑著,去軟件商店里,找到這兩個軟件安裝一下
在這里插入圖片描述

四、配置服務(wù)器、網(wǎng)站

先回到我們的騰訊云控制臺
在這里插入圖片描述
在這里插入圖片描述
按下圖輸入,并點完成
在這里插入圖片描述
接下來就可以將我們的項目放到壓縮文件中,然后上傳到寶塔面板中了
,上傳好后直接點解壓就可以了在這里插入圖片描述
找到我們的pm2, 開始設(shè)置我們的項目
在這里插入圖片描述
在這里插入圖片描述
然后點擊映射,將我們的公網(wǎng)ip 映射一下
在這里插入圖片描述
如果這里的端口是3000,我們需要將入口文件中的端口號改一下,我這里是改為5000了
在這里插入圖片描述
入口文件的端口號修改好后,我們需要放行一下我們項目網(wǎng)站的端口號,即做以下兩個步驟
在這里插入圖片描述
在這里插入圖片描述
然后重啟一下項目
在這里插入圖片描述
這樣一個node.js項目就部署完成啦,接下來就通過公網(wǎng)ip + 端口號的方式進(jìn)行訪問
在這里插入圖片描述
可以看到訪問成功了。

結(jié)束語

這是我查閱了大量資料,才部署上去的node.js 項目,因為我是做前端的,所以不太懂運維這些的,只能做這樣一個簡單的部署, 不過對于新手學(xué)習(xí)已經(jīng)完全足夠了,希望這篇文章能幫助到你們。


轉(zhuǎn)自:csdn 作者:「零一」

藍(lán)藍(lán)設(shè)計www.bouu.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 平面設(shè)計服務(wù)

分享本文至:

日歷

鏈接

個人資料

存檔