powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / Java [игнор отключен] [закрыт для гостей] / Spring MVC + Angular
21 сообщений из 21, страница 1 из 1
Spring MVC + Angular
    #39604226
Nixic
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Добрый день!

1. Есть проект Spring MVC.
2. Есть проект Angular (не JS), создан через node.js

Оба проекта в Idea, оба почти девственно чистые, особенно Angular :)

Вопрос: как их скрестить меж собой в один проект, чтобы еще и на томкате запускать?
Сейчас отдельно каждый из них работает, один на томкате, другой на npm, то бишь через node.

В принципе могу юзать один как веб-сервис в проекте с фронтом, но хочется чтобы всё было в одном и собиралось одной командой
п.с. гугл у меня отключили :)
...
Рейтинг: 0 / 0
Spring MVC + Angular
    #39604234
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Nixic,
Ангуляр переделать по REST т.е. первый проект т.к. мы в java.
...
Рейтинг: 0 / 0
Spring MVC + Angular
    #39604246
Nixic
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Таакс, пока что без переделки, добавил как модуль Spring MVC и Spring Data.
Может так тоже нормально будет?
Только вот сейчас у меня спринговый index.jsp и ангуляровский index.html (я имею ввиду, что две папки которые на фронте работают), нужно какой-то один будет настроить для использования, но так, чтобы проекты могли друг с другом работать...
...
Рейтинг: 0 / 0
Spring MVC + Angular
    #39604273
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
NixicМожет так тоже нормально будет? предлагаю все папки смешать и взболтать три раза.
У вас план горит?
За неделю java. Потом за день ангуляр...
...
Рейтинг: 0 / 0
Spring MVC + Angular
    #39604275
Nixic
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Petro123NixicМожет так тоже нормально будет? предлагаю все папки смешать и взболтать три раза.
У вас план горит?
За неделю java. Потом за день ангуляр...
мне не чем заняться, я клепаю проектики то с одним то с другим, чисто чтобы попробовать и потом оставить какие-то наработки, на случай, если вдруг понадобится. Для саморазвития, для расширения кругозора. Планов нет, гореть нечему.
...
Рейтинг: 0 / 0
Spring MVC + Angular
    #39604292
Nixic
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
А вот, кажется нашел:
https://shekhargulati.com/2017/11/08/a-minimalist-guide-to-building-spring-boot-angular-5-applications/
Правда, здесь spring boot, но не суть.

Вот и поговорили))
...
Рейтинг: 0 / 0
Spring MVC + Angular
    #39604297
Фотография Blazkowicz
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Nixic,

Ну, пиши весь ангуляр в webapp, если это старый javascript-овый.
А если это новый ангуляр на TypeScript, то лучше его в отдельный модуль засобачить, а потом в мавене прописать запуск сборки Angular и копирование ресурсов.
...
Рейтинг: 0 / 0
Spring MVC + Angular
    #39604305
Nixic
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
BlazkowiczNixic,

Ну, пиши весь ангуляр в webapp, если это старый javascript-овый.
А если это новый ангуляр на TypeScript, то лучше его в отдельный модуль засобачить, а потом в мавене прописать запуск сборки Angular и копирование ресурсов.
Да, со старым, который сейчас зовется AngularJS проблем бы не было, примеров много нашел и со Spring MVC и с чем-то еще, а вот с новым, который зовется Angular 2, 3, 4, 5 ну или просто Angular уже сложнее.
Попробую еще погуглить, сложноватая сборка для меня получается, надо разбираться. Спасибо.
...
Рейтинг: 0 / 0
Spring MVC + Angular
    #39604327
Nixic
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Ура, я все понял))
отсюда https://stackoverflow.com/questions/42503792/how-do-i-run-an-angular-2-page-in-a-spring-mvc-application
А я то думал зачем нам что мне делать с папкой dist после
ng build --prod

В общем для теста, я взял все файлы из dist и положил их в проект Spring MVC, простым копипастом, собрал проект открыл на томкате, получил работающий ангуляр. Теперь надо его мавеном подкладывать будет при сборке.
Смущает меня такая ситуация, но видимо по другому никак.
...
Рейтинг: 0 / 0
Spring MVC + Angular
    #39604328
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Nixic,
Новый намного сложнее. Это как полноценный java проект только в js.
На ветку js.
...
Рейтинг: 0 / 0
Spring MVC + Angular
    #39604389
Nebo
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Nixic,

http://www.jhipster.tech

Сгенерируйте проект и посмотрите как всё сделано.
...
Рейтинг: 0 / 0
Spring MVC + Angular
    #39604424
serDias
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Nixic,
Скрещить ничего не нужно и ангуляр вы не запустите на томкате.
Для их связывание существует прокси конфиг гды вы все прописываете.
Как пример
{

"/": {
"target": " http://localhost:8080",
"secure": false
},
"logLevel": "error"
}

