Как встроить фронтенд в 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-файл может быть весьма полезным и удобным решением.


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

20854Как дешёвые Android-смартфоны превращаются в чужие прокси? 20853В Индии имя звонящего появится на экране вместе с номером 20852Как проверить готовность команды к звонку с клонированным голосом? 20851Уязвимости MarkLogic: делегированные права могли открыть путь к администраторскому... 20850Как GitHub закрыл лазейку, угрожавшую тысячам npm-пакетов? 20849Hirudo подменяет банковские приложения, чтобы обойти их защиту 20848Как Vghost превратил старую ошибку Linux в путь к root? 20847Уязвимости в PAN-OS и Cisco Secure Email Gateway уже используют атакующие 20846Как уязвимость GitLab могла открыть сервер для чужого кода? 20845Уязвимость SAP Cloud SDK могла отправить OAuth2-секреты злоумышленнику 20844Уязвимость в Nextcloud открыла путь к веб-оболочкам на серверах 20843Смогут ли малые ИИ-модели превратить бытовую технику в ботнет? 20842Пять уязвимостей NGINX: кому грозит риск и как закрыть его 20841Тайный диктофон в OpenAI: что утверждают следователи 20840Как проверять уязвимость входа, не заходя дальше дозволенного?
Ссылка