前後端項目部署實踐

當我們之前的項目前後端代碼編碼完成。就要最後一步部署。我們先來看一下項目目錄。

1.node_modules 依賴文件。這個是依據package.json安裝的。前文介紹到，package.json記錄生產和開發對應的依賴文件名及版本號。node_modules體積較大。對於這個項目來說就 150M,在上傳服務器時建議先刪除。

2. server 服務器代碼 必須

3.static 靜態資源 必須

4. .gitignore git上傳忽略文件 可刪

5 app.js 服務器文件 必須

6.index.html 前端入口文件 必須

7. package.json 項目依賴文件 必須

8. Readme.md 使用說明 可刪

9.webpack.config.js 開發模式打包配置 可刪

10. webpack.prod.config.js 生產模式 建議留下。

--------------------------------------

先把node_modules刪掉，然後其他的體積較小也可以留下。之後通過 scp命令上傳到服務器。

當上傳完成時。ssh 登陸服務器。服務器這裏需要預先配置下載node.js (版本 > 7.6).

然後用npm install 來安裝依賴文件（推薦使用國內淘寶鏡像）

然後注意將 app.js 裏面的 cors的配置取消。然後注意修改請求的URL。之前是127.0.0.1 修改成服務器的公網IP。

之後執行 npm run product 生產模式構建前端代碼……等待構建完成。

然後執行 nohup node app.js & 就可以程序以忽略掛起信號的方式運行起來

    注意：1： lsof i:[port]用來查看該端口上執行的進程

               2： kill -9 PID 用來關閉對應的進行 （用於關閉nohup 程序）

               3:  nohup node app.js & 跑起服務器程序後， 不能直接關閉終端，要執行exit,關閉ssh連接。才能保證程序的正常運行

                

這種ssh 是最基本的方法。會有環境依賴等問題。更合適的方法 要用到docker等技術