前后端项目部署到服务器流程

前言

项目只能在本地运行，想要在互联网访问到，涉及如何将项目部署上线。这里先简单介绍一下流程，后面会补充具体操作，主要基于node 的项目，使用数据库MongoDB

前后端项目部署到服务器的一般流程如下：

• 打包前端项目：使用打包工具（如npm）将前端项目打包成可部署的静态文件。打包命令一般为“npm run build”，执行完命令后，会在项目根目录下生成一个名为“dist”的文件夹，这个文件夹就是打包好的前端项目。
• 打包后端项目：如果是使用Java等后端语言开发的项目，需要使用对应的构建工具（如Maven）将项目打包成可执行的jar包或war包。如果是使用Node.js等后端语言开发的项目，需要使用npm命令安装依赖并打包项目。
• 传文件到服务器：将打包好的前后端项目文件上传到服务器的指定目录下。可以通过FTP、SFTP等文件传输协议将文件上传到服务器，也可以使用版本控制系统（如Git）将代码推送到服务器。
• 配置服务器环境：根据项目需求配置服务器环境，包括安装必要的软件、设置环境变量等。例如，如果项目需要使用Java运行环境，需要在服务器上安装Java并设置JAVA_HOME环境变量。
• 启动服务：启动后端服务，如果是Java项目，可以使用命令“java -jar xxx.jar”启动jar包。如果是Node.js项目，可以使用命令“npm start”启动项目。
• 配置反向代理：如果前端和后端部署在同一台服务器上，需要配置反向代理（如Nginx）来将前端请求转发到后端服务。如果前后端部署在不同的服务器上，需要配置反向代理来将前端请求转发到后端服务的地址和端口。
• 测试和部署：在服务器上测试前后端项目，确保项目正常运行并且能够正确响应请求。如果一切正常，可以关闭防火墙或者进行其他必要的安全设置，正式部署项目。

一、环境准备

云服务器

1.选择购买云服务器

• 阿里云
• 百度云
• 腾讯云
• 华为云

2.服务器安装
3.远程服务器连接

工具

• 宝塔面板：服务器管理软件
• Xshell ：管理远程服务器和进行网络管理。
• Postman：接口测试工具，用于做接口测试的时候模拟用户发起的各类HTTP请求，将请求数据发送至服务端，获取对应的响应结果，从而验证响应中的结果数据是否和预期值相匹配，并确保开发人员能够及时处理接口中的bug，进而保证产品上线之后的稳定性和安全性。

二、项目服务器部署

部署Node项目
在服务器安装 MongoDB
部署连接数据库的node项目
安装Nginx，配置Nginx代理

三、项目上传、构建、打包

本地项目配置、上传服务器
npm run build
购买、备案域名
使用SSL证书配置https

总结

先对项目部署到服务器，购买服务器、连接服务器、配置服务器、部署项目等有个基础的了解，学习然后开始操作。