云服务器 linux,Linux云服务器上部署前后端分离项目,从环境搭建到项目上线全攻略
- 综合资讯
- 2024-11-04 23:01:10
- 2

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、克隆项目代码
使用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
启动前端项目。
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云服务器上成功部署并上线,希望本文能对你有所帮助!
本文链接:https://www.zhitaoyun.cn/564927.html
发表评论