...

четверг, 30 мая 2019 г.

[Из песочницы] Создание многомодульного Gradle проекта SpringBoot + Angular в IDEA

Достаточно часто в моей практике используется связка Spring + Angular. Хочу поделится своим опытом по подготовке подобного проекта в среде разработки IntelliJ IDEA.


Создаем пустой Gradle проект

Для начала создадим пустой Gradle проект в IDEA, при этом снимите все галочки библиотек и фреймворков.


Пусть наш артефакт будет «demo», а группа «com.habr». После создания проекта будет автоматически сгенерировано файлы settings.gradle и build.gradle со следующим содержанием:


build.gradle

     group 'com.habr'
        version '1.0'


settings.gradle
        rootProject.name = 'demo'


Создаем модуль для Spring

Далее добавим в наш проект модуль, в котором будет размещайся серверная часть нашего приложения, т.е. Spring.


При создании данного модуля будем использовать Spring Initializr.


Назовем модуль «demo-server», укажем тип проекта Gradle, группу com.habr, а имя основного пакета org.habr.demo.


Далее необходимо выбрать все необходимые компоненты фреймворка Spring, в данном примере я выбрал только «web», но вы можете выбрать все, что вам необходимо.


После создания модуля demo-server, обратите внимание, в нем создалось 2 файла: build.gradle и settings.gradle. Из settings.gradle данного модуля необходимо перенести следующие строки в начало файла settings.gradle самого проекта, а settings.gradle модуля — удалить.

pluginManagement {
    repositories {
        gradlePluginPortal()
    }
}

Кроме того в settings.gradle проекта необходимо добавить созданный модуль, в итоге получим:


settings.gradle
  pluginManagement {
            repositories {
                gradlePluginPortal()
            }
        }

        rootProject.name = 'demo'

        include 'demo-server'

После этого из файла build.gradle модуля demo-server удаляем следующие строки:

    group = 'com.habr'
    version = '0.0.1'

На этом создание первого модуля можно считать завершенным, но мы еще вернемся к нему, что бы связать его со вторым.

Создаем модуль для Angular

Создаем модуль demo-ui, как java gradle проект.


Назовем создаваемый модуль «demo-ui».


В созданном проекте необходимо удалить папку src. После выполнения данной операции, откройте терминал в корневой папке данного модуля.


В открывшемся терминале выполните команду:

ng new demo-ui

Команда приведет к установке Angular, при этом внутри модуля demo-ui будет создана папка с одноименным названием.


Все содержимое созданной папки, кроме node-modules, необходимо переместить в корень модуля, а саму папку удалить.


Теперь настроем сборку, для этого приводим build.gradle модуля «demo-ui» к следующему виду:

       plugins {
            id 'java'
            id "com.moowork.node" version "1.3.1"
        }

        node {
            version = '10.14.1'
            npmVersion = '6.4.1'
            download = true
        }

        jar.dependsOn 'npm_run_build'

        jar {
            //здесь "demo-ui" - имя Angular приложения, указанное в команде ng new
            from 'dist/demo-ui' into 'static'  
        }

Модуль готов.

Связываем модули

Осталось просто добавить зависимость в build.gradle модуля «demo-server».

implementation project(':demo-ui')

В итоге получим в модуле «demo-server» следующий build.gradle:

  plugins {
            id 'org.springframework.boot' version '2.1.5.RELEASE'
            id 'java'
        }
        
        apply plugin: 'io.spring.dependency-management'
        
        sourceCompatibility = '1.8'

        repositories {
            mavenCentral()
        }

        dependencies {
            implementation project(':demo-ui')
            implementation 'org.springframework.boot:spring-boot-starter-web'
            testImplementation 'org.springframework.boot:spring-boot-starter-test'
        }



Запуск

Для запуска приложения достаточно запустить задачу Gradle.


После чего приложение будет собрано и запущено, его можно открывать в браузере.


Ну а если вы хотите получить jar-файл, то просто запустите задачу build.


Собранный файл будет вас ждать в demo-server/build/libs.

Let's block ads! (Why?)

Комментариев нет:

Отправить комментарий