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

发布时间:2023年12月31日

前言

项目只能在本地运行,想要在互联网访问到,涉及如何将项目部署上线。这里先简单介绍一下流程,后面会补充具体操作,主要基于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

总结

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

文章来源:https://blog.csdn.net/m0_64715294/article/details/135315082
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。