一种跨系统前端组件调用方法及系统技术方案

本发明专利技术提供了一种跨系统前端组件调用方法及系统，应用在集成系统中的系统A与系统B之间，系统A的用户登录系统，通过集成认证中心获取并保存身份票据；系统A通过身份票据向系统B发起所需前端组件加载请求，系统B将身份票据发往集成认证中心进行验证，验证通过后调用前端组件资源包，并下发给系统A；系统A加载前端组件资源包后，前端组件通过身份票据向系统B完成验证后获取业务数据。本发明专利技术解决了资源下载、身份认证及鉴权等方面的问题，可应用于系统集成项目，实现业务功能的复用；调用方法及系统清晰明了，能适用于当前流行的各种前端框架和后端架构，接入成本低。接入成本低。接入成本低。

【技术实现步骤摘要】
一种跨系统前端组件调用方法及系统


[0001]本专利技术涉及多系统集成领域，特别涉及一种系统集成中跨系统前端组件调用方法及系统

技术介绍

[0002]在系统集成项目中，多个系统之间存在功能互用的需求。通常做法是将复用的功能做成独立的前端页面组件，通过页面调用前端组件达成业务功能复用的目的。前端组件调用时，存在资源下载、身份认证及鉴权等方面的问题需要解决；现有的前端组件调用通常只涉及到了前端组件加载技术，未能从整个调用过程去给出完整的解决方案。

技术实现思路

