- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我们请求仅将旧系统的一部分迁移到 Angular 8 应用。
前辈建议更改JSP端的一些url以指向新的Angular应用程序,并使新应用程序的布局看起来像旧的JSP布局。
困难的部分是我不知道如何有效地同步 JSP 和 Angular 之间的状态,因为我们必须使两个客户端(JSP 和 Angular)看起来像是一个客户端。这包括身份验证、表单输入、导航栏状态等...
关于身份验证,第一个提出的解决方案是从 JSP 克隆登录页面并公开 Angular 应用程序的登录 api 并返回 jwt token 。但我认为它不会很好地工作,因为我们必须同步两个应用程序之间的登录/注销状态。第二个建议的解决方案是让旧应用程序负责身份验证,并将 jwt token 附加到链接到 Angular 应用程序的每个 url。我担心这种方法会遇到安全问题和 url 长度限制。
以前有人遇到过这个问题吗?你是怎么解决的?您是否建议完全迁移到 Angular?
最佳答案
对于任何已达到一定大小的 Web 应用程序,此类迁移是唯一的出路,因为应用程序太大而无法立即替换。因此必须实现新旧页面的共存。
最简单的方法是每个页面要么完全是 JSP 要么完全是 Angular,即不混合技术。正如您已经确定的,Angular 布局需要足够接近 JSP 布局,以便用户将其体验为单个应用程序。但每次用户从 JSP 切换到 Angular 页面时,Angular 应用程序和所有相关数据加载时都会遇到延迟。需要付出一些努力才能使 make 足够快。
如果您需要共享状态(除了身份验证之外),那么您将需要在 JSP 容器中实现 API,以便 Angular 应用程序可以检索状态并修改它。您可能会发现只有一小部分状态需要共享。
对于身份验证,最简单的设置是 Angular 应用程序是否可以使用 session cookie 访问所有 API。那么你不需要做任何事情。不需要新的身份验证页面,也不需要传递 JWT。
如果需要 JWT,最好的解决方案是设置专门的 IAM(身份和访问管理)负责身份验证。它将实现登录页面并发出 JWT。如果未经身份验证的用户请求 JSP 页面,他/她将被重定向到 IAM、登录并重定向回 JSP 应用程序。 JSP 应用程序验证登录。如果同一用户稍后打开 Angular 页面并且该 Angular 页面需要访问 API,则该用户将首先被重定向到 IAM。由于 IAM 提供 SSO 设施,因此它将检测有效的用户 session 并立即发出 JWT(或身份验证代码),而无需显示登录页面。在这两种情况下,都使用 OAUTH 2/OIDC 流。这两种情况都得到许多框架和库的良好支持。 OIDC 还包括同步注销的功能。
关于java - 将旧版 Spring MVC + JSP 应用程序与 Angular 应用程序一起运行是个好主意吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60181155/
我正在尝试在项目中学习和添加 Angular 国际化。我只能理解 Angular 文档 (https://angular.io/guide/i18n-overview) 的编译时翻译。 我需要这样的东
在我的 Angular 应用程序中,基于登录用户,我想通过显示/隐藏不同的菜单项或允许/禁止某些路由来授予或限制功能。 目前成功登录后,我的 .NET Core API 会返回一个 JWT token
我是 Angular 的新手,目前我已经看过 angular.io 网站提供的一些示例。但是在component decorator在文档中的解释,它指出 Angular components are
这里是service employee-service.service.ts的代码 import { Injectable } from '@angular/core'; import { HttpC
我目前正在使用@angular/http URLSearchParams 类来检索 URL 参数。在 Angular 5 中,注意到这已被弃用,但我没有看到以我当前使用的方式替换 URLSearchP
我目前正在使用@angular/http URLSearchParams 类来检索 URL 参数。在 Angular 5 中,注意到这已被弃用,但我没有看到以我当前使用的方式替换 URLSearchP
如何正确安装 PUG/JADE 到 Angular 2 或更高版本 这样在工作和 AOT 和 JiT 的同时 工作单元和集成测试 并且在创建每个新组件时不会受到太多影响 最佳答案 我看到了很多解决方案
我的 Angular 12 应用程序中有一些通用组件,我计划将其创建为一个 Angular 库,以便其他应用程序也可以使用它。我们有一些应用程序在较低版本的 angular(例如 angular 8/
tl;dr; ng build 删除了包含我编译的自定义库的/dist 文件夹。这会使我项目代码中对该库的所有引用无效,从而导致 ng build 最终失败。我做错了什么? 我关注了documenta
我正在将一些“遗留”(非 typescript )js 库导入到我的 Angular SPA 中。 通常我只是从 cdn 添加一个负载到 index.html 就像: 在 Angular 分量中我只
我有这个 angular 应用程序,它基本上使用了库的概念。 我有 2 个名为 的库Lib1 和 lib2 根据他们所服务的微服务分组。 现在我将这些库导入主应用程序,即 应用1 事情一直到现在。 现
我在我的项目中启用了 angular Universal。我现在想完全删除它。我试图删除以下文件 /server.ts /webpack.server.config.js /src/tsconfig.
我已经有一个 AuthService 在登录时对用户进行身份验证,并且 AuthGuard 在未登录的情况下阻止访问。 某些页面我通过 UserProfile/Role 限制访问,但现在我需要阻止页面
我正在尝试使用 angular、TypeORM、SQLite 和其他组件作为 webpack 构建 Electron 应用程序。 我从在 GitHub 上找到的示例开始我的开发:https://git
我在从 Angular 8 更新到 9 并运行时遇到以下错误 ng 更新@angular/material: Package "@angular/flex-layout" has an incompa
我正在尝试使用 Angular 9,我想创建一个项目,然后创建一个库项目并开始向其中添加我想稍后在 GitHub 上发布的通用模块,并在我的本地使用这些库项目。 相关依赖如下: Angular CLI
我正在尝试使用 Angular 9,我想创建一个项目,然后创建一个库项目并开始向其中添加我想稍后在 GitHub 上发布的通用模块,并在我的本地使用这些库项目。 相关依赖如下: Angular CLI
我正在我的 h1 元素“之前”创建一个小的程式化三 Angular 形图案,但我无法正确地圆 Angular 。右上角没问题,但其他两个有剪裁问题。 这是输出以及形状的放大图像: 使用的代码如下: h
我有一个 Angular 元素,带有自定义标记名 - fancy-button。如何将 fancy-button 嵌入 Angular 应用程序? 我已经尝试了以下方法,但都没有用 - 在 index
我已将我的项目从 angular 5.2.9 升级到 angular 6.0.0-rc.5。 除了包路径中的几个快速 RxJS 修复外,一切看起来都不错。(此链接非常有用:Want to upgrad
我是一名优秀的程序员,十分优秀!