1. 購(gòu)買服務(wù)器
簡(jiǎn)單說一下寓免,企業(yè)中使用最多的都是centos的系統(tǒng)电抚,至于版本进泼,不要選擇太低蔗衡,好像在寶塔面板中處理centos5.x的版本非常費(fèi)勁。因?yàn)槲屹I的時(shí)候沒有截圖乳绕,我這邊就重新截圖了一張活動(dòng)的的價(jià)格
2. 設(shè)置root密碼
點(diǎn)擊最右邊的更多绞惦,重置系統(tǒng)密碼。?這個(gè)密碼你要記住洋措,后面是有用的济蝉。
注意:密碼修改過后需要重啟服務(wù)器之后才會(huì)有效!
3. 配置寶塔面板
3.1 下載寶塔
注意:寶塔他不是一個(gè)實(shí)實(shí)在在的軟件菠发,而是一個(gè)可視化ui網(wǎng)頁王滤,我們點(diǎn)擊寶塔官網(wǎng)首頁的linux版本下
往下翻,你會(huì)看到很多命令滓鸠,因?yàn)槲覀冞x擇的系統(tǒng)是centos的版本雁乡,所以我們需要使用的是這個(gè)centos的安裝命令。
我這邊使用的是萬能安裝腳本:
if [ -f /usr/bin/curl ];then curl -sSO https://download.bt.cn/install/install_panel.sh;else wget -O install_panel.sh https://download.bt.cn/install/install_panel.sh;fi;bash install_panel.sh ed8484bec
然后登陸你的云服務(wù)器糜俗,用戶名為root踱稍,密碼為你之前設(shè)置過的密碼,記得設(shè)置完密碼之后要在重啟服務(wù)器之后再進(jìn)入悠抹,不然密碼不會(huì)生效的珠月。輸入完點(diǎn)擊確定就進(jìn)入了該云服務(wù)器,然后再命令行中輸入在寶塔中看到的centos系統(tǒng)的命令楔敌,然后回車啤挎,執(zhí)行該命令,等待下載完成卵凑;之后一直按y 就可以了
我這邊使用的是finalShell 其他軟件都可以
確認(rèn)安裝完之后庆聘,你最終會(huì)在命令行工具的最下面幾行看到一個(gè)網(wǎng)址還有用戶名密碼這些信息
注意:有一點(diǎn)非常重要,這里生成的網(wǎng)址的端口號(hào)為8888勺卢,但是如果你直接訪問的話是會(huì)被拒絕的掏觉,因?yàn)榉?wù)器安全開放口上面我們還需要做一些配置? 需要開放端口
4. 使用寶塔面板來幫助我們部署項(xiàng)目
我這邊下載了pm2 去管理node? 然后下載了推薦安裝的 反正你需要什么安裝什么就可以了
4.1 項(xiàng)目文件上傳
首先我們初次登錄的時(shí)候會(huì)彈出一些選擇軟件給我們,這些都是可以安裝的值漫,當(dāng)然你也可以很方便的卸載掉它澳腹,你也可以選擇不安裝(我沒有選擇安裝)。然后進(jìn)入文件欄中杨何,系統(tǒng)會(huì)提示你安裝Pure-Ftpd 酱塔,你就安裝即可,編譯安裝和極速安裝最好選擇編譯安裝危虱。安裝完之后就可以進(jìn)入到文件頁面羊娃,這里你看到的頁面就是你的云系統(tǒng)中的文件目錄。
找到根目錄下的www -> wwwroot 在這里創(chuàng)建一個(gè)文件夾埃跷,將你vue項(xiàng)目打包后的dist文件夾里面的東西放進(jìn)去蕊玷,注意:這里的wwwroot目錄下的文件夾里的東西就是你項(xiàng)目的入口邮利,所以你需要將dist文件夾里面的東西放在這個(gè)文件夾中,像我這樣垃帅。
4.2 下載nginx并修改配置文件
設(shè)置server_name為你的云服務(wù)器的IP地址延届,listen為80,root為剛才文件導(dǎo)入的地址∶吵希現(xiàn)在你訪問http://ip地址方庭,應(yīng)該就能展示到你的項(xiàng)目了,但是接口是肯定請(qǐng)求不到的酱固。這邊我部署之后搞了大半天 發(fā)現(xiàn)部署之后請(qǐng)求接口就是訪問不了 最后發(fā)現(xiàn)需要在 這邊設(shè)置 我這邊里面有api 連接 所有前端設(shè)置好需要在這邊額外設(shè)置一下
4.3 數(shù)據(jù)庫(kù)
在寶塔里面創(chuàng)建數(shù)據(jù)庫(kù)
我這邊項(xiàng)目是需要在數(shù)據(jù)庫(kù)里面增加一些字段 :如果說你們需要跑我這邊的項(xiàng)目 需要在數(shù)據(jù)庫(kù)增加這些字段
username? account? password repeatPass email phone card birth? sex這些?
account是賬號(hào)?password是密碼
項(xiàng)目地址 github:https://github.com/chen196910/CPblogAdmin?
前端后端都在這里面 具體可以點(diǎn)擊進(jìn)去查看和部署
4.4 下載pm2管理器并設(shè)置node服務(wù)器
具體參考連接https://blog.51cto.com/u_16105456/6260462進(jìn)行配置?
配置完成之后?
在部署node 之前 需要將我這邊的文件npm install 因?yàn)槲依锩嬉昧薳xpress 需要進(jìn)行下載 不然會(huì)造成缺少
注意:因?yàn)閙ysql也有端口械念,所以需要在ECS控制臺(tái)中按前面的方式繼續(xù)配置3306這個(gè)端口的安全組
設(shè)置完這些之后在PM2管理器中啟動(dòng)你的node服務(wù)器
如果你的node啟動(dòng)沒有像我這樣的效果的話,可以點(diǎn)擊左邊的日志管理运悲,在日志管理中最上面有一個(gè)路徑龄减,點(diǎn)進(jìn)去會(huì)看到pm2中的報(bào)錯(cuò)的文件,你可以打開看看是否出了問題班眯。
4.5 設(shè)置反向代理
設(shè)置完這些之后欺殿,則需要最后一步,設(shè)置反向代理
打開nginx的設(shè)置鳖敷,找到配置文件擒滑,在server花括號(hào)的里面渊抽,加上這句代碼
location /api/ {? ?proxy_pass http://127.0.0.1:3000/api/;? ? ?}
這里面的地址改成你node入口文件啟動(dòng)服務(wù)器的地址即可讼渊。
改了這里之后瓶籽,需要改掉你項(xiàng)目源代碼中的axios部分的baseURL(如果你設(shè)置的話就只用改這里即可)。拼接上這里的api三個(gè)字符串崖媚,然后localhost改成你的云服務(wù)器的ip地址即可亦歉,下面是我的配置?
然后重啟nginx,凡是修改了配置文件就需要重啟〕┭疲現(xiàn)在應(yīng)該就能夠正常的通過你的ip地址訪問你的項(xiàng)目了
這邊我的項(xiàng)目在線地址是:http://admin.chengpeng.store/ 我這邊使用了域名 在前端部署的時(shí)候添加一下就可以了?
域名這邊是需要審核的 還是比較麻煩的 大概需要半個(gè)月 其他的都還好