SpringBoot项目:前后端打包与部署(使用 Maven)

news/2024/12/21 19:47:57/

文章目录

  • IDEA后端打包与部署(使用 Maven)
    • 1. 确保 Maven 已安装,并引入 pom 插件
    • 2. 清理并安装项目
    • 3. 定位生成的 JAR 包和配置文件
    • 4. 创建部署文件夹
    • 5. 上传到服务器
  • 前端打包与部署(使用 npm)
    • 1. 确保 Node.js 和 npm 已安装
    • 2. 安装依赖
    • 3. 构建生产环境代码
    • 4. 准备部署文件夹
    • 5. 上传到服务器
  • 自动化的想法
  • 可能出现的异常
  • 参考

IDEA后端打包与部署(使用 Maven)

1. 确保 Maven 已安装,并引入 pom 插件

1.1 如果使用私有仓库,确保在 ~/.m2/settings.xml 中配置好仓库信息和认证。

详细操作可以参考Maven中的配置文件

1.2 使用 IDEA 自带的 Maven,然后添加依赖:

<build><plugins><plugin><groupId>org.springframework.boot</groupId><artifactId>spring-boot-maven-plugin</artifactId></plugin></plugins>
</build>

注意:希望打包出什么东西、什么形式,都可以通过添加插件进行控制。

2. 清理并安装项目

  • 首先执行 clean
  • 然后进行打包。
    在这里插入图片描述

关于 Maven 的生命周期,可以参考这篇文章:Maven的生命周期。

3. 定位生成的 JAR 包和配置文件

  • 生成的 JAR 包通常位于 target 目录下,例如 target/your-app.jar
  • 配置文件(如 application.propertiesapplication.yml)位于 src/main/resources 目录下。

在这里插入图片描述

4. 创建部署文件夹

  • 创建一个新的文件夹用于存放要部署的文件,例如 deploy-backend
  • 将生成的 JAR 包和配置文件复制到该文件夹中(可以增加一个 conf 配置文件夹)。

5. 上传到服务器

根据实际需求,通过 Git、SVN 等方式上传到服务器


前端打包与部署(使用 npm)

1. 确保 Node.js 和 npm 已安装

  • 检查是否已安装 Node.js 和 npm:
node -v
npm -v
  • 如未安装,请参考 Node.js 官方安装指南 进行安装。

2. 安装依赖

前端项目根目录下执行:

npm install

3. 构建生产环境代码

执行构建命令:

npm run build:prod

这将在项目目录下生成一个 dist 文件夹,里面包含编译后的静态文件。

4. 准备部署文件夹

  • 创建一个新的文件夹用于存放要部署的前端文件,例如 deploy-frontend
  • dist 文件夹中的必要文件复制到该文件夹。
  • 如果有特殊的配置文件或其他需要的文件,确保也一并复制。

5. 上传到服务器

同样,根据需求上传到服务器


自动化的想法

为了提高效率,可以编写脚本来自动化整个打包和部署过程。例如,使用 Bash 脚本。

如果大家有任何自动化相关的想法,可以一起讨论。


可能出现的异常

Maven 打包时报错 org.apache.maven.surefire:surefire-junit4:jar

maven-surefire-plugin 用于运行单元测试。在提供的配置中,<skipTests>true</skipTests> 表示在构建时跳过测试的执行,这通常用于加快构建过程。

<build><plugins><plugin><groupId>org.springframework.boot</groupId><artifactId>spring-boot-maven-plugin</artifactId></plugin><plugin><groupId>org.apache.maven.plugins</groupId><artifactId>maven-surefire-plugin</artifactId><version>2.18.1</version><configuration><skipTests>true</skipTests></configuration></plugin></plugins>
</build>

参考

  • Maven下载安装、环境配置(超详细)

http://www.ppmy.cn/news/1537546.html

相关文章

深度学习:基于MindSpore实现ResNet50中药分拣

ResNet基本介绍 ResNet&#xff08;Residual Network&#xff09;是一种深度神经网络架构&#xff0c;由微软研究院的Kaiming He等人在2015年提出&#xff0c;并且在ILSVRC 2015竞赛中取得了很好的成绩。ResNet主要解决了随着网络深度增加而出现的退化问题&#xff0c;即当网络…

鸿蒙OS投票机制

(基于openharmony5.0) 投票机制 param get | grep ohos.boot.time 图 投票机制参数图 只有当所有的投票完成&#xff0c;开机动画才会退出&#xff0c;整理需要投票的系统应用&#xff08;三方应用不参与投票&#xff09;如下图所示&#xff1a; 以进程foundation为例&…

UE5.3.2查看引擎真正版本

编译好的插件给别人用&#xff0c;发现引擎不一致&#xff0c;而且双方都是5.3.2版本引擎 打开Help->About Unreal Editor可以看到引擎版本 或者直接查看引擎版本文件&#xff1a;XXXXX\Engine\Build\Build.version 里面能看到对应的分支名字

【K8s】专题十四(1):Kubernetes 安全机制之 RBAC

本文内容均来自个人笔记并重新梳理,如有错误欢迎指正! 如果对您有帮助,烦请点赞、关注、转发、订阅专栏! 专栏订阅入口 | 精选文章 | Kubernetes | Docker | Linux | 羊毛资源 | 工具推荐 | 往期精彩文章 【Docker】(全网首发)Kylin V10 下 MySQL 容器内存占用异常的解决…

15分钟学 Python :编程工具 Idea 和 vscode 中配置 Python ( 补充 )

编程工具配置 Python 在 IDE 和 VSCode 中 在编程学习的过程中&#xff0c;选择合适的开发工具至关重要。本文将详细介绍在两种流行的IDE&#xff08;IntelliJ IDEA 和 Visual Studio Code&#xff09;中如何配置Python环境&#xff0c;帮助你更高效地进行Python开发。 一、编…

深入浅出 CSS 定位:全面解析与实战指南

“批判他人总是想的太简单 剖析自己总是想的太困难” 文章目录 目录 前言文章有误敬请斧正 不胜感恩&#xff01;1. CSS 定位概述2. 定位类型详解2.1 static&#xff08;默认定位&#xff09;2.2 relative&#xff08;相对定位&#xff09;2.3 absolute&#xff08;绝对定位&am…

设备树pinctrl子系统

1.pinctrl子系统 大多数 SOC 的 pin 都是支持复用的&#xff0c;比如 IMX6ULL 的 GPIO1_IO03 既可以作为普通的GPIO 使用&#xff0c;也可以作为 I2C1 的 SDA 等等。此外我们还需要配置 pin 的电气特性&#xff0c;比如上/下拉、速度、驱动能力等等。传统的配置 pin 的方式就是…

Javascript Object.assgin()详解以及深浅拷贝

Object.assign() 方法是 JavaScript 中用于将所有可枚举属性的值从一个或多个源对象复制到目标对象的方法。它将返回目标对象。这是一种浅拷贝&#xff0c;也就是说&#xff0c;如果源对象中的属性是一个对象或数组&#xff0c;那么这个属性的引用将被复制&#xff0c;而不是对…