如何将 Angular 4 与现有的基于 Spring Boot jsp 的 Web 应用程序集成？

Question

我有一个现有的 Spring Boot 生产网络应用程序，使用 jsp 和 javascript。我想替换现有页面（一次一个或两个），如果时间允许。我是 Angular 的新手，我遇到的所有文档/帖子似乎都认为 Angular 是一个全有或全无的场景。对于初学者，我将如何替换应用程序中的页面，该页面可以在此地址 /cust/AccountSampleQuery?active=y 找到？用户此时已通过身份验证，并已从菜单中选择此地址。

Answer 1

Angular 很容易与 Spring RESTful api 集成，如果您正在编写它是新鲜的，但它并非不可能在您的情况下集成。 Angula 的工作原理与 AJAX 相同，但它更像 Java。

您需要将现有的 JSP 方法替换为 REST API 方法，在这种方法中，您有 REST 控制器来处理传入的 Web 请求（用于发布和查询参数和路径变量的 JSON）并使用HttpStatus 代码和 JSON 对象进行响应。

身份验证必须替换为 JWT 或任何类型的基于令牌的身份验证。由于 Angular 很难基于会话运行，更像是基于令牌。因此，如果要发送到 API 的安全部分，每个请求都必须附带一个令牌。

如果您希望将 Angular 应用程序与 Spring API（.jar 或 .war 文件）一起打包，您将需要 WebMvcConfigurerAdapter 来配置静态内容路径。这是一个示例静态内容路径：

public class WebConfig extends WebMvcConfigurerAdapter {
    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/**")
                .addResourceLocations("classpath:/static/");
        registry.addResourceHandler("**/assets/**")
                .addResourceLocations("classpath:/static/assets");
    }

    @Override
    public void addViewControllers(ViewControllerRegistry registry) {
        registry.addViewController("/").setViewName("redirect:/index.html");
    }
}

const appRoutes: Routes = [
  {path: 'customer', component: CustomerComponent},
  {path: 'admin', component: AdminComponent},
  {path: '**', redirectTo: ''}
];

@NgModule({
  imports: [
    RouterModule.forRoot(appRoutes, {useHash: true})
  ],
  exports: [
    RouterModule
  ]
})
export class AppRoutingModule {

}