阿里雲ECS服務器部署node項目和vue項目

阿里雲ECS服務器部署node項目和vue項目遇到的問題(第三章)

1. 申請阿里雲ECS服務器

   阿里雲服務器地址

---

第一次啥都不懂 選的Windows Server Version 1709 數據中心版64位中文版(不含UI)。
由於本身是作前端的，內心就想把項目傳到服務器讓本身項目能從服務器中跑起來。
首先學習遠程鏈接服務器主機,阿里雲服務器實例也有遠程鏈接地址如圖：

但進去老是黑的，後面又用了cmd  mstsc.exe  遠程鏈接服務器主機，步驟以下:

步驟1：

步驟2：此處輸入阿里雲ecs服務器的公網IP

步驟3：點擊本地資源後 點擊詳細信息

步驟4：選擇要共享的盤 服務器主機上能夠從共享盤拷貝資源，而後肯定。

步驟5：輸入申請阿里雲服務器ECS時候建立的登陸名 和登陸密碼，點擊連接。

出現的問題是服務器一直是黑的，網上找了資料都說是服務器主機待機，按下鍵盤或者重啓主機就能夠了，
試了不少次無用，因而提交了工單，工做人員恢復的內容以下：

有兩種解決辦法：1連接描述 2連接描述
我用的是第二種更換系統盤

而後重啓服務器後遠程鏈接就能夠了。

1. xftp上傳問題

   由於本身是搞前端的，以前是用xftp傳代碼到服務器的，本身也想用xftp上傳前端代碼。
   首先須要在服務器主機安裝，參照：FileZilla Server安裝和設置ftp服務,能夠在本身電腦上下載在複製過去。
   設置好後，在本身客戶端用xftp 新建項目中輸入相應的內容：
   

   而後肯定鏈接後遇到一個問題，鏈接成功了可是看不見文件夾,提示以下：
   
   點擊設置-傳輸-使用被動模式(p)不選中後肯定，鏈接就能夠了。
   還需注意的是服務器的端口21時候被佔用問題，和阿里雲服務器防火牆21端口的開放問題，已經阿里雲安全組端口設置的問題，
   都有可能引發鏈接不上。
   以下配置：我也配置了不曉得有沒得影響阿里雲配置ftp服務，若是上面配置了不行就把這個配置也配上。

2. node項目的部署

   (1) 阿里雲服務器主機安裝node
   (2) 阿里雲服務器主機安裝npm
   (3) 阿里雲服務器主機安裝數據庫,本次使用的是mongodb,mongodb安裝及配置，本人用的mongodb可視化工具爲Robomongo
   (4) 阿里雲服務器主機安裝npm install 安裝你的依賴
   (5) 阿里雲服務器主機安裝pm2 啓動node項目 pm2
   (6) 由於本地node項目端口爲3006 就須要阿里雲安全組配置3006端口，安全組配置，
   而且服務器主機也要配置防火牆的開放阿里雲windows服務器防火牆配置。
   (7) 而後node項目就部署完了

3. 前端項目部署
   如今項目通常都是先後端分離，服務器端通常用nginx服務器部署前端項目。
   由於用的是node+express+mongodb建立的後臺項目，
   第一種方式：能夠把前端項目直接部署到node項目中，
   由於node項目也是一個服務器,修改app.js的代碼，修改以下：
   
   而後直接把前端打包後的文件經過xftp傳到node項目的views文件下,啓動node項目就能夠了

   第二種方式：就是咱們幾乎都使用的方式：使用nginx服務器。
   首先下載一個nginx,直接啓動nginx.exe,經過xftp把前端打包後的文件傳到nginx下面的html文件下就能夠了，
   由於nginx默認的端口爲80，因此就能夠直接用共有IP直接訪問了，
   資歷有一個問題就是咱們前面部署的node項目端口爲3006，只有就須要配置nginx,以下：
   ， 這樣先後端項目就部署好了。