Как настроить Spring и Angular для совместной работы

У меня есть сервер Spring REST (v3.2) и AngularJS для клиентского кода.

Насколько я понимаю, в базовом сценарии пользователь переходит к базовому домену .com, index.html отправляется обратно, и с этого момента Angular управляет связью.

Мои вопросы: 1. Как настроить Spring для возврата файла Angular. 2. Как справиться с ситуацией, когда пользователь не проходит через базовый домен, а просто переходит к .com/books/moby-dick, который в настоящее время возвращает JSON-представление книги Moby-Dick, которая должна была быть отображена клиентом.

Хороший учебник будет высоко оценен. Это мой класс веб-инициализатора:

public class WebAppInitializer implements WebApplicationInitializer {

    private static Logger LOG = LoggerFactory.getLogger(WebAppInitializer.class);

    @Override
    public void onStartup(ServletContext servletContext) {
        WebApplicationContext rootContext = createRootContext(servletContext);

        configureSpringMvc(servletContext, rootContext);

        FilterRegistration.Dynamic corsFilter = servletContext.addFilter("corsFilter", CORSFilter.class);
        corsFilter.addMappingForUrlPatterns(null, false, "/*");

//        configureSpringSecurity(servletContext, rootContext);
    }

    private WebApplicationContext createRootContext(ServletContext servletContext) {
        AnnotationConfigWebApplicationContext rootContext = new AnnotationConfigWebApplicationContext();

//        rootContext.register(CoreConfig.class, SecurityConfig.class);
        rootContext.register(CoreConfig.class);

        servletContext.addListener(new ContextLoaderListener(rootContext));
        servletContext.setInitParameter("defaultHtmlEscape", "true");

        return rootContext;
    }


    private void configureSpringMvc(ServletContext servletContext, WebApplicationContext rootContext) {
        AnnotationConfigWebApplicationContext mvcContext = new AnnotationConfigWebApplicationContext();
        mvcContext.register(MVCConfig.class);

        mvcContext.setParent(rootContext);
        ServletRegistration.Dynamic appServlet = servletContext.addServlet(
                "webservice", new DispatcherServlet(mvcContext));
        appServlet.setLoadOnStartup(1);
        Set<String> mappingConflicts = appServlet.addMapping("/");

        if (!mappingConflicts.isEmpty()) {
            for (String s : mappingConflicts) {
                LOG.error("Mapping conflict: " + s);
            }
            throw new IllegalStateException(
                    "'webservice' cannot be mapped to '/'");
        }
    }

Это мой файл конфигурации MVC:

@Configuration
@EnableWebMvc
@ComponentScan(basePackages = {"com.yadazing.rest.controller"})
public class MVCConfig extends WebMvcConfigurerAdapter {

    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/resources/**").addResourceLocations("/resources/");
    }
}

person special0ne    schedule 06.02.2014    source источник


Ответы (2)


(отказ от ответственности: я автор JHipster)

Вы можете взглянуть на JHipster, который сгенерирует для вас такое приложение с серверной частью Spring и интерфейсом AngularJS. .

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

person Julien Dubois    schedule 10.02.2014
comment
Интересно, посмотрю. Спасибо - person special0ne; 11.02.2014

Как насчет этого для № 1:

registry.addResourceHandler("/index.html").addResourceLocations("/index.html");
person indybee    schedule 06.02.2014
comment
Мне нужна весна, чтобы продолжать обрабатывать все URL-адреса. этот URL-адрес должен возвращать представление moby-dick в формате JSON. но при отправке запроса GET из браузера он должен отправить обратно Angular, который отобразит представление /books/moby-dick - person special0ne; 06.02.2014