1. 程式人生 > >前後端專案部署實踐

前後端專案部署實踐

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


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等技術