当前位置:首页 > 综合资讯 > 正文
黑狐家游戏

云服务器 linux,从零开始,Linux云服务器上部署前后端分离项目的详细指南

云服务器 linux,从零开始,Linux云服务器上部署前后端分离项目的详细指南

本指南从零开始,详细介绍如何在Linux云服务器上部署前后端分离项目。涵盖环境搭建、项目配置、服务部署等关键步骤,助你轻松掌握Linux云服务器上前后端分离项目的部署技...

本指南从零开始,详细介绍如何在linux云服务器上部署前后端分离项目。涵盖环境搭建、项目配置、服务部署等关键步骤,助你轻松掌握Linux云服务器上前后端分离项目的部署技巧。

随着互联网技术的不断发展,前后端分离的开发模式逐渐成为主流,在这种模式下,前端负责展示和交互,后端负责数据处理和逻辑处理,两者通过API进行通信,本文将详细讲解如何在Linux云服务器上部署一个前后端分离的项目,包括环境搭建、代码部署、服务配置等环节。

准备工作

1、云服务器一台(本文以阿里云为例)

2、Linux系统(本文以CentOS 7为例)

3、前端项目源码

云服务器 linux,从零开始,Linux云服务器上部署前后端分离项目的详细指南

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服务开机自启:

云服务器 linux,从零开始,Linux云服务器上部署前后端分离项目的详细指南

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、启动后端项目

云服务器 linux,从零开始,Linux云服务器上部署前后端分离项目的详细指南

进入后端项目目录,启动项目:

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云服务器上成功部署,后续可根据需要调整配置,优化性能。

黑狐家游戏

发表评论

最新文章