如何使用pm2部署前端專案

2021-10-01 07:24:40 字數 1810 閱讀 9173

前端部署有很多種方式,場景的有jenkins,pm2,docker等技術,今天主要介紹使用pm2部署,因為公司一直在使用,也一直想徹底的理解部署的流程。

pm2是什麼?

開始上手

//

//const express =

require

('express'

)express()

const routeruser = express.

router()

use(

"/user"

, routeruser)

routeruser.

get(

"/1.html"

,function

(req, res)

)routeruser.

get(

"/2.html"

,function

(req, res)

)listen

(4000

)

通過上面的命令啟動的應用並不會建立集群,並沒有程序守護。

通常我們會寫個配置檔案ecosystem.config.js進行配置。通過命令生成配置檔案,檔案的名字是固定的,不得更改。

pm2 ecosystem
module.exports =

, env_production:}]

, deploy :}}

;

pm2 start ecosystem.config.js
部署到伺服器上之前我們都是在本地嘗試啟動我們的專案,但是開發完成,我們需要部署到測試環境怎麼辦,那就部署專案了,如果我們的專案是vue和react寫的靜態頁面,通常在伺服器端會啟動nginx作為靜態資源訪問,把資源放到指定的目錄。

如果你沒有伺服器,建議購買一台伺服器,阿里雲連線

我們用vue create hello-world建立乙個vue應用,然後是在專案裡面使用pm2 ecosystem生成配置檔案,我們使用pm2配置檔案可以登入到遠端伺服器,然後執行命令,拉**和構建等操作,來實現部署。

module.exports =}}

;

首先本地的電腦要能通過ssh登入伺服器,伺服器要能通過ssh登入到git伺服器,這兩部操作都完成了,把**推送到git伺服器,本地**執行

首次部署執行的命令(只執行一次)

$ pm2 deploy ecosystem.config.js production setup

之後部署執行的命令

如提示的內容表示部署成功了,登入到你的伺服器,可以看到我們的檔案已經傳到伺服器了

nginx配置是這樣的,路徑位址要保持一致,/var/www/production預設的原始檔在current或者source裡面,打包的目錄是dist,所有目錄目錄要加上/var/www/production/current/dist

PM2部署nodejs專案

1.全域性安裝pm2 npm install g pm2 安裝最新版本pm2 npm install pm2 latest g 更新記憶體中的pm2 pm2 update 2.啟動專案,執行啟動檔案 pm2 start server.js 3.列出pm2管理的所有程序資訊 pm2 list 4.顯示...

nuxt專案用pm2部署

1.專案根目錄下 新建ecosystem.config.js 2.配置 module.exports env production deploy ref origin master repo 專案倉庫 path 專案在伺服器上的路徑 post deploy yarn yarn run build p...

如何用PM2部署高版本node

現在pm2跑著的專案的node版本較低,而最新的專案使用到了 koa框架,koa對於node的版本要求較高,我們將node公升級到了較高版本,這樣用pm2起的時候就會出錯,按照 一步步來,先pm2 ecosystem 多出乙個 檔案 ecosystem.config.js.對其進行配置 module...