項(xiàng)目是Vue+Egg,服務(wù)器是阿里云的linux,安裝了BT面這個(gè)流程適合，發(fā)布不頻繁，個(gè)人項(xiàng)目，小型項(xiàng)目。下一步我會升級為，使用git，或者git+jekins的方式，實(shí)現(xiàn)每次merge自動發(fā)布。

前端VUE項(xiàng)目部署

項(xiàng)目位置，D:\personalProject\vuepro\coderIndex
node: 10.11.0
vue：2.9.3
elementUI：2.12.0
webpack-dev-server：2.11.5

vue 項(xiàng)目啟動 npm run dev

打包 npm run build 生成dist文件

壓縮 zip

上傳到服務(wù)器對應(yīng)的網(wǎng)站目錄下， 推薦兩個(gè)工具Xftp 6，WinSCP，只推薦這兩個(gè)工具，需要安裝包可以去公眾號 “耐撕程序員”，私聊發(fā)送關(guān)鍵字“ftp”即可獲得下載鏈接

解壓到當(dāng)前目錄下 unzip dist.zip

知識點(diǎn)：

zip命令

zip -r myfile.zip ./*
將當(dāng)前目錄下的所有文件和文件夾全部壓縮成myfile.zip文件
－r表示遞歸壓縮子目錄下所有文件.

unzip

unzip -o -d /home/sunny myfile.zip
把myfile.zip文件解壓到 /home/sunny/
-o:不提示的情況下覆蓋文件；
-d:-d /home/sunny 指明將文件解壓縮到/home/sunny目錄下；

服務(wù)端node，egg框架

E:\egg\egg-example
node: 10.11.0
egg: 2.2.1
egg 官方部署文檔：https://eggjs.org/zh-cn/core/deployment.html

JavaScript 語言本身不需要編譯的，構(gòu)建過程主要是下載依賴

$ cd baseDir $ npm install --production $ tar -zcvf ../release.tgz .

構(gòu)建完成后打包成 tgz 文件，部署的時(shí)候解壓啟動就可以了。

隨便寫了一個(gè)，打包腳本 buildAndTar.sh

npm install --production && tar -zcvf ../release.tgz . if [ ! -d ../product ];then mkdir ../product else echo dir exist fi mv -f ../release.tgz ../product/

啟動

$ egg-scripts start --port=7001 --daemon --title=egg-server-showcase
如上示例，支持以下參數(shù)：
–port=7001 端口號，默認(rèn)會讀取環(huán)境變量 process.env.PORT，如未傳遞將使用框架內(nèi)置端口 7001。
–daemon 是否允許在后臺模式，無需 nohup。若使用 Docker 建議直接前臺運(yùn)行。
–env=prod 框架運(yùn)行環(huán)境，默認(rèn)會讀取環(huán)境變量 process.env.EGG_SERVER_ENV， 如未傳遞將使用框架內(nèi)置環(huán)境 prod。
–workers=2 框架 worker 線程數(shù)，默認(rèn)會創(chuàng)建和 CPU 核數(shù)相當(dāng)?shù)?app worker 數(shù)，可以充分的利用 CPU 資源。
–title=egg-server-showcase 用于方便 ps 進(jìn)程時(shí) grep 用，默認(rèn)為 egg-server-${appname}。
–framework=yadan 如果應(yīng)用使用了自定義框架，可以配置 package.json 的 egg.framework 或指定該參數(shù)。
–ignore-stderr 忽略啟動期的報(bào)錯(cuò)。
–https.key 指定 HTTPS 所需密鑰文件的完整路徑。
–https.cert 指定 HTTPS 所需證書文件的完整路徑。
所有 egg-cluster 的 Options 都支持透傳，如 --port 等。

停止

$ egg-scripts stop [--title=egg-server]

–title=egg-server 用于殺死指定的 egg 應(yīng)用，未傳遞則會終止所有的 Egg 應(yīng)用。

服務(wù)器安裝了bt面板，使用pm2管理

在egg項(xiàng)目的根目錄定義啟動文件：文件名為server.js

const egg = require('egg'); const workers = Number(process.argv[2] || require('os').cpus().length); egg.startCluster({ workers, baseDir: __dirname, });

命令
安裝：npm install pm2 -g
更新：pm2 update
啟動（注意當(dāng)前應(yīng)為項(xiàng)目根目錄）：pm2 start server.js --name test

bt面板控制

安裝pm2

設(shè)置pm2管理器

首先選擇node版本，選擇自己使用的版本，

其次才是 添加新項(xiàng)目：
選擇egg項(xiàng)目根目錄，輸入啟動文件名稱server.js ，輸入項(xiàng)目名稱（自己命名），點(diǎn)擊添加

等一會就會啟動服務(wù)，并且顯示端口和狀態(tài)。

注意項(xiàng)

如果遇到問題請檢查這三點(diǎn)，具體報(bào)錯(cuò)信息和清空不貼了。

不要忘記安裝 egg-scripts ,npm i egg-scripts --save

阿里云服務(wù)器，將 config.{env}.js 的 hostname 改為服務(wù)器內(nèi)部網(wǎng)址
可以去阿里云控制臺，找到服務(wù)器，在列表中有內(nèi)外網(wǎng)ip

可以使用bt進(jìn)行域名映射，即網(wǎng)址訪問

微信公眾號： 耐撕程序員
有資源
有想法
有技術(shù)貼
隨手掃一掃
不吃虧不上當(dāng)
大家一起天天向上
歡迎掃碼關(guān)注相互交流

總結(jié)

以上是生活随笔為你收集整理的阿里云服务器（BT面板）Vue+Node(Egg)部署流程的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。