欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

使用宝塔Linux购买阿里云CentOS部署NodJs+VUE+MySQL项目 PM2

程序员文章站 2024-02-23 16:22:46
...

1.购买阿里云

  • 阿里云,有学生认证可以买一个月,毕业证没发就可以
  • 低配,新用户首单96元,一年,买CentOS的(一个稳定的Linux操作系统)

2.设置root密码

使用宝塔Linux购买阿里云CentOS部署NodJs+VUE+MySQL项目 PM2

  • 阿里云购买过程中都没有设置root密码的过程,所以当你买完之后,进入ECS控制台页面,点击 实例与镜像中的实例,查看你购买的实例,点击最右边的更多,点击密码/**,重置实例密码这个密码要记住,后面远程登录有用,可以Chrome自动保存

3.配置宝塔Linux面板

然后我们在阿里云页面点击ECS实例,点进去实例,点击远程登录

  • 在阿里云的ECS控制台远程链接登录,密码设置就是上文的root密码
  • 在宝塔官网找到下载命令使用宝塔Linux购买阿里云CentOS部署NodJs+VUE+MySQL项目 PM2
    确认是否安装 y
    安装成功后会有一个 网址(宝塔登录远程服务器) 和用户名密码
    使用宝塔Linux购买阿里云CentOS部署NodJs+VUE+MySQL项目 PM2
yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh

安装成功后会有一个 网址(宝塔登录远程服务器地址) 和用户名密码 截图保存
使用宝塔Linux购买阿里云CentOS部署NodJs+VUE+MySQL项目 PM2

  • 因为宝塔需要服务器开放 8888端口,接下来设置阿里云安全组规则

3.配置阿里云安全组规则

使用宝塔Linux购买阿里云CentOS部署NodJs+VUE+MySQL项目 PM2
使用宝塔Linux购买阿里云CentOS部署NodJs+VUE+MySQL项目 PM2
使用宝塔Linux购买阿里云CentOS部署NodJs+VUE+MySQL项目 PM2
使用宝塔Linux购买阿里云CentOS部署NodJs+VUE+MySQL项目 PM2

  • 配置安全规则一次可以议一次配置20,21,888,8888 3005,3001,22,80,443,3306,1433、
  • 可以配置多个 配置完成后需要重启服务器安全组端口配置完还需要在宝塔linux里开放端口,后续会说明
  • 使用宝塔Linux购买阿里云CentOS部署NodJs+VUE+MySQL项目 PM2

4.使用宝塔Linux部署node服务器和VUE项目

  • 此时我们在浏览器地址栏输入上文截图保存的地址即可访问宝塔面板

  • 登录进来安装Nginx那个环境,就是推荐有mysql php phpmyadmin nginx那个

  • 然后在从软件商店安装pm2自带node环境使用宝塔Linux购买阿里云CentOS部署NodJs+VUE+MySQL项目 PM2
    我们可以在文件功能上传本地电脑的项目
    使用宝塔Linux购买阿里云CentOS部署NodJs+VUE+MySQL项目 PM2

  • 在安全一栏,设置放行端口

  • 使用宝塔Linux购买阿里云CentOS部署NodJs+VUE+MySQL项目 PM2

  • 可以在终端看到linux熟悉的命令行界面

  • 使用宝塔Linux购买阿里云CentOS部署NodJs+VUE+MySQL项目 PM2
    我们可以在宝塔的界面进行文件操作,如果你想尝试LInux

  • 这里提供一些基本的Linux命令
    cd / 到根目录下
    ls 当前文件目录结构
    netstat -tunlp 8888 查看8888端口是否被占用 一般我们会将自己的项目请求端口改为3000-3500
    mkdir demo 新建demo目录
    rm -rf 删除 慎用
    mv [options] 源文件或目录 目标文件或目录 移动文件命令

  • 导入MySQL数据库
    使用宝塔Linux购买阿里云CentOS部署NodJs+VUE+MySQL项目 PM2
    选中项目需要的数据库sql文件即可

  • 上传项目文件到www/wwwroot目录下面

  • 因为这个目录是nginx指定的

  • 新建文件夹使用宝塔Linux购买阿里云CentOS部署NodJs+VUE+MySQL项目 PM2

记得更改前端文件中请求的baseURL,以及文件上传的url
更改前端文件后需要重新打包生成dist文件夹

先部署后端文件
· 将app.js中的监听端口改为开放且未被占用的3005端口
使用宝塔Linux购买阿里云CentOS部署NodJs+VUE+MySQL项目 PM2

  • 宝塔将后端文件上传到服务器
    使用宝塔Linux购买阿里云CentOS部署NodJs+VUE+MySQL项目 PM2

  • 再终端窗口cd到后台node的根目录下 利用PM2将项目跑起来

  • pm2 start --name back

  • pm2 ls 查看当前运行的项目

  • 使用宝塔Linux购买阿里云CentOS部署NodJs+VUE+MySQL项目 PM2

  • 后端部署完成后我们可以利用postman先进行测试,查看后端接口是否可以正常请求
    使用宝塔Linux购买阿里云CentOS部署NodJs+VUE+MySQL项目 PM2
    · 返回状态码为500 证明我们的后端服务部署成功

  • 接下来部署前端项目 再自己的机器上 不是在远程服务器端

  • 将前端的启动文件中的app.js 改为3001 并且把地址改为可以访问的公网ip,这样我们就可以访问服务的3001端口看到我们的项目

  • 使用宝塔Linux购买阿里云CentOS部署NodJs+VUE+MySQL项目 PM2

  • 接下来我们更改前端的main-pro.js中的baseURL ,记住一定是生产环境的main.js

  • 使用宝塔Linux购买阿里云CentOS部署NodJs+VUE+MySQL项目 PM2

  • 接下来更改上传文件的地址

  • 使用宝塔Linux购买阿里云CentOS部署NodJs+VUE+MySQL项目 PM2

  • 更改以后删除dist文件 npm run build 重新生成dist文件
    使用宝塔Linux购买阿里云CentOS部署NodJs+VUE+MySQL项目 PM2

  • 将新生成的dist文件复制到启动文件vue_server中,覆盖旧的dist
    -使用宝塔Linux购买阿里云CentOS部署NodJs+VUE+MySQL项目 PM2
    然后我们再将前端文件上传到服务器端 再通过pm2 start --name font 运行项目

  • 使用宝塔Linux购买阿里云CentOS部署NodJs+VUE+MySQL项目 PM2

  • 最终通过公网ip就可以访问自己的项目了
    使用宝塔Linux购买阿里云CentOS部署NodJs+VUE+MySQL项目 PM2
    使用宝塔Linux购买阿里云CentOS部署NodJs+VUE+MySQL项目 PM2