項(xiàng)目上線部署(前端)

前期準(zhǔn)備

  1. 購(gòu)買一臺(tái)云服務(wù)器(一下操作基于騰訊云輕量級(jí)服務(wù)器,系統(tǒng)為CentOS7.6)
  2. 設(shè)置防火墻,如無(wú)特殊尋求伟众,設(shè)置為全部開(kāi)放即可


  3. 重置密碼


  4. 登錄(默認(rèn)基于root用戶,其他用戶可能存在權(quán)限問(wèn)題)
    可以使用XShell或者其他的工具進(jìn)行登錄, 考慮到很多前端人員對(duì)linux操作不夠熟悉, 本教程使用vscod登錄
    首先安裝Remote - SSH插件, 安裝完成后會(huì)在左側(cè)工具欄生成一個(gè)選項(xiàng), 點(diǎn)擊進(jìn)入插件, 配置ssh; 輸入 ssh 用戶名@服務(wù)器地址 -A, 例如 ssh root@192.168.1.1 -A

    點(diǎn)擊回車會(huì)讓你選擇配置文件保存位置, 隨便選擇一個(gè)即可, 接下來(lái)就可以連接服務(wù)器了, 進(jìn)去會(huì)讓你選擇主機(jī), 選擇Linux即可

    如果你之前連接過(guò)這個(gè)服務(wù)器,這個(gè)時(shí)候可能會(huì)彈出無(wú)法連接的提示, 你需要將本地文件 .ssh/known_hosts刪除即可, 隨后根據(jù)提示輸入密碼, 看到以下界面說(shuō)明登錄成功, 此時(shí)在vscode打開(kāi)文件都是訪問(wèn)服務(wù)器上的文件
  5. 配置免密登錄(過(guò)程中可能需要多次輸入登錄密碼)
    在剛才登錄的vscode打開(kāi)終端輸入ssh-keygen, 此命令可以生成SSH秘鑰, 免密登錄就是基于SSH協(xié)議的, 在本機(jī)也用同樣的操作生成一個(gè)SSH秘鑰, 如果生成過(guò)ssh(例如git免密拉代碼)就不用在生成了
    生成SSH秘鑰

    vscode 打開(kāi)文件夾 /root/.ssh,此時(shí)你會(huì)看見(jiàn)兩個(gè)文件id_rsaid_rsa.pub, id_rsa.pub是服務(wù)器的公鑰可以配置到GitHub中實(shí)現(xiàn)免密拉代碼
    在此文件夾下創(chuàng)建authorized_keys文件, 如果有則不用創(chuàng)建了將本機(jī)的C:\Users\admin\.ssh\id_rsa.pub文件復(fù)制到authorized_keys文件中保存, 然后退出窗口重新進(jìn)入, 如果沒(méi)有提示輸入密碼, 說(shuō)明配置免密成功

項(xiàng)目部署

