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

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

引言

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

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

正文

一、購買服務(wù)器

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

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

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

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

二、登錄服務(wù)器

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

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

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

  4. 然后按以下提示輸入

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

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

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

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

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

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

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

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

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

結(jié)束語

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


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

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

日歷

鏈接

個人資料

存檔