实战:node-react项目部署到服务器

开发的项目,服务器使用node,客户端使用vue,后台管理系统使用react。

部署过程:

1、注册阿里云账号

2、创建并连接ECS实例

①、登录到主界面

②、创建一个实例

③、运行实例

实战:node-react项目部署到服务器

④、重置密码

实战:node-react项目部署到服务器

⑤、远程连接登陆即可

实战:node-react项目部署到服务器
实战:node-react项目部署到服务器
6. 登录成功实战:node-react项目部署到服务器

3、集成宝塔

①、安装

官网
安装对应版本
实战:node-react项目部署到服务器实战:node-react项目部署到服务器

②、开放宝塔端口8888

  1. 安全组配置
    实战:node-react项目部署到服务器

  2. 配置规则
    实战:node-react项目部署到服务器

  3. 手动添加
    实战:node-react项目部署到服务器

  4. 开放8888实战:node-react项目部署到服务器实战:node-react项目部署到服务器

  5. 外网可以通过IP:8888访问
    如果报错服务器运行rm -f /www/server/panel/data/admin_path.pl关闭安全即可实战:node-react项目部署到服务器

  6. 服务器通过bt命令,设置账号密码后登录实战:node-react项目部署到服务器

③、注册登录宝塔

实战:node-react项目部署到服务器
实战:node-react项目部署到服务器

④、软件商店安装必要软件

实战:node-react项目部署到服务器

4、本地文件打包上传

①、后台管理系统

将react后台管理系统进行打包yarn build后,将build中的静态资源放到服务器中的public文件夹下的manager文件夹,index.html放到views中的manager中
实战:node-react项目部署到服务器

③、app.js中路由挂载路由,设置静态资源文件夹

实战:node-react项目部署到服务器

④、所有内容打包压缩

实战:node-react项目部署到服务器

⑤、宝塔网站添加站点

  1. 添加网站
    实战:node-react项目部署到服务器

  2. 创建网站,域名有的话写域名,没有的话写IP地址
    实战:node-react项目部署到服务器

  3. 创建成功后文件目录下创建对应文件夹
    实战:node-react项目部署到服务器

  4. 安全——端口放行
    实战:node-react项目部署到服务器

  5. 将文件在上传到对应目录
    实战:node-react项目部署到服务器

  6. 解压文件
    实战:node-react项目部署到服务器

⑥、数据库配置

  1. 将数据库转出为SQL语句,在服务器端上传
  2. 实战:node-react项目部署到服务器
  3. 数据库配置——宝塔——添加数据库

实战:node-react项目部署到服务器
4. 导入

实战:node-react项目部署到服务器
5. 更改项目中对应数据库文件,与新创建数据库对应

实战:node-react项目部署到服务器

⑦、安装项目依赖

实战:node-react项目部署到服务器

⑧、启动

  1. 项目目录npm run start启动外网即可访问
    实战:node-react项目部署到服务器实战:node-react项目部署到服务器

5、通过pm2运行项目

①、常用命令

  1. pm2 ls 显示所有启动端口项目
  2. pm2 delete id 停止对应项目,释放端口

②、pm2运行

  1. 首页打开pm2实战:node-react项目部署到服务器

  2. 配置项目启动根目录实战:node-react项目部署到服务器

  3. 配置启动文件实战:node-react项目部署到服务器

  4. 添加实战:node-react项目部署到服务器

  5. 这样项目就可以一直运行了

上一篇:使用nodejs编写api接口并部署到服务器上


下一篇:node部署:PM2