Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / Java [игнор отключен] [закрыт для гостей] / Spring MVC + Angular / 21 сообщений из 21, страница 1 из 1
19.02.2018, 14:45
    #39604226
Nixic
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Spring MVC + Angular
Добрый день!

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

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

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

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

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

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

Ну, пиши весь ангуляр в webapp, если это старый javascript-овый.
А если это новый ангуляр на TypeScript, то лучше его в отдельный модуль засобачить, а потом в мавене прописать запуск сборки Angular и копирование ресурсов.
Да, со старым, который сейчас зовется AngularJS проблем бы не было, примеров много нашел и со Spring MVC и с чем-то еще, а вот с новым, который зовется Angular 2, 3, 4, 5 ну или просто Angular уже сложнее.
Попробую еще погуглить, сложноватая сборка для меня получается, надо разбираться. Спасибо.
...
Рейтинг: 0 / 0
19.02.2018, 15:57
    #39604327
Nixic
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Spring MVC + Angular
Ура, я все понял))
отсюда 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
19.02.2018, 15:57
    #39604328
Petro123
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Spring MVC + Angular
Nixic,
Новый намного сложнее. Это как полноценный java проект только в js.
На ветку js.
...
Рейтинг: 0 / 0
19.02.2018, 17:49
    #39604389
Nebo
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Spring MVC + Angular
Nixic,

http://www.jhipster.tech

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

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

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

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

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

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

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

Расскажу и помогу.
Сам на этом съел собаку.
...
Рейтинг: 0 / 0
20.02.2018, 16:51
    #39604961
Nixic
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Spring MVC + Angular
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
20.02.2018, 17:20
    #39604993
Petro123
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Spring MVC + Angular
Nixic,
Почему ангуляр не работает без своего сервера? На твоём сервере java-проект1.
Или просто это тебе не надо?
...
Рейтинг: 0 / 0
20.02.2018, 18:14
    #39605043
Nixic
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Spring MVC + Angular
Petro123Nixic,
Почему ангуляр не работает без своего сервера? На твоём сервере java-проект1.
Или просто это тебе не надо?
Он работает через npm, я не разбирался в тонкостях, но везде в примерах и книгах, его так запускают. Обычно через консоль, но в идее прописано в конфиге запуска команда, которая зарегана в скриптах в файле package.json.
Просто, чтобы разрабатывать удобнее было, чтобы сразу править фронт и чтобы менялось всё на лету и при этом можно было бы обращаться к api проекта на томкате запущенного, через
localhost:888/allUsers из ангуляра
аналогично вызову
localhost:8080/allUsers на томкате, на котором присутствуют контроллеры Spring'а и дергаются по этому вот урлу /allUsers
получаем json объект.

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


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