JHipster: набор фреймворков для современных веб-сайтов

Если вы сегодня разрабатываете веб-приложение, в вашем распоряжении различные генераторы кода и фреймворки, которые экономят вам много работы, предоставляя основу инструментов и кода для вашего сайта. Однако не всегда легко найти эти компоненты и заставить их гармонично работать вместе, при этом хорошо подходя для вашего сайта. По этой причине команда JHipster объединила некоторые из самых популярных фреймворков для разработки фронт- и бэк-эндов в своей одноименной платформе. Смесь Spring Boot, AngularJS, Bootstrap и множества других компонентов является полностью открытым исходным кодом и отлично подходит для создания современных веб-приложений и микросервисов.

Вместе с несколькими другими разработчиками Жюльен Дюбуа основал сайт JHipster (сокращение от «Java Hipster»). Название означало в первую очередь концепцию генератора веб-сайтов, поскольку JHipster призван объединить Java с другими инструментами веб-разработки. Сегодня коллекция Framework ориентирована, в частности, на корпоративный сектор, с акцентом на обеспечение высокой производительности в процессе разработки, а также на высококачественную разработку приложений. Команда из более чем 15 основных разработчиков и сотен соавторов отвечает за непрерывное дальнейшее развитие. Код JHipster, распространяемый с лицензией Apache 2.0, находится в свободном доступе для всех желающих на GitHub.

JHipster предоставляет решения для создания и проектирования на переднем крае, а также необходимые инструменты для разработки на заднем крае. Например, Spring Boot обеспечивает идеальную основу для создания надежного стека Java на стороне сервера, который затем может быть легко подключен к различным базам данных, движкам виртуализации и инструментам мониторинга, а также связан с фронт-эндом через интерфейс REST. Среди прочего, JHipster поддерживает следующие возможности на стороне сервера:

• Банки данных: MariaDB, PostgreSQL, Oracle, MySQL, MongoDB.
• Виртуализация: Docker, Kubernetes, AWS
• Среда тестирования: Karma, Cucumber
• Индексирование: ElasticSearch
• Кэширование: Ehcache, Infinispan
• Мониторинг: Prometheus

Что касается разработки фронт-энда, JHipster полагается в основном на JavaScript-фреймворкAngular.js и JavaScript-библиотекуReact. Оба они могут быть опционально объединены с Twitter Bootstrap, предшественником веб-фреймворка и альтернативным веб-шаблоном HTML5 Boilerplate. Кроме того, JHipster можно расширить с помощью языка таблиц стилей Sass, который упрощает дизайн с помощью CSS3.

Такие инструменты, как генератор кода Yeoman, компоновщик модулей JavaScript Webpack или приложения управления сборкой Gulp (для JavaScript) и Maven и Gradle (для Java), обеспечивают оптимальный рабочий процесс при использовании этих различных готовых решений.

Как видно из приведенного выше списка, коллекция JHipster отличается тем, что отдельные компоненты идеально подобраны друг к другу. Если вы хотите запрограммировать свой сайт на Java, вам определенно стоит рассмотреть возможность использования этого набора. JHipster не только снижает входные барьеры, связанные с разработкой, но и упрощает и унифицирует весь процесс программирования — как во время самой разработки приложения, так и во время последующих пересмотров и расширений кода. Поскольку JHipster также предоставляет вам самые важные инструменты для разработки, вы можете сэкономить много времени, используя коллекцию фреймворков.

С помощью JHipster вы также сможете быстро создать веб-приложение, поддерживающее операции CRUD и имеющее четко структурированный исходный код. Также доступны и другие полезные функции, такие как управление пользователями или интернационализация.

После этого краткого введения в концепцию JHipster, в следующем учебнике вы узнаете, как установить коллекцию фреймворка. Мы также объясним первые шаги, которые необходимо предпринять при использовании фреймворков кода.

Существует несколько способов установки JHipster. Например, вы можете воспользоваться «коробкой разработки». Он основан на программе Vagrant и заставляет JHipster работать на виртуальной машине Ubuntu. Однако для поклонников Docker более интересным может оказаться контейнер JHipster на GitHub, поскольку он предоставляет образ, который можно использовать для запуска пакета фреймворка в Docker. Конечно, возможна и классическая локальная установка на собственный сервер, при этом в качестве менеджера пакетов можно использовать либо npm, либо Yarn. Последний вариант рекомендован командой разработчиков, поэтому он также является основой для процесса установки в этом руководстве по JHipster. Этот процесс происходит следующим образом:

1. Загрузите установочные пакеты для Java SE 8 с сайта Oracle и установите среду выполнения после этого.
2. Скачайте установочные пакеты Node.js со страницы поставщика и установите их (команда JHipster рекомендует 64-битную версию с долгосрочной поддержкой (LTS))
3. Установите Yarn на свой сервер, следуя инструкциям для конкретной системы в каталоге установки на сайте Yarn.