提示:任何時(shí)候不要使用:rm -rf /*(刪除全部文件) , 當(dāng)你使用后在抛,意味著需要重新安裝系統(tǒng)。

安裝必要的軟件

安裝軟件主要有三種方式, 一下用三種安裝方式分別安裝一個(gè)軟件

NGINX yum安裝

  1. 安裝
    更新yum源 centos鏡像
yum -y install nginx   //安裝Nginx
systemctl start nginx   //啟動(dòng)Nginx
systemctl enable nginx.service //開(kāi)機(jī)自啟

service nginx start  //啟動(dòng)nginx
service nginx stop  //停止nginx
service nginx reload  //重載nginx
  1. 配置
    配置路徑 /etc/nginx/nginx.conf, 此處列舉了最重要的幾個(gè)配置, 詳情配置請(qǐng)參考Nginx 配置詳解 | 菜鳥教程
    配置完成后要執(zhí)行重啟nginx才可生效, nginx默認(rèn)80端口, 直接訪問(wèn)服務(wù)器ip地址即可訪問(wèn)到
# 注意該配置只是片段, 請(qǐng)勿復(fù)制替換, 你應(yīng)該找到你服務(wù)器的對(duì)應(yīng)代碼進(jìn)行修改
user nginx; #用戶權(quán)限 改成root或者修改web目錄的讀寫權(quán)限, 否則有可能會(huì)出現(xiàn)403
http {
    server {
        root /usr/share/nginx/html; #前端頁(yè)面地址
        location /api {
            proxy_pass https://www.baidu.com/; # 反向代理
        }
    }
}

Nodejs 二進(jìn)制文件安裝

  1. 去官網(wǎng)找到對(duì)應(yīng)的版本https://nodejs.org/en/download/, 在下載鏈接上面右擊,然后點(diǎn)擊復(fù)制鏈接即可; 國(guó)外網(wǎng)站下載有點(diǎn)慢也可以去阿里鏡像站下載CNPM Binaries Mirror (npmmirror.com)
wget https://nodejs.org/dist/v18.12.0/node-v18.12.0-linux-x64.tar.xz  #下載
tar -xvf  node-v18.12.0-linux-x64.tar.xz  #解壓

mv node-v18.12.0-linux-x64 nodejs #重命名 此步驟非必要
rm -rf node-v18.12.0-linux-x64.tar.xz #刪除安裝包
  1. 配置環(huán)境變量
    在文件/etc/profile末尾添加如下兩行代碼, 并執(zhí)行source /etc/profile讓配置生效
export NODE_HOME=/etc/nodejs
export PATH=$PATH:$NODE_HOME/bin

看到如下界面說(shuō)明安裝成功


Git 源碼安裝

  1. 下載最新源碼 https://git-scm.com/download/linux
wget https://www.kernel.org/pub/software/scm/git/git-2.38.1.tar.gz
  1. 解壓源碼
tar -zxvf git-2.38.1
  1. 安裝編譯環(huán)境
yum install curl-devel expat-devel openssl-devel zlib-devel gcc-c++ 
yum install perl-ExtUtils-MakeMaker automake autoconf libtool make
  1. 編譯安裝
cd git-2.38.1
make configure
./configure --prefix=/usr/local/git
make profix=/usr/local/git
make install
  1. 配置環(huán)境變量, 在文件/etc/profile末尾添加如下兩行代碼, 并執(zhí)行source /etc/profile讓配置生效
export GIT_HOME=/usr/local/git
export PATH=$PATH:$GIT_HOME/bin

7.測(cè)試


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市授翻,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖堪唐,帶你破解...
    沈念sama閱讀 218,284評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件巡语,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡淮菠,警方通過(guò)查閱死者的電腦和手機(jī)男公,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,115評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)合陵,“玉大人枢赔,你說(shuō)我怎么就攤上這事∮抵” “怎么了踏拜?”我有些...
    開(kāi)封第一講書人閱讀 164,614評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)低剔。 經(jīng)常有香客問(wèn)我速梗,道長(zhǎng),這世上最難降的妖魔是什么襟齿? 我笑而不...
    開(kāi)封第一講書人閱讀 58,671評(píng)論 1 293
  • 正文 為了忘掉前任镀琉,我火速辦了婚禮,結(jié)果婚禮上蕊唐,老公的妹妹穿的比我還像新娘屋摔。我一直安慰自己,他們只是感情好替梨,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,699評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布钓试。 她就那樣靜靜地躺著,像睡著了一般副瀑。 火紅的嫁衣襯著肌膚如雪弓熏。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書人閱讀 51,562評(píng)論 1 305
  • 那天糠睡,我揣著相機(jī)與錄音挽鞠,去河邊找鬼。 笑死狈孔,一個(gè)胖子當(dāng)著我的面吹牛信认,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播均抽,決...
    沈念sama閱讀 40,309評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼嫁赏,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了油挥?” 一聲冷哼從身側(cè)響起潦蝇,我...
    開(kāi)封第一講書人閱讀 39,223評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤款熬,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后攘乒,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體贤牛,經(jīng)...
    沈念sama閱讀 45,668評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,859評(píng)論 3 336
  • 正文 我和宋清朗相戀三年则酝,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了殉簸。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,981評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡堤魁,死狀恐怖喂链,靈堂內(nèi)的尸體忽然破棺而出返十,到底是詐尸還是另有隱情妥泉,我是刑警寧澤,帶...
    沈念sama閱讀 35,705評(píng)論 5 347
  • 正文 年R本政府宣布洞坑,位于F島的核電站盲链,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏迟杂。R本人自食惡果不足惜刽沾,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,310評(píng)論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望排拷。 院中可真熱鬧侧漓,春花似錦、人聲如沸监氢。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 31,904評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)浪腐。三九已至纵揍,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間议街,已是汗流浹背泽谨。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 33,023評(píng)論 1 270
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留特漩,地道東北人吧雹。 一個(gè)月前我還...
    沈念sama閱讀 48,146評(píng)論 3 370
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像涂身,于是被迫代替她去往敵國(guó)和親吮炕。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,933評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容