一、環境搭建
1、node 環境安裝
- 登錄到你的linux服務器上(針對于64位的服務器來說),然后在當前目錄依次執行:
cd /usr/local
mkdir node
cd node
wget https://nodejs.org/dist/v6.11.2/node-v6.11.2-linux-x64.tar.xz
xz -d node-v6.11.2-linux-x64.tar.xz
tar xvf node-v6.11.2-linux-x64.tar
mv node-v6.11.2-linux-x64 node-v6.11.2
ln -s /usr/local/node/node-v6.11.2/bin/node /usr/local/bin/node
ln -s /usr/local/node/node-v6.11.2/bin/npm /usr/local/bin/npm
- 至此,node環境已經安裝完畢,可以通過
node -v
來檢查是否安裝成功。
2、配置node環境變量
很重要! 如果不配置環境變量,有些通過npm安裝的CLI會找不到。
- 首先進入配置文件:
vi /etc/profile
- 按 i 鍵進入編輯模式,進入文件末尾添加:
export NODE_HOME=/usr/local/node/node-v6.11.2/bin
export PATH=$NODE_HOME:$PATH
- 然后按 ESC 鍵 ,在控制臺輸入
:wq
,回車保存退出。
注:具體的NODE_HOME路徑來自第一步你的node安裝的目錄。
3、安裝pm2模塊
pm2 是一個帶有負載均衡功能的Node應用的進程管理器.
- 執行:
npm install -g pm2
- 執行成功后,斷開當前用戶的服務器連接,然后重新登錄。
二、 項目編譯
1、生成項目的根目錄
可以通過命令行或者手動創建的方式生成項目根目錄,如:
mkdir merchant-center
可以將merchant-center
替換成你自己的項目名稱。
2、配置express環境
將該文檔的同級目錄下的app.js
和package.json
兩個文件放在你上一步生成的項目根目錄下,然后執行:
npm install
確保當前目錄下生成node_modules
文件夾。
3、生成項目的部署文件
- 在你的react項目根目錄下執行:
npm run build
- 成功后,會生成dist目錄,該目錄的內容就是你要部署到服務器上的文件。
- 你可以通過:
sup [-r] [-P port] 源路徑 user@目標IP地址:目標路徑
或者直接通拽的方式將該目錄內容放置服務器上,然后將dist
放在第一步生成的項目根目錄下。此時,項目的目錄結構應該是:
merchant-center //或其他項目名稱
|____app.js //可以打開修改里面的3000端口號
|____dist //項目生成的靜態文件(不要重命名?。? |____node_modules //express的依賴模塊
|____package.json
三、項目啟動
首先確保你已經按照本文檔執行了以上的所有步驟。然后在項目的根目錄下執行:
pm2 start app.js
當你看到了這樣的日志輸出的時候,說明你已經啟動成功了!
啟動成功
另外,pm2的其他命令行參考:
pm2 start app.js # 項目啟動
pm2 stop all # 停止所有pm2啟動的應用
pm2 stop 0 # 停止進程id為0的進程
pm2 restart all # 重啟所有應用
pm2 reload all # 0延遲重新加載
pm2 list # 列出所有用pm2啟動的進程
pm2 monit # 顯示每一個應用的內存和cpu使用情況
pm2 show [app-name] # 顯示當前應用的所有信息
pm2 logs # 顯示所有應用的日志
pm2 logs [app-name] # 顯示當前應用的日志
pm2 logs --json # 以json格式展示日志
至此,項目已經部署完成啦!
Open your browser , Enjoy it !