阿里云centos服务器部署node+vue+mysql项目超详细步骤

这几天处于面试找工作阶段,想整理一些项目部署到服务器上,所以就选择ali云的学生服务器,哈哈哈。

废话不多说,直接进入正题。

  1. 首先就是注册ali云账号啦,然后选择学生服务器,网址是学生机

  2. 选择操作系统,我选的是centos,也推荐用centos,选择7.X的版本就可以
    阿里云centos服务器部署node+vue+mysql项目超详细步骤_第1张图片

  3. 成功后就可以看到控制台有了实例,后续要配置安全组规则就要在这里配置
    阿里云centos服务器部署node+vue+mysql项目超详细步骤_第2张图片

  4. 点击管理进入控制台管理界面,重置实例密码,centos系统用户默认是root,不需要改,密码就自己修改,要记住,下面xshell远程连接需要用到
    阿里云centos服务器部署node+vue+mysql项目超详细步骤_第3张图片

  5. 接下来就是远程连接到自己的实例服务器,可以在ali云直接远程连接,但还是推荐下载xshell,别怕麻烦。(centos系统是没有图形化界面的,最好就下载吧,易操作一些)下载地址:https://xshell.en.softonic.com/。官网嫌慢就直接百度下载破解版,注意流氓捆绑就行。
    下载好之后点击新建一个会话,只需填入主机地址,地址就是你实例的公网IP
    阿里云centos服务器部署node+vue+mysql项目超详细步骤_第4张图片
    点击连接之后会分别弹出用户名和密码输入框,centos默认用户名是root,密码就是你上异步设置的密码
    阿里云centos服务器部署node+vue+mysql项目超详细步骤_第5张图片

  6. 连接成功
    ![在这里插入图片描述](https://img-blog.csdnimg.cn/20200321141614251.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDYxODA2OA==,size_16,color_FFFFFF,t_70阿里云centos服务器部署node+vue+mysql项目超详细步骤_第6张图片

  7. 搭建node环境,参照官方文档就OK
    部署node环境官方文档

搭建好node环境之后在本地机器的浏览器中输入http://:端口号访问项目

注意:这里端口号需要在实例安全组中配置,不然在你本机电脑也是访问不到,具体操作如下: 本实例安全组—》配置规则—》添加安全规则—》填写端口
阿里云centos服务器部署node+vue+mysql项目超详细步骤_第7张图片
阿里云centos服务器部署node+vue+mysql项目超详细步骤_第8张图片
阿里云centos服务器部署node+vue+mysql项目超详细步骤_第9张图片
8. 搭建mysql环境,参照官方文档(看步骤2-----步骤3)
mysql环境搭建官方文档
到步骤4如果你本地电脑有可视化数据库操作软件如(SQLyog、Navicat)就可以忽略步骤4,直接按照我下方的操作,我是用SQLyog
填写实例公网IP—》输入步骤3你设置的用户密码—》connect
阿里云centos服务器部署node+vue+mysql项目超详细步骤_第10张图片
连上之后创建你的数据库,导入你项目所需的sql文件,运行就可以的

  1. 至此,环境搭建告一段落,诸如其他环境的搭建都可以参照官方的文档来。接下来就是把所需的文件都上传发送到服务器,这里需要下载xftp,xftp提供了可视化界面,对于linux命令不熟的同学,强烈建议下载。xftp下载地址 选择30天试用那个,先体验一下正版,哈哈哈哈,过期了再下载破解版吧

下载之后,跟xshell道理一样,连接你的centos服务器实例
名称随便填,主机输入实例公网IP—》用户名密码就是你服务器的用户以及密码,刚刚在阿里云更改那个
阿里云centos服务器部署node+vue+mysql项目超详细步骤_第11张图片
连接成功,左边是你本地,右边是你服务器的root目录

  1. 在右边root目录下创建prjoect文件夹统一管理项目,在project文件夹下新建文件夹,名字随便你取(最好是你项目的名字)举例test,把你前端的dist(npm run build)文件上传到test文件夹中,后台文件统一放在server文件夹(除了node_modules文件不要放),然后也把server文件上传到test文件下。

为什么不要放node_modules,这个文件通常都比较大,后台文件上传到服务器之后,在服务器上npm install它不香吗,节约时间

11.文件准备完毕,还需要在服务器上更改后台代码的入口文件,暴露dist文件,在app.js(名字可能不一样)中添加一行代码
操作步骤
进入到后台入口文件根目录—》vim app.js----》按i进入编辑模式----》修改后按esc,再输入 :wq保存退出
阿里云centos服务器部署node+vue+mysql项目超详细步骤_第12张图片

  1. 修改好后台文件,在服务器运行项目node app.js就可以啦
    然后全世界只要有网络就可访问你的项目啦 输入 http://公网IP:端口号 访问

切记切记切记,记得在ali云安全组配置你要开放的端口哦!

不然全世界依然访问不了你!

  1. 配置pm2管理你的项目,上面开启的项目有一个缺点就是你关闭xshell窗口之后你的node后台也就关闭了,那么网站也就没了数据,这时就可以利用pm2来实时管理我们的项目
    在服务器中全局安装 pm2:npm i pm2 -g
    启动项目:pm2 start 脚本 --name 自定义名称
    查看运行项目:pm2 ls
    重启项目:pm2 restart 自定义名称
    停止项目:pm2 stop 自定义名称
    删除项目:pm2 delete 自定义名称

你可能感兴趣的:(云服务器,linux,数据库,nodejs,vue)