Невозможно развернуть приложение Angular в Spring Boot - PullRequest
0 голосов
/ 13 февраля 2020

У меня есть приложение Angular, а также API отдыха, использующий Spring Boot, который мне нужно упаковать как единый военный файл для развертывания на apache tomcat. Я попытался:

  • собрать мое приложение angular и вставить встроенные файлы в мое приложение Spring

  • , используя плагин maven war для сборки файлы в войну

Некоторые из обучающих программ, которые я видел, показывают, что люди копируют встроенные файлы angular в папку Spring stati c, а затем запускают Spring, и это работает. Это кажется мне странным, потому что нет настроенных отображений и тоже не работает. для меня.

Я думаю, что мой лучший вариант - использовать плагин maven war, но моя проблема:

  • Войны, которые я строю, недоступны через браузер при развертывании на tomcat

  • они приводят к The origin server did not find a current representation for the target resource or is not willing to disclose that one exists. ошибкам

  • и я просто не знаю, что делать дальше

Я надеюсь, что кто-нибудь может указать мне правильное направление здесь. Заранее спасибо.

Я сделал некоторые изменения, основанные на ответах, и мой военный файл компилируется и обнаруживается tomcat, однако приложение angular не может найти другие ресурсы и только пустую страницу. загружен. Я получаю 404 для стилей и других файлов при поиске в инструментах разработки.

Сейчас я использую копии каталогов с разными именами. В моем пакете. json Я делаю это:

{
  "name": "task-app-front-end",
  "version": "0.0.0",
  "scripts": {
  "ng": "ng",
  "start": "ng serve --proxy-config proxyconfig.json",
  "build": "ng build",
  "test": "ng test",
  "outDir": "../taskappmain\\src\\main\\resources\\public",
  "lint": "ng lint",
  "e2e": "ng e2e"
}

, выводя мои встроенные файлы в каталог / public / моего внутреннего приложения.

Мой пом. xml:

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
     xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 
https://maven.apache.org/xsd/maven-4.0.0.xsd">
<modelVersion>4.0.0</modelVersion>
<parent>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-parent</artifactId>
    <version>2.2.4.RELEASE</version>
    <relativePath/> <!-- lookup parent from repository -->
</parent>
<groupId>com.example</groupId>
<artifactId>taskappmain</artifactId>
<version>0.0.1-SNAPSHOT</version>
<name>taskappmain</name>
<description>taskAppMain</description>

<packaging>war</packaging>

<properties>
    <java.version>1.8</java.version>
</properties>

<dependencies>
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-data-jpa</artifactId>
    </dependency>
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-security</artifactId>
    </dependency>
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-web</artifactId>
    </dependency>
    <!-- https://mvnrepository.com/artifact/io.jsonwebtoken/jjwt -->
    <dependency>
        <groupId>io.jsonwebtoken</groupId>
        <artifactId>jjwt</artifactId>
        <version>0.9.0</version>
    </dependency>
    <dependency>
        <groupId>javax.xml.bind</groupId>
        <artifactId>jaxb-api</artifactId>
        <version>2.3.0</version>
    </dependency>
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-devtools</artifactId>
        <scope>runtime</scope>
        <optional>true</optional>
    </dependency>
    <dependency>
        <groupId>mysql</groupId>
        <artifactId>mysql-connector-java</artifactId>
        <scope>runtime</scope>
    </dependency>
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-test</artifactId>
        <scope>test</scope>
        <exclusions>
            <exclusion>
                <groupId>org.junit.vintage</groupId>
                <artifactId>junit-vintage-engine</artifactId>
            </exclusion>
        </exclusions>
    </dependency>
    <dependency>
        <groupId>org.springframework.security</groupId>
        <artifactId>spring-security-test</artifactId>
        <scope>test</scope>
    </dependency>
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-tomcat</artifactId>
        <scope>provided</scope>
    </dependency>
</dependencies>

<build>
    <plugins>
        <plugin>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-maven-plugin</artifactId>
        </plugin>
        <plugin>
            <artifactId>maven-resources-plugin</artifactId>
            <version>3.1.0</version>
            <executions>
                <execution>
                    <id>copy-resources</id>

                    <phase>validate</phase>
                    <goals>
                        <goal>copy-resources</goal>
                    </goals>
                    <configuration>
                        <outputDirectory>${basedir}/target/classes/public</outputDirectory>
                        <resources>
                            <resource>
                                <directory>src/main/resources/public</directory>
                                <filtering>true</filtering>
                            </resource>
                        </resources>
                    </configuration>
                </execution>
            </executions>
        </plugin>
    </plugins>
</build>

</project>

1 Ответ

1 голос
/ 13 февраля 2020

Ваш порядок сборки должен быть следующим:

  • Сборка интерфейсного приложения (Angular)
  • Сборка приложения REST (приложение Spring Boot )

Вам нужно будет сделать это, потому что вам понадобится папка dist в приложении angular, которая содержит рабочий код для вашего интерфейса.

В вашей сборке maven при сборке файла войны вам нужно будет сделать следующее:

  • Сначала убедитесь, что этапы подготовки-компиляции и компиляции выполнялись в maven
  • . На этапе Prepare package вам потребуется скопировать файлы из front-end/dist/web в проект backend в target/classes/static/

Действие копирования может быть выполнено автоматически с помощью подключаемого модуля Maven Resources или Maven AntRun Плагин.

Причина копирования в каталог target, а не в src/main/resources/static, заключается в том, что дистрибутив приложения Angular не является исходным кодом для бэкэнда.

Почему любой файл в пакете static является директорией Доступно в вашей WAR, это потому, что Spring Boot по умолчанию имеет привязку ресурса stati c, которая разрешает доступ ко всем файлам в пакете static через inte rnet. Также см. Пример проекта от самого Spring Boot.

Поскольку проблема с вашим бэкендом не работает после развертывания в Tomcat, это может быть связано с тем, что Tomcat не знает, как запустить ваш применение. Имейте в виду, что Spring Boot по умолчанию отказался от использования web.xml. Поэтому, чтобы позволить серверу контейнеров (Tomcat) запустить Spring Boot, вам нужно добавить следующее в ваш класс, помеченный @SpringBootApplication

public class MyRestApp extends SpringBootSerlvetInitializer {
    @Override
    protected SpringApplicationBuilder configure(SpringApplicationBuilder builder) {
      return builder.sources(MyRestApp.class);
    }
}
...