Последние годы я в основном работал над интерфейсной частью веб- и мобильных приложений, но я также выполнял некоторую незначительную внутреннюю работу. С середины этого года я работаю над улучшением своих знаний в области серверной части и начал фокусироваться на разработке серверной части Java с использованием Spring Boot.
Поскольку я смотрел несколько руководств по Java на Pluralsight Я наткнулся на Хипстер и сразу же влюбился в него.
В этой статье я расскажу вам, почему я люблю Hipster и как вы можете быстро запустить проект JHipster.
Что Такое Хипстер?
JHipster – это платформа разработки для создания, разработки и развертывания веб-приложений Spring Boot + Angular/React/Vue и микросервисов Spring.
По сути, это генератор Yeoman , который создает приложения, включающие Spring Boot, Bootstrap и Angular (или React или Vue).
Жюльен Дю Буа начал проект в 2013 году и доступен на GitHub .
Если вам нравится видеть Хипстера в действии, я могу порекомендовать следующий скринкаст от Matt Raible :
Почему Я Должен Использовать Hipster?
На мой взгляд, Хипстер удивителен тем, что он
- является открытым исходным кодом
- поддерживает React, Vue, Angular для интерфейса
- использует TypeScript для каждого фреймворка интерфейса
- использует Spring Boot 2.1, поэтому мы можем разрабатывать наше приложение на Java 11 +
- обеспечивает готовое управление пользователями, включая проверку электронной почты и сброс пароля
- может быть легко развернут в CloudFoundry, Heroku, OpenShift или AWS
- обеспечивает надежную микросервисную архитектуру с использованием Netflix OSS, Elastic Stack и Docker
- использует мощные инструменты Yeoman, Webpack и Maven/Gradle
- имеет хорошее тестовое покрытие для объектов на интерфейсной и серверной стороне
быстрый старт
Установка предварительных условий
Обязательно установите Java , Git и Node.js которые являются необходимыми условиями для JHipster.
Затем мы можем установить JHipster как глобальный пакет npm: npm install -g generator-jhipster
Создать Новый Проект
Теперь мы можем создать новый проект и приступить к работе:
Первый шаг – создать новый каталог и зайти в него mkdir jhipster-demo && cd jhipster-demo
Теперь мы можем запустить jhipster , который запускает генератор
со следующими выборками:
Я выбрал монолитное приложение, поскольку микросервисная архитектура была бы излишеством для простого демонстрационного проекта. Кроме того, я выбрал Angular в качестве frontend-фреймворка с поддержкой i18n и некоторой внутренней конфигурацией для базы данных, кэширования и мониторинга.
Следующий шаг – смоделировать наши объекты с помощью JDLStudio и загрузить результирующий файл jhipster-jdl.jh :
JDLStudio – это хороший графический инструмент для рисования диаграмм JHipster JDL на основе синтаксиса JDL . Вам не нужно использовать этот графический инструмент, но вы также можете создавать объекты с помощью интерфейса командной строки .
После загрузки файла .jh файл теперь мы можем сгенерировать объекты с помощью jhipster import-jdl jhipster-jdl.jh . В нашем примере мы просто импортируем файл JDLStudio по умолчанию, который также показан на рисунке выше.
Запустите серверную часть
Запустите ./mvn , который запускает приложение Spring Boot:
Запустите интерфейс
Запустите npm start , который запускает приложение Angular, которое затем доступно на http://localhost:9000/ :
Наконец, мы можем войти в систему и увидеть некоторые из готовых функций, таких как возможность просматривать и редактировать ваши объекты,
просмотр показателей приложения
и управление пользователями
Вывод
В этой статье я просто показал вам проект быстрого запуска и упомянул некоторые из его преимуществ. Hipster намного мощнее, как вы можете видеть в официальной документации . На мой взгляд, это также хороший знак, если крупные компании используют фреймворк, как вы можете видеть в этом официальном списке .
Недостатком Hipster является то, что у вас нет типичного проекта Angular CLI. Angular CLI включен в Hipster, но структура проекта выглядит иначе, чем в проекте Angular CLI по умолчанию.
Кроме того, JHipster генерирует много кода, который включает в себя множество библиотек, некоторые из которых вы, возможно, не знаете. Вы можете просто добавлять или изменять код, не изучая основы, лежащие в основе этих библиотек, но это может привести к некоторым проблемам в будущем.
Вы также должны иметь в виду, что проект JHipster – это скорее большое начало, чем начало небольшого, бережливого проекта.
Оригинал: “https://dev.to/mokkapps/jhipster-the-fastest-way-to-build-a-production-ready-angular-spring-boot-application-21n8”