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