[0003]针对现有技术中存在的问题，提供了一种跨系统前端组件调用方法及系统，解决了不同系统之间前端页面组件调用时候面临的组件下载、身份认证和数据请求鉴权等问题。
[0004]本专利技术采用的技术方案如下：一种跨系统前端组件调用方法，应用在集成系统中的系统A与系统B之间，系统A的用户登录系统，通过集成认证中心获取并保存身份票据；系统A通过身份票据向系统B发起所需前端组件加载请求，系统B将身份票据发往集成认证中心进行验证，验证通过后调用前端组件资源包，并下发给系统A；系统A加载前端组件资源包后，前端组件通过身份票据向系统B完成验证后获取业务数据。
[0005]进一步的，具体步骤为：
[0006]步骤1、系统A的用户登录系统，集成认证中心为用户生成身份票据，系统A存储到客户端中；
[0007]步骤2、系统A跨系统调用前端组件，通过组件名解析出其所属的系统B，使用身份票据向系统B发起前端组件加载请求；
[0008]步骤3、系统B将身份票据发往集成认证中心，获取用户身份信息，并验证是否具备下载权限，验证通过后对组件名进行解析，获得到组件所属模块，调用该模块的前端组件资源包，下发给系统A；
[0009]步骤4、系统A加载前端资源包后，前端组件再使用身份票据向系统B获取业务数据；
[0010]步骤5、系统B接收到业务数据获取请求后，通过身份票据向集成认证中心完成验证获的用户身份信息，并根据用户身份信息返回对应的业务数据给前端组件。
[0011]进一步的，所述步骤3和步骤5中，身份票据验证包括合法性和有效性验证。
[0012]进一步的，所述前端组件采用“固定前缀_业务系统名称_模块名称”的命名格式进行命名。
[0013]本专利技术还提出了一种跨系统前端组件调用系统，包括系统A、系统B以及集成认证中心；
[0014]系统A，作为调用方，向系统B发起前端组件调用请求以及业务数据获取请求，加载获得的前端组件及业务数据；
[0015]系统B，作为被调用方，接收系统A发起的请求并完成验证后向系统A下发前端组件资源包以及业务数据；
[0016]集成认证中心，为系统A下发身份凭据并为系统B提供验证服务。
[0017]进一步的，系统A发起请求时，需要通过身份票据进行发起。
[0018]进一步的，所述系统B包括前端组件下载接口和数据服务接口，前端组件下载接口用于完成前端组件下载请求的获取、验证以及前端组件资源包的下发；数据服务接口用于完成业务数据请求的获取、验证以及业务数据的下发。
[0019]进一步的，系统B中前端组件下载接口工作过程如下:
[0020]系统B通过前端组件下载接口接收到系统A发起的前端组件获取请求时，将身份票据发往集成认证中心，验证其合法性和有效性并获取用户身份信息，验证是否具备下载权限，验证成功后，解析请求中组件名，获取的前端组件所属模块，调用该模块的前端组件资源包，并下发给系统A。
[0021]进一步的，系统B中数据服务接口工作过程如下：系统B通过数据服务接口接收到业务数据获取请求时，使用身份票据向集成认证中心验证票据的合法性和有效性，并获得用户身份信息，系统B根据用户身份信息返回对应的业务数据给系统A中发起请求的前端组件。
[0022]进一步的，所述前端组件采用“固定前缀_业务系统名称_模块名称”的命名格式进行命名。
[0023]与现有技术相比，采用上述技术方案的有益效果为：
[0024]1、本专利技术解决了资源下载、身份认证及鉴权等方面的问题，可应用于系统集成项目，实现业务功能的复用。
[0025]2、本专利技术的跨系统调用方法及系统清晰明了，能适用于当前流行的各种前端框架(如vue、react、angularjs等)和后端架构。
[0026]3、接入成本低，不需要对已有源代码做大量侵入性改动，只需修改前端组件加载流程。
附图说明
[0027]图1为跨系统的前端组件调用示意图。
[0028]图2为本专利技术提出的跨系统调用前端组件的示意图。
具体实施方式
[0029]下面详细描述本申请的实施例，所述实施例的示例在附图中示出，其中自始至终相同或类似的标号表示相同或类似的模块或具有相同或类似功能的模块。下面通过参考附图描述的实施例是示例性的，仅用于解释本申请，而不能理解为对本申请的限制。相反，本申请的实施例包括落入所附加权利要求书的精神和内涵范围内的所有变化、修改和等同物。
[0030]实施例1
[0031]如图1所示为跨系统的前端组件调用示意图，现有的的前端组件调用通常只涉及到了前端组件加载技术，存在资源下载、身份认证及鉴权等方面的问题，基于此本实施例提出了一种跨系统前端组件调用方法，具体方案如下：
[0032]如图2所示为该跨系统调用前端组件的方法示意图，应用在集成系统中的系统A与系统B以及集成认证中心之间，其调用过程为：
[0033]①
系统A用户请求登录系统；
[0034]②
集成认证中心给用户生成一个身份票据，系统A将其存储到浏览器客户端；
[0035]③
系统A跨系统调用前端组件时，先通过组件名解析出其所属系统(在本实施例中为系统B)，使身份票据向系统B的组件下载接口发起组件加载请求；
[0036]④
系统B的组件下载接口将身份票据发往集成认证中心，获取用户身份信息，并验证是否具备下载权限，验证成功后通过组件名解析，获得组件所属模块，调用该模块的组件资源包；
[0037]⑤
系统B将组件资源包下发给系统A；
[0038]⑥
系统A页面加载前端组件资源包后，前端组件使用身份票据向系统B获取业务数据；
[0039]⑦
系统B数据服务接口获取到数据请求后，通过身份票据向集成认证中心完成验证获的用户身份信息，并获得其用户身份信息；
[0040]⑧
系统B数据服务接口根据用户身份信息返回对应的业务数据给前端组件。
[0041]在本实施例中，系统B在通过身份票据向集成认证中心发起验证时，需要验证身份票据的合法性和有效性，利用身份鉴权特性，可以根据用户身份控制是否给予其资源包。
[0042]本专利技术利用单点登录的身份认证票据解决了集成系统项目中跨系统前端组件调用的身份鉴别问题。
[0043]前端组件是指将复用度比较高的业务组本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种跨系统前端组件调用方法，其特征在于，应用在集成系统中的系统A与系统B之间，系统A的用户登录系统，通过集成认证中心获取并保存身份票据；系统A通过身份票据向系统B发起所需前端组件加载请求，系统B将身份票据发往集成认证中心进行验证，验证通过后调用前端组件资源包，并下发给系统A；系统A加载前端组件资源包后，前端组件通过身份票据向系统B完成验证后获取业务数据。2.根据权利要求1所述的跨系统前端组件调用方法，其特征在于，具体步骤为：步骤1、系统A的用户登录系统，集成认证中心为用户生成身份票据，系统A存储到客户端中；步骤2、系统A跨系统调用前端组件，通过组件名解析出其所属的系统B，使用身份票据向系统B发起前端组件加载请求；步骤3、系统B将身份票据发往集成认证中心，获取用户身份信息，并验证是否具备下载权限，验证通过后对组件名进行解析，获得到组件所属模块，调用该模块的前端组件资源包，下发给系统A；步骤4、系统A加载前端资源包后，前端组件再使用身份票据向系统B获取业务数据；步骤5、系统B接收到业务数据获取请求后，通过身份票据向集成认证中心完成验证获的用户身份信息，并根据用户身份信息返回对应的业务数据给前端组件。3.根据权利要求2所述的跨系统前端组件调用方法，其特征在于，所述步骤3和步骤5中，身份票据验证包括合法性和有效性验证。4.根据权利要求1或2所述的跨系统前端组件调用方法，其特征在于，所述前端组件采用“固定前缀_业务系统名称_模块名称”的命名格式进行命名。5.一种跨系统前端组件调用系统，其特征在于，包括系统A、系统B以及集成认证中心；系统A，作为调用方，向系统...

【专利技术属性】
技术研发人员：王锋，吴蓉，冷青松，李林啸，杨洪，朱媛媛，涂俊亮，徐春花，陈德勇，魏雨汐，邓蕾，李开文，
申请(专利权)人：中国电子科技集团公司第三十研究所，
类型：发明
国别省市：