阿里云ECS服务器部署node项目和vue项目遇到的问题(第三章)

  1. 申请阿里云ECS服务器

    阿里云服务器地址


图片描述


第一次啥都不懂 选的Windows Server Version 1709 数据中心版64位中文版(不含UI)。
因为自己是做前端的,心里就想把项目传到服务器让自己项目能从服务器中跑起来。
首先学习远程连接服务器主机,阿里云服务器实例也有远程连接地址如图:

图片描述


但进去总是黑的,后面又用了cmd  mstsc.exe  远程连接服务器主机,步骤如下:

步骤1:
图片描述

步骤2:此处输入阿里云ecs服务器的公网IP
图片描述

步骤3:点击本地资源后 点击详细信息
图片描述

步骤4:选择要共享的盘 服务器主机上可以从共享盘拷贝资源,然后确定。
图片描述

步骤5:输入申请阿里云服务器ECS时候创建的登录名 和登录密码,点击链接。

出现的问题是服务器一直是黑的,网上找了资料都说是服务器主机待机,按下键盘或者重启主机就可以了,
试了很多次无用,于是提交了工单,工作人员恢复的内容如下:
阿里云ECS服务器部署node项目和vue项目-脚本宝典
有两种解决办法:1链接描述 2链接描述
我用的是第二种更换系统盘
图片描述

然后重启服务器后远程连接就可以了。

  1. xftp上传问题

    因为自己是搞前端的,之前是用xftp传代码到服务器的,自己也想用xftp上传前端代码。
    首先需要在服务器主机安装,参照:FileZilla Server安装和设置ftp服务,可以在自己电脑上下载在复制过去。
    设置好后,在自己客户端用xftp 新建项目中输入相应的内容:
    图片描述

    然后确定连接后遇到一个问题,连接成功了但是看不见文件夹,提示如下:
    阿里云ECS服务器部署node项目和vue项目-脚本宝典
    点击设置-传输-使用被动模式(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的代码,修改如下:
    阿里云ECS服务器部署node项目和vue项目-脚本宝典
    然后直接把前端打包后的文件通过xftp传到node项目的views文件下,启动node项目就可以了

    第二种方式:就是我们几乎都使用的方式:使用nginx服务器。
    首先下载一个nginx,直接启动nginx.exe,通过xftp把前端打包后的文件传到nginx下面的html文件下就可以了,
    因为nginx默认的端口为80,所以就可以直接用共有IP直接访问了,
    资历有一个问题就是我们前面部署的node项目端口为3006,只有就需要配置nginx,如下:
    阿里云ECS服务器部署node项目和vue项目-脚本宝典
    这样前后端项目就部署好了。

本文固定链接: http://www.js-code.com/node-js/node-js_33597.html