Ангуляр будет жить на своем порту, Спринг на своем.
При обращении к патчу адрес будет проксироваться на бэк и дергаться контроллер.
Ну и конечно не забываем про @CrossOrigin
...
Рейтинг: 0 / 0
Spring MVC + Angular
    #39604430
Nixic
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
serDias,

Вот! Вот про это мне сегодня и сказали, но я еще не успел посмотреть, спасибо.

Сейчас я подключил к проекту Spring'а модуль Angular CLI, у меня получилось, что теперь оба проекта в одном окне, хотя бы.
Перед запуском томката, идет(или не идет, если не нужна) сборка ангуляра в его папку dist, а затем Maven копирует из нее файлы в корень Spring проекта, тем самым мы получаем запущенный на томкате Spring проект с использованием фронта Angular.
Правда "на лету" результат на фронте не будет виден.

А вот с прокси, должно работать, так как хочется. Завтра попробую.
...
Рейтинг: 0 / 0
Spring MVC + Angular
    #39604431
Nixic
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
NeboNixic,
http://www.jhipster.tech
Сгенерируйте проект и посмотрите как всё сделано.
Спасибо, гляну. Уже знакомое название, где-то здесь мелькало :)
...
Рейтинг: 0 / 0
Spring MVC + Angular
    #39604433
serDias
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Nixic,

Если нужно срочно, пишите на мыло.

Расскажу и помогу.
Сам на этом съел собаку.
...
Рейтинг: 0 / 0
Spring MVC + Angular
    #39604961
Nixic
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
serDiasNixic,
Если нужно срочно, пишите на мыло.
Расскажу и помогу.
Сам на этом съел собаку.
Спасибо, добавил прокси, удобно получилось и ничего сложного:

В package.json изменил в скриптах:
Код: xml
1.
 "start": "ng serve --port 888 --proxy-config proxy.conf.json --open",

Добавил файл proxy.conf.json рядом с package.json и прописал в нем:
Код: xml
1.
2.
3.
4.
5.
6.
7.
8.
9.
{
  "/": {
    "target": "http://localhost:8080/",
    "secure": false,
    "pathRewrite": {
      "^/": ""
    }
  }
}


Запускаем томкат на 8080 порту, запускаем npm и на порту ангуляра 888 используем запросы к Spring MVC проекту.
Номера портов, конечно же, без разницы какие, просто указал их, чтобы было понятно, что они разные, ну мало ли кто придерется к тексту)
...
Рейтинг: 0 / 0
Spring MVC + Angular
    #39604993
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Nixic,
Почему ангуляр не работает без своего сервера? На твоём сервере java-проект1.
Или просто это тебе не надо?
...
Рейтинг: 0 / 0
Spring MVC + Angular
    #39605043
Nixic
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Petro123Nixic,
Почему ангуляр не работает без своего сервера? На твоём сервере java-проект1.
Или просто это тебе не надо?
Он работает через npm, я не разбирался в тонкостях, но везде в примерах и книгах, его так запускают. Обычно через консоль, но в идее прописано в конфиге запуска команда, которая зарегана в скриптах в файле package.json.
Просто, чтобы разрабатывать удобнее было, чтобы сразу править фронт и чтобы менялось всё на лету и при этом можно было бы обращаться к api проекта на томкате запущенного, через
localhost:888/allUsers из ангуляра
аналогично вызову
localhost:8080/allUsers на томкате, на котором присутствуют контроллеры Spring'а и дергаются по этому вот урлу /allUsers
получаем json объект.

Ну а, так как это на порту ангуляра, логично будет сейчас прикрутить компонент ангуляра типа таблица и через аякс затянуть на клиента в эту таблицу данные. Последнее пишу, возможно, излишне, и так ведь понятно, но вдруг кто-то заглянет и у него не будет опыта, чтобы сразу понять что вообще происходит!)))
...
Рейтинг: 0 / 0
Spring MVC + Angular
    #39605044
Nixic
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ааа, БЕЗ своего!? Понял. Ну он работает, но только когда уже из тайпскрипта его откомпилишь в js и вот это вот скомпиленное можно запускать. Ну или как у меня сделано дополнительно - подкладывать мавеном в нужную папку на web-проекте java
...
Рейтинг: 0 / 0
Spring MVC + Angular
    #39605045
Фотография Blazkowicz
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Petro123Nixic,
Почему ангуляр не работает без своего сервера? На твоём сервере java-проект1.
Или просто это тебе не надо?
Он работает без "своего сервера" в финальной сборке. А для отладки нужен сервер, потому что там уже не JS, а TypeScript.
...
Рейтинг: 0 / 0
Spring MVC + Angular
    #39605059
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Понял хитрость)
...
Рейтинг: 0 / 0
21 сообщений из 21, страница 1 из 1
Форумы / Java [игнор отключен] [закрыт для гостей] / Spring MVC + Angular
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]