Как встроить фронтенд в JAR-файл: практическое руководство

Упаковка фронтенда в JAR-файл бэкенда позволяет создать самодостаточное приложение, упрощая развертывание и обновление. Это решение особенно удобно для небольших приложений, изолированных сред или когда требуется быстрое развертывание без использования Docker или сложных CI/CD процессов. Такой подход может быть полезен в случаях, когда требуется обеспечить легкую установку приложения для пользователей с минимальными техническими навыками, а также для проектов в ограниченных средах, например, где доступ к ресурсам и интернету ограничен.
Как встроить фронтенд в JAR-файл: практическое руководство
Изображение носит иллюстративный характер

Идея заключается в использовании встроенного веб-сервера Spring Boot для обслуживания статических файлов фронтенда, размещенных в каталоге /static в ресурсах проекта бэкенда. Таким образом, при запуске JAR-файла Spring Boot автоматически обрабатывает запросы, перенаправляя их на соответствующие ресурсы. Данный метод подходит как для простых HTML/JS страниц, так и для сложных Angular-приложений. Для автоматического определения адреса, на котором развернут бэкенд и доступен фронтенд, используется window.location в JavaScript, таким образом, фронтенд может динамически обращаться к API бэкенда.

Пример реализации включает в себя проект бэкенда на Spring Boot, проект фронтенда на чистом JS и проект фронтенда на Angular. Бэкенд предоставляет API для получения случайного числа и обслуживает статические файлы фронтенда. Фронтенд (как на JS, так и на Angular) периодически запрашивает данные у бэкенда и отображает полученные значения на странице. Angular-проект компилируется в статические файлы, которые затем копируются в папку /static бэкенда. Это позволяет развернуть приложение как единый JAR-файл.

Хотя данный подход подходит для небольших и средних приложений, он может быть не лучшим выбором для высоконагруженных систем, где более эффективно разделять фронтенд и бэкенд на разные сервисы с отдельными процессами масштабирования и развертывания. Однако в ситуациях, где требуется быстрое и простое развертывание единого пакета, внедрение фронтенда в JAR-файл может быть весьма полезным и удобным решением.


Новое на сайте

20065[b]СПКЯ стало СПМЯ: почему переименование болезни, затрагивающей миллионы женщин, заняло... 20064[b]Почему великая пирамида Гизы пережила все землетрясения за 4500 лет[/b] 20063[b]Генетика Homo erectus: что зубная эмаль рассказала о наших предках[/b] 20062[b]Кости в бухте эребус: что кости моряков Франклина рассказывают спустя полтора века[/b] 20061[b]Крупнейший плавучий ветрогенератор в мире: Китай испытывает установку у берегов... 20060[b]Карие глаза младенца стали индиго после лечения от COVID-19[/b] 20058[b]Почему серебряная чаша с Афиной пролежала в немецком лесу две тысячи лет?[/b] 20057[b]Дыра в атмосфере солнца: вспышка достигла пика и может зажечь полярное сияние[/b] 20056[b]Динго возрастом 950 лет: кто и зачем кормил могилу животного сотни лет?[/b] 20055[b]Томоэ гозэн: женщина-самурай, которая существовала на самом деле[/b] 20054[b]Что видели астронавты «Аполлона-12» над лунным горизонтом?[/b] 20053[b]Восковой блокнот на латыни и шёлковая туалетная бумага: кто посещал средневековый... 20052[b]Хантавирус на борту: 41 человек под наблюдением после рейса MV Hondius[/b] 20051[b]Зелёные камни в пещере Пиренеев: четыре тысячи лет медной металлургии[/b]
Ссылка