阿里云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,以下：
   ， 这样先后端项目就部署好了。