Теперь вы можете получить и установить приложение-генератор Yeoman, а также сам JHipster через менеджер пакетов. Для этого просто введите последовательно следующие команды:

После установки всех компонентов вы можете сделать первые шаги с генератором JHipster и создать свой первый пример проекта. Для этого вам сначала понадобится домашний каталог (здесь он называется «jhipster-example»), в котором будут храниться соответствующие файлы. Его можно создать с помощью этой простой команды командной строки:

Затем перейдите в созданный каталог и выполните команду JHipster start:

После этого генератор предложит вам ряд вопросов, которые вы можете использовать для определения типа вашего приложения и выбора необходимых функций и программного обеспечения. Таким образом, вы можете определить, например, нужно ли реализовать механизм кэширования или какой инструмент следует использовать для разработки back end (Gradle или Maven). При необходимости здесь же можно активировать поддержку интернационализации проекта и выбрать основной язык и дополнительные языковые варианты. В большинстве случаев для нашего подопытного достаточно значения по умолчанию.

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

Теперь JHipster создал базовый каркас вашего веб-приложения и сохранил соответствующий код в созданной директории. Теперь вы можете запустить свой собственный сервер на базе Spring Boot. То, какую команду вы используете, зависит от того, какой инструмент проектирования бэкэнда вы выбрали. Если вы выбрали Maven, используйте обертку Maven, встроенную в JHipster, чтобы запустить серверный компонент с помощью следующей команды:

Если вы выбрали Gradle, необходимой командой будет:

Если при генерации проекта JHipster вы не указали другой порт (порт 8080 зарезервирован по умолчанию), то теперь вы можете вызвать back end по адресу «http://localhost:8080» в любом обычном браузере. Откроется стартовая страница, которую вы можете использовать для входа в бэк-энд.

На странице представлены стандартные данные для администратора и простого пользователя:

Когда вы входите в учетную запись администратора, в строку меню сервера добавляются пункты «Администрирование» и «Сущности». Первые нужны вам для управления вашим веб-приложением. Вам доступны следующие опции:

• Администрирование пользователей: В администрировании пользователей вы создаете, редактируете и удаляете профили пользователей, которые имеют доступ к вашему приложению JHipster. Помимо прочего, возможно также распределение ролей.
• Метрики приложения: Раздел метрик содержит информацию об использовании памяти, входящих http-запросах, а также статистику сервисов и кэширования.
• Состояние приложения: В разделе «Состояние» вы получите небольшой обзор функциональности компонентов вашего приложения, таких как место на жестком диске или базы данных.
• Конфигурация: Нажмите на кнопку «Конфигурация», чтобы открыть меню общих настроек вашего сайта JHipster.
• Аудиты: Аудиты предоставляют вам обзор успешных (AUTHENTICATION_SUCCESS) и неудачных (AUTHENTICATION_FAILURE) попыток входа, включая информацию о времени и пользователе.
• Протокол/Журналы: Здесь вы получаете представление об активных механизмах ведения журналов. Вы также можете определить уровень ведения журнала (предупреждение, информация, отслеживание, ошибка, сообщение и т.д.).
• Обзор API: В обзоре API вы видите все REST-интерфейсы вашего приложения, включая коды для управления этими API (опционально расширяемые для каждого API).
• База данных: Наконец, бэк-энд JHipster также предлагает интерфейс для ваших баз данных, который вы можете использовать для тестирования и установления соединения.

Вы также можете использовать вкладку «Язык» для изменения языковой версии интерфейса вашего сайта.

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

В предыдущем шаге уже обсуждался второй важный пункт меню бэкэнда JHipster — «Сущности». Через эти сущности, которые вы можете просматривать, редактировать или удалять в любое время (благодаря уже упомянутой концепции CRUD), вы обеспечиваете ввод данных для ваших баз данных — а также ввод контента для вашего проекта. Чтобы создать эти сущности в JHipster, у вас есть несколько вариантов: Стандартным решением является подгенератор сущностей, которым можно управлять из командной строки. Синтаксис этого генератора выглядит следующим образом:

Чтобы ознакомиться с возможностями этого инструмента, мы рекомендуем ввести команду «jhipster entity -help». Команда выведет список доступных опций (как показано на следующем снимке экрана):

В качестве альтернативы вы можете создать сущности с помощью графического инструмента. Для этого у вас есть два варианта: UML-редакторJHipster UML, который вы можете найти на GitHub, и онлайн-приложение JDL Studio, основанное на доменном языке JDL (JHipster Domain Language).