云服务器 linux,从零开始,Linux云服务器上部署前后端分离项目的详细指南
- 综合资讯
- 2024-12-13 17:51:42
- 2

本指南从零开始,详细介绍如何在Linux云服务器上部署前后端分离项目。涵盖环境搭建、项目配置、服务部署等关键步骤,助你轻松掌握Linux云服务器上前后端分离项目的部署技...
本指南从零开始,详细介绍如何在linux云服务器上部署前后端分离项目。涵盖环境搭建、项目配置、服务部署等关键步骤,助你轻松掌握Linux云服务器上前后端分离项目的部署技巧。
随着互联网技术的不断发展,前后端分离的开发模式逐渐成为主流,在这种模式下,前端负责展示和交互,后端负责数据处理和逻辑处理,两者通过API进行通信,本文将详细讲解如何在Linux云服务器上部署一个前后端分离的项目,包括环境搭建、代码部署、服务配置等环节。
准备工作
1、云服务器一台(本文以阿里云为例)
2、Linux系统(本文以CentOS 7为例)
3、前端项目源码
4、后端项目源码
5、需要安装的软件:Node.js、npm、Git、MySQL、Redis、Nginx等
环境搭建
1、安装Node.js和npm
在服务器上执行以下命令安装Node.js和npm:
sudo yum install -y nodejs npm
安装完成后,验证Node.js和npm版本:
node -v npm -v
2、安装Git
在服务器上执行以下命令安装Git:
sudo yum install -y git
3、安装MySQL
在服务器上执行以下命令安装MySQL:
sudo yum install -y mysql mysql-server
安装完成后,启动MySQL服务:
sudo systemctl start mysqld
设置MySQL服务开机自启:
sudo systemctl enable mysqld
4、安装Redis
在服务器上执行以下命令安装Redis:
sudo yum install -y redis redis-tools
安装完成后,启动Redis服务:
sudo systemctl start redis
设置Redis服务开机自启:
sudo systemctl enable redis
5、安装Nginx
在服务器上执行以下命令安装Nginx:
sudo yum install -y nginx
安装完成后,启动Nginx服务:
sudo systemctl start nginx
设置Nginx服务开机自启:
sudo systemctl enable nginx
代码部署
1、克隆前端项目
在服务器上创建一个用于存放前端项目的目录,例如/var/www/html
,然后进入该目录并克隆前端项目:
cd /var/www/html git clone https://github.com/your-repo/your-project.git
2、克隆后端项目
在服务器上创建一个用于存放后端项目的目录,例如/var/www/api
,然后进入该目录并克隆后端项目:
cd /var/www/api git clone https://github.com/your-repo/your-api.git
3、配置Nginx
进入Nginx配置文件目录:
cd /etc/nginx/conf.d
创建一个名为your-project.conf
的配置文件,并编辑以下内容:
server { listen 80; server_name yourdomain.com; location / { root /var/www/html/your-project; index index.html index.htm; try_files $uri $uri/ /index.html; } location /api/ { proxy_pass http://127.0.0.1:3000; proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection 'upgrade'; proxy_set_header Host $host; proxy_cache_bypass $http_upgrade; } }
yourdomain.com
替换为你的域名,/var/www/html/your-project
替换为你的前端项目目录,/var/www/api
替换为你的后端项目目录。
4、编译前端项目
进入前端项目目录,执行以下命令编译项目:
npm install npm run build
5、启动后端项目
进入后端项目目录,启动项目:
node app.js
服务配置
1、配置MySQL
登录MySQL,修改root密码并创建用户和数据库:
mysql -u root -p
ALTER USER 'root'@'localhost' IDENTIFIED BY 'newpassword'; CREATE DATABASE yourdb; CREATE USER 'youruser'@'localhost' IDENTIFIED BY 'yourpassword'; GRANT ALL PRIVILEGES ON yourdb.* TO 'youruser'@'localhost'; FLUSH PRIVILEGES; EXIT;
2、配置Redis
编辑Redis配置文件/etc/redis/redis.conf
,修改以下内容:
daemonize yes pidfile /var/run/redis.pid port 6379
3、配置防火墙
允许80、3000、6379端口通过防火墙:
sudo firewall-cmd --permanent --add-port=80/tcp sudo firewall-cmd --permanent --add-port=3000/tcp sudo firewall-cmd --permanent --add-port=6379/tcp sudo firewall-cmd --reload
测试项目
1、访问前端页面
在浏览器中输入你的域名,例如http://yourdomain.com
,查看前端页面是否正常显示。
2、测试API接口
使用Postman等工具测试后端API接口,确保接口返回正确的数据。
至此,你的前后端分离项目已在Linux云服务器上成功部署,后续可根据需要调整配置,优化性能。
本文链接:https://www.zhitaoyun.cn/1535372.html
发表评论