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

云服务器 linux,Linux云服务器上部署前后端分离项目,从环境搭建到项目上线全攻略

云服务器 linux,Linux云服务器上部署前后端分离项目,从环境搭建到项目上线全攻略

Linux云服务器上部署前后端分离项目全攻略,涵盖环境搭建、项目配置、上线流程等关键步骤,助您高效实现项目部署。...

linux云服务器上部署前后端分离项目全攻略,涵盖环境搭建、项目配置、上线流程等关键步骤,助您高效实现项目部署。

随着互联网技术的不断发展,前后端分离的项目架构越来越受到开发者的青睐,这种架构将前端页面展示和后端业务逻辑分离,使得开发更加模块化、灵活,同时也便于团队协作,本文将详细讲解如何在Linux云服务器上部署一个前后端分离的项目,包括环境搭建、项目配置、部署上线等全过程。

云服务器 linux,Linux云服务器上部署前后端分离项目,从环境搭建到项目上线全攻略

环境搭建

1、选择云服务器

我们需要选择一台合适的云服务器,这里推荐使用阿里云、腾讯云等知名云服务商提供的ECS实例,根据项目需求选择合适的CPU、内存和存储资源。

2、配置Linux系统

登录云服务器后,首先需要配置Linux系统,以下以CentOS 7为例:

(1)设置root密码:运行命令passwd,输入新密码并确认。

(2)设置SSH免密登录:生成SSH密钥对,命令为ssh-keygen -t rsa,然后按照提示操作,将公钥复制到本地SSH客户端的~/.ssh/authorized_keys 文件中。

(3)更新系统:运行命令yum update,确保系统软件包是最新的。

(4)安装常用软件:运行命令yum install -y git nginx mysql python3 python3-pip,安装Git、Nginx、MySQL和Python3等常用软件。

3、安装Node.js和npm

(1)安装Node.js:访问Node.js官网(https://nodejs.org/)下载适合Linux系统的安装包,然后运行命令sudo yum install nodejs 进行安装。

(2)安装npm:运行命令sudo yum install npm 进行安装。

项目配置

1、克隆项目代码

云服务器 linux,Linux云服务器上部署前后端分离项目,从环境搭建到项目上线全攻略

使用Git克隆项目代码到服务器上,命令为git clone [项目地址]

2、安装项目依赖

进入项目目录,运行命令npm install 安装项目依赖。

3、配置数据库

(1)创建数据库:登录MySQL,运行命令CREATE DATABASE [数据库名] CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci; 创建数据库。

(2)配置项目中的数据库连接:修改项目中的数据库配置文件,例如config.js,填写数据库的连接信息。

4、配置Nginx

(1)创建Nginx配置文件:在/etc/nginx/conf.d/ 目录下创建一个以项目名称命名的配置文件,例如project.conf

(2)配置Nginx反向代理:在project.conf 文件中添加以下内容:

server {
    listen 80;
    server_name yourdomain.com; # 替换为你的域名
    location / {
        proxy_pass http://localhost: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;
    }
}

(3)重启Nginx:运行命令sudo systemctl restart nginx 使配置生效。

项目部署

1、启动前端项目

进入前端项目目录,运行命令npm run start 启动前端项目。

云服务器 linux,Linux云服务器上部署前后端分离项目,从环境搭建到项目上线全攻略

2、启动后端项目

进入后端项目目录,运行命令node app.js 启动后端项目。

项目上线

1、验证项目

在浏览器中输入你的域名,如果前端项目成功显示,说明项目已成功部署。

2、静态资源CDN加速

为了提高访问速度,可以将静态资源(如CSS、JavaScript、图片等)上传到CDN,这里以又拍云为例:

(1)注册并登录又拍云官网(https://www.upyun.com/)。

(2)上传静态资源:将前端项目的静态资源上传到又拍云。

(3)修改Nginx配置文件:将proxy_pass 中的域名修改为又拍云提供的加速域名。

(4)重启Nginx:运行命令sudo systemctl restart nginx 使配置生效。

至此,你的前后端分离项目已在Linux云服务器上成功部署并上线,希望本文能对你有所帮助!

黑狐家游戏

发表评论

最新文章