react項目在服務端部署方案

一、環境搭建

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.jspackage.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格式展示日志

更多操作命令可以去pm2官網或者其github查看。

至此,項目已經部署完成啦!

Open your browser , Enjoy it !

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,885評論 6 541
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,312評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 177,993評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,667評論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,410評論 6 411
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,778評論 1 328
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,775評論 3 446
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,955評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,521評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,266評論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,468評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,998評論 5 363
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,696評論 3 348
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,095評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,385評論 1 294
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,193評論 3 398
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,431評論 2 378

推薦閱讀更多精彩內容

  • 又參加了一個訓練班,看到招募瞬間動心,愛學習,沒辦法! 各種筆記,各種作業,生活充實的沒法再充實。當然,成人學習即...
    圍裙媽閱讀 200評論 0 0
  • 山幽聞溪曲 林深和鳥鳴 天高云不遠 三人俠客行
    勒空閱讀 160評論 1 1
  • 上午去醫院做了檢查? 看了抽血檢驗報告結果,那個肝,那個腎,那個血壓,那個、那個、那個?那個? 別以為你還有許多的...
    蔡振源閱讀 327評論 0 2