CN112217671B - 基于拆分部署的前端微服务进行界面显示的方法及设备 - Google Patents

基于拆分部署的前端微服务进行界面显示的方法及设备 Download PDF

Info

Publication number
CN112217671B
CN112217671B CN202011062433.1A CN202011062433A CN112217671B CN 112217671 B CN112217671 B CN 112217671B CN 202011062433 A CN202011062433 A CN 202011062433A CN 112217671 B CN112217671 B CN 112217671B
Authority
CN
China
Prior art keywords
interface
access path
end micro
service
iframe
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN202011062433.1A
Other languages
English (en)
Other versions
CN112217671A (zh
Inventor
戴清良
孙镜涛
张娅婷
王中伟
李建伟
陈维强
孙永良
于涛
王玮
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Hisense TransTech Co Ltd
Original Assignee
Hisense TransTech Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Hisense TransTech Co Ltd filed Critical Hisense TransTech Co Ltd
Priority to CN202011062433.1A priority Critical patent/CN112217671B/zh
Publication of CN112217671A publication Critical patent/CN112217671A/zh
Application granted granted Critical
Publication of CN112217671B publication Critical patent/CN112217671B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L41/00—Arrangements for maintenance, administration or management of data switching networks, e.g. of packet switching networks
    • H04L41/02—Standardisation; Integration
    • H04L41/0246—Exchanging or transporting network management information using the Internet; Embedding network management web servers in network elements; Web-services-based protocols
    • H04L41/0253—Exchanging or transporting network management information using the Internet; Embedding network management web servers in network elements; Web-services-based protocols using browsers or web-pages for accessing management information
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/955—Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L41/00—Arrangements for maintenance, administration or management of data switching networks, e.g. of packet switching networks
    • H04L41/08—Configuration management of networks or network elements
    • H04L41/0893—Assignment of logical groups to network elements
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L41/00—Arrangements for maintenance, administration or management of data switching networks, e.g. of packet switching networks
    • H04L41/50—Network service management, e.g. ensuring proper service fulfilment according to agreements
    • H04L41/5041—Network service management, e.g. ensuring proper service fulfilment according to agreements characterised by the time relationship between creation and deployment of a service
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00—Network arrangements or protocols for supporting network services or applications
    • H04L67/01—Protocols
    • H04L67/02—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00—Network arrangements or protocols for supporting network services or applications
    • H04L67/50—Network services
    • H04L67/51—Discovery or management thereof, e.g. service location protocol [SLP] or web services
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00—Network arrangements or protocols for supporting network services or applications
    • H04L67/50—Network services
    • H04L67/56—Provisioning of proxy services

Landscapes

  • Engineering & Computer Science (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Signal Processing (AREA)
  • Theoretical Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Software Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Data Mining & Analysis (AREA)
  • Human Computer Interaction (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本申请提供一种基于拆分部署的前端微服务进行界面显示的方法及设备，其中前端微服务是基于反向代理服务器和iframe标签实现拆分部署的，用以节省前端代码进行重新编译打包再发布的过程中浪费的时间，提高界面显示效率。在本申请中，响应用户触发的界面访问请求，向反向代理服务器发送数据请求，以获取界面访问请求对应的界面内容数据，其中数据请求中包含界面访问请求对应的地址信息；接收由反向代理服务器转发的界面内容数据，并将界面内容数据对应的界面显示在主界面iframe中，其中界面内容数据是反向代理服务器根据路径地址信息从对应的前端微服务中获取的。

Description

基于拆分部署的前端微服务进行界面显示的方法及设备
技术领域
本申请涉及计算机技术领域，提供一种基于拆分部署的前端微服务进行界面显示的方法及设备。
背景技术
随着互联网技术的不断发展，业务的不断增加，应用的开发迭代和性能瓶颈等问题都会增加开发难度。因此提出前端微服务框架，其中前端微服务框架中包含后端前端微服务和前端微服务。
后端前端微服务根据业务逻辑和需求将业务系统划分成多个模块，由多个后端前端微服务来完成一系列相关的业务操作。后端微服务的框架已经非常成熟，但前端微服务架构并没有很成熟的解决方案，大部分前端的解决方案都是将各个功能模块的前端代码进行合并，并作为一个统一的UI(User Interface，用户界面)服务来部署。
现有技术中，采用将各个功能模块的前端代码进行合并，并作为一个统一的UI服务来部署时，针对任一个前端功能模块的代码修改，需要将UI服务中所有的前端代码进行重新编译打包再发布，过程繁琐耗费时间，降低界面显示效率。
发明内容
本申请实施例提供一种基于拆分部署的前端微服务进行界面显示的方法及设备，用以节省前端代码进行重新编译打包再发布的过程中浪费的时间，提高界面显示效率。
第一方面，本申请实施例提供一种基于拆分部署的前端微服务进行界面显示的方法，前端微服务是基于反向代理服务器和iframe标签实现拆分部署的，该方法包括：
响应用户触发的界面访问请求，向反向代理服务器发送数据请求，以获取界面访问请求对应的界面内容数据，其中数据请求中包含界面访问请求对应的访问路径；
接收由反向代理服务器转发的界面内容数据，并将界面内容数据对应的界面显示在主界面iframe中，其中界面内容数据是反向代理服务器根据访问路径从对应的前端微服务中获取的。
第二方面，本申请实施例提供一种基于拆分部署的前端微服务进行界面显示的方法，前端微服务是基于反向代理服务器和iframe标签实现拆分部署的，该方法包括：
接收主界面iframe发送的数据请求，获取数据请求中包含的界面访问请求对应的访问路径，其中数据请求用于获取界面访问请求对应的界面内容数据；
根据对应存储有访问路径和前端微服务标识信息的配置文件，确定访问路径对应的前端微服务标识信息；
将数据请求转发给标识信息对应的前端微服务，并将前端微服务返回的界面内容数据转发给主界面iframe，以在主界面iframe中呈现界面内容数据对应的界面。
第三方面，本申请实施例提供一种基于拆分部署的前端微服务进行界面显示的设备，前端微服务是基于反向代理服务器和iframe标签实现拆分部署的，该设备包括：存储器和处理器，其中：
存储器中存储有程序代码，处理器用于读取存储器中的程序代码并执行如下步骤：
响应用户触发的界面访问请求，向反向代理服务器发送数据请求，以获取界面访问请求对应的界面内容数据，其中数据请求中包含界面访问请求对应的访问路径；
接收由反向代理服务器转发的界面内容数据，并将界面内容数据对应的界面显示在主界面iframe中，其中界面内容数据是反向代理服务器根据访问路径从对应的前端微服务中获取的。
第四方面，本申请实施例提供一种基于拆分部署的前端微服务进行界面显示的设备，前端微服务是基于反向代理服务器和iframe标签实现拆分部署的，该设备包括：存储器和处理器，其中：
存储器中存储有程序代码，处理器用于读取存储器中的程序代码并执行如下步骤：
接收主界面iframe发送的数据请求，获取数据请求中包含的界面访问请求对应的访问路径，其中数据请求用于获取界面访问请求对应的界面内容数据；
根据对应存储有访问路径和前端微服务标识信息的配置文件，确定访问路径对应的前端微服务标识信息；
将数据请求转发给标识信息对应的前端微服务，并将前端微服务返回的界面内容数据转发给主界面iframe，以在主界面iframe中呈现界面内容数据对应的界面。
第五方面，本申请实施例提供一种基于拆分部署的前端微服务进行界面显示的装置，前端微服务是基于反向代理服务器和iframe标签实现拆分部署的，该装置包括：
响应单元，用于响应用户触发的界面访问请求，向反向代理服务器发送数据请求，以获取界面访问请求对应的界面内容数据，其中数据请求中包含界面访问请求对应的访问路径；
显示单元，用于接收由反向代理服务器转发的界面内容数据，并将界面内容数据对应的界面显示在主界面iframe中，其中界面内容数据是反向代理服务器根据访问路径从对应的前端微服务中获取的。
第六方面，本申请实施例提供一种基于拆分部署的前端微服务进行界面显示的装置，前端微服务是基于反向代理服务器和iframe标签实现拆分部署的，该装置包括：
接收单元，用于接收主界面iframe发送的数据请求，获取数据请求中包含的界面访问请求对应的访问路径，其中数据请求用于获取界面访问请求对应的界面内容数据；
确定单元，用于根据对应存储有访问路径和前端微服务标识信息的配置文件，确定访问路径对应的前端微服务标识信息；
转发单元，用于将数据请求转发给标识信息对应的前端微服务，并将前端微服务返回的界面内容数据转发给主界面iframe，以在主界面iframe中呈现界面内容数据对应的界面。
第七方面，本申请实施例提供一种计算机可读存储介质，计算机可读存储介质存储有计算机指令，计算机指令被处理器执行时实现本申请实施例提供的第一方面及第二方面中的基于拆分部署的前端微服务进行界面显示的方法。
本申请的有益效果：
本申请实施例提供一种基于拆分部署的前端微服务进行界面显示的方法及设备，其中前端微服务是基于反向代理服务器和iframe标签实现拆分部署的；在本申请中，响应用户触发的界面访问请求，向反向代理服务器发送数据请求，以获取界面访问请求对应的界面内容数据，其中数据请求中包含界面访问请求对应的地址信息；接收由反向代理服务器转发的界面内容数据，并将界面内容数据对应的界面显示在主界面iframe中，其中界面内容数据是反向代理服务器根据路径地址信息从对应的前端微服务中获取的，因为中前端微服务是基于反向代理服务器和iframe标签实现拆分部署的，在更新修改的过程中都无需进行重新编译及再打包的过程，因此节省了前端代码进行重新编译打包再发布的过程中浪费的时间，提高界面显示效率。
本申请的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本申请而了解。本申请的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中所特别指出的结构来实现和获得。
附图说明
为了更清楚地说明本申请实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简要介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域的普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
图1为本申请实施例提供的一种应用场景示意图；
图2为本申请实施例提供的一种终端设备的硬件结构图；
图3为本申请实施例提供的一种基于拆分部署的前端微服务进行界面显示的系统结构图；
图4为本申请实施例提供的一种配置目标访问路径的示意图；
图5为本申请实施例提供的一种基于拆分部署的前端微服务进行界面显示的示意图；
图6为本申请实施例提供的一种基于拆分部署的前端微服务进行界面显示的整体方法流程图；
图7为本申请实施例提供的一种基于拆分部署的前端微服务进行界面显示的方法流程图；
图8为本申请实施例提供的另一种基于拆分部署的前端微服务进行界面显示的方法流程图；
图9为本申请实施例提供的一种基于拆分部署的前端微服务进行界面显示的设备结构图；
图10为本申请实施例一种基于拆分部署的前端微服务进行界面显示的装置结构图；
图11为本申请实施例提供的另一种基于拆分部署的前端微服务进行界面显示的设备结构图；
图12为本申请实施例另一种基于拆分部署的前端微服务进行界面显示的装置结构图。
具体实施方式
为了使本申请的目的、技术方案及有益效果更加清楚明白，以下将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，并不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
需要说明的是，本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。
本发明实施例中术语“和/或”，描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。字符“/”一般表示前后关联对象是一种“或”的关系。
以下对本申请实施例中的部分用语进行解释说明，以便于本领域技术人员理解。
1、前端微服务框架：
前端微服务框架是一种架构风格，用于将一个大型复杂软件应用由一个或多个前端微服务组成，各个前端微服务被独立部署，且运行在自己的进程中。每个前端微服务仅关注于完成一件任务并很好的完成该任务。
2、超文本标记语言(Hyper Text Markup Language，HTML)：
超文本标记语言是一种标识性的语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。
3、iframe标签：
iframe是HTML标签，作用是文档中的文档，或者浮动的框架。iframe元素会创建包含另外一个文档的内联框架，即行内框架。
4、反向代理服务器：
反向代理服务器位于用户与目标服务器之间，但是对于用户而言，反向代理服务器就相当于目标服务器，即用户直接访问反向代理服务器就可以获得目标服务器的资源。同时，用户不需要知道目标服务器的地址，也无须在用户端作任何设定。反向代理服务器通常可用来作为Web加速，即使用反向代理作为Web服务器的前置机来降低网络和服务器的负载，提高访问效率。
5、前端：
前端即网站前台部分，包括网站的表现层和结构层：Web界面的结构、Web的外观视觉表现以及Web层面的交互实现，主要运行在个人计算机端(personal computer，PC)，移动端等浏览器上展现给用户浏览的网页。
6、后端：
后端是在后台工作的，控制着前端的内容，主要负责程序设计架构思想，管理数据库等。后端更多的是与数据库进行交互以处理相应的业务逻辑，需要考虑的是如何实现功能、数据的存取、平台的稳定性与性能等。
下面对本申请实施例的设计思想进行简要介绍。
随着互联网上前端微服务框架的流程，为了便于应用的开发，根据业务逻辑和需求将业务系统划分成多个模块，每个模块对应一个后台前端微服务，共同完成一系列相关的业务操作。但是对于前端而言，大部分的前端解决方案都是将各功能模块的前端代码进行合并，作为一个统一的UI服务来部署。
此时，对于前端某个功能模块的代码进行修改，需要将UI服务中所有的前端代码进行重新编译打包再发布；且若有新增的业务，则需要对该新增业务编写新的代码，并将所有的代码进行重新编译打包再发布，生成包含有新增业务代码的UI服务；显然重新打包再发布过程繁琐且花费大量的时间。
比如某产品项目在迭代和更新中，产品项目3.0版本基于新框架的开发，在给用户从产品项目2.0升级到产品项目3.0时，若用户提出对产品项目2.0版本中的部分前端功能予以保留，若果将产品项目2.0的前端界面从代码层面与产品项目3.0融合不仅工作量大，而且后续需要维护产品项目2.0所保留的前端功能，此时需要花费大量的时间和精力。
基于上述内容，本申请实施例提供一种基于拆分部署的前端微服务进行界面显示的方法及设备，其中前端微服务基于反向代理服务器和HTML的iframe标签实现拆分部署。该方法中可以根据用户访问的路径地址的不同，将用户的请求分发到多个前端微服务上，将返回的前端界面显示到主界面的iframe中。由于多个前端微服务拆分部署，即使其中一个前端微服务的前端代码需要修改，也不会影响其他前端微服务，且无需将所有的前端微服务对应的前端代码进行重新打包再发布，节省重新编译打包再发布的时间，且便于维护，同时在请求界面显示的过程中，由于节省了重新编译打包再发布的时间，因此可以提高界面显示效率。
在介绍完本申请实施例的设计思想之后，下面对本申请设置的应用场景进行简要说明。
图1示例性示出了本申请实施例提供的一种应用场景，该应用场景中包括终端设备10、反向代理服务器20，以及多个前端微服务30；
其中，终端设备10为支持各种应用安装，且能够运行各种应用的硬件设备，可以是个人电脑(Personal Computer，PC)、平板电脑、个人数字助理(Personal DigitalAssistant，PDA)、笔记本和手机等终端设备，也可以是具有移动终端设备的计算机，包括各种便携式、袖珍式、手持式、计算机内置的或者车载的移动装置，它们能够向用户提供语音、数据或语音和数据连通性的设备，以及与无线接入网交换语音、数据或语音和数据。
终端设备10与反向代理服务器20通过多种通信方式进行数据通信。这里可允许终端设备10通过局域网(LAN)、无线局域网(WLAN)和其他网络进行通信连接。
反向代理服务器20与前端微服务30进行通信，并在接收到终端设备10发送的数据请求后，根据数据请求中包含的路径地址信息，将数据请求发送到与路径地址信息对应的前端微服务30中，并接收前端微服务30返回的界面内容数据，之后将界面内容数据转发给终端设备10，以是终端设备10在主界面的iframe中显示界面内容数据确定的界面。
图2中示例性示出了终端设备10的硬件配置框图。如图2所示，终端设备200中可以包括调谐解调器210、通信器220、检测器230、外部装置接口240、控制器250、存储器260、用户接口265、视频处理器270、显示器275、音频处理器280、音频输出接口285、供电电源290。
调谐解调器210，通过有线或无线方式接收信号，可以进行放大、混频和谐振等调制解调处理，用于从多个无线或有线信号中解调出用户所观看的视频中所携带的音视频信号。
调谐解调器210，根据信号的广播制式不同，可以接收信号的途径有很多种，诸如：地面广播、有线广播、卫星广播或互联网广播等；以及根据调制类型不同，可以数字调制方式或模拟调制方式；以及根据接收信号的种类不同，可以解调模拟信号和数字信号。
通信器220，是用于根据各种通信协议类型与外部设备或外部服务器进行通信的组件。例如终端设备200将视频数据发送至经由通信器220连接的外部设备，或者，从经由通信器220连接的外部设备浏览和下载视频数据。通信器220可以包括WIFI模块221、蓝牙通信协议模块222、有线以太网通信协议模块223等网络通信协议模块或近场通信协议模块，从而通信器220可根据控制器250的控制接收控制装置100的控制信号，并将控制信号实现为WIFI信号、蓝牙信号、射频信号等。
检测器230，是终端设备200用于采集外部环境或与外部交互的信号的组件。检测器230可以包括声音采集器231，如麦克风，可以用于接收用户的声音，如用户控制终端设备200的控制指令的语音信号；或者，可以采集用于识别环境场景类型的环境声音，实现终端设备200可以自适应环境噪声。
在其他一些示例性实施例中，检测器230，还可以包括图像采集器232，如相机、摄像头等，可以用于采集外部环境场景；以及用于采集用户拍摄的视频。
在其他一些示例性实施例中，检测器230，还可以包括光接收器，用于采集环境光线强度，以自适应终端设备200的显示参数变化等。
在其他一些示例性实施例中，检测器230，还可以包括温度传感器，如通过感测环境温度，终端设备200可自适应调整图像的显示色温。示例性的，当温度偏高的环境时，可调整终端设备200显示图像色温偏冷色调；当温度偏低的环境时，可以调整终端设备200显示图像色温偏暖色调。
外部装置接口240，是提供控制器250控制终端设备200与外部设备间数据传输的组件。外部装置接口240可按照有线/无线方式与诸如机顶盒、游戏装置、笔记本电脑等外部设备连接，可接收外部设备的诸如视频信号(例如运动图像)、音频信号(例如音乐)等数据。
其中，外部装置接口240可以包括：高清多媒体接口(HDMI)端子241、复合视频消隐同步(CVBS)端子242、模拟或数字分量端子243、通用串行总线(USB)端子244、组件(Component)端子(图中未示出)、红绿蓝(RGB)端子(图中未示出)等任一个或多个。
控制器250，通过运行存储在存储器260上的各种软件控制程序(如操作系统和各种应用程序)，来控制终端设备200的工作和响应用户的操作。
如图2所示，控制器250包括随机存取存储器(RAM)251、只读存储器(ROM)252、图形处理器253、CPU处理器254、通信接口255、以及通信总线256。其中，RAM251、ROM252以及图形处理器253、CPU处理器254通信接口255通过通信总线256相连接。
ROM252，用于存储各种系统启动指令。如在接收到开机信号时，终端设备200电源开始启动，CPU处理器254运行ROM252中的系统启动指令，将存储在存储器260的操作系统拷贝至RAM251中，以开始运行启动操作系统。当操作系统启动完成后，CPU处理器254再将存储器260中各种应用程序拷贝至RAM251中，然后，开始运行启动各种应用程序。
图形处理器253，用于产生各种图形对象，如图标、操作菜单、以及用户输入指令显示图形等。图形处理器253可以包括运算器，用于通过接收用户输入各种交互指令进行运算，进而根据显示属性显示各种对象；以及包括渲染器，用于产生基于运算器得到的各种对象，将进行渲染的结果显示在显示器275上。
CPU处理器254，用于执行存储在存储器260中的操作系统和应用程序指令。以及根据接收的用户输入指令，来执行各种应用程序、数据和内容的处理，以便最终显示和播放各种音视频内容。
在一些示例性实施例中，CPU处理器254，可以包括多个处理器。多个处理器可包括一个主处理器以及多个或一个子处理器。主处理器，用于在显示设备预加载模式中执行终端设备200的一些初始化操作，和/或，在正常模式下显示图像的操作。多个或一个子处理器，用于执行在显示设备待机模式等状态下的一种操作。
通信接口255，可包括第一接口到第n接口。这些接口可以是经由网络被连接到外部设备的网络接口。
控制器250可以控制终端设备200的整体操作。例如：响应于接收到用于选择在显示器275上显示的GUI对象的用户输入命令，控制器250便可以执行与由用户输入命令选择的对象有关的操作。
其中，该对象可以是可选对象中的任何一个，例如超链接或图标。该与所选择的对象有关的操作，例如显示连接到超链接界面、文档、图像等操作，或者执行与对象相对应的程序的操作。该用于选择GUI对象的用户输入命令，可以是通过连接到终端设备200的各种输入装置(例如，鼠标、键盘、触摸板等)输入命令或者与由用户说出语音相对应的语音命令。
存储器260，用于存储驱动和控制终端设备200运行的各种类型的数据、软件程序或应用程序。存储器260可以包括易失性和/或非易失性存储器。而术语“存储器”包括存储器260、控制器250的RAM251和ROM252、或终端设备200中的存储卡。
在一些实施例中，存储器260具体用于存储驱动终端设备200中控制器250的运行程序；存储终端设备200内置的和用户从外部设备下载的各种应用程序；存储用于配置由显示器275提供的各种GUI、与GUI相关的各种对象及用于选择GUI对象的选择器的视觉效果图像等数据。
在一些实施例中，存储器260具体用于存储调谐解调器210、通信器220、检测器230、外部装置接口240、视频处理器270、显示器275、音频处理器280等的驱动程序和相关数据，例如从外部装置接口接收的外部数据(例如音视频数据)或用户接口接收的用户数据(例如按键信息、语音信息、触摸信息等)。在一些实施例中，存储器260具体存储用于表示操作系统(OS)的软件和/或程序，这些软件和/或程序可包括，例如：内核、中间件、应用编程接口(API)和/或应用程序。示例性的，内核可控制或管理系统资源，以及其它程序所实施的功能(如中间件、API或应用程序)；同时，内核可以提供接口，以允许中间件、API或应用程序访问控制器，以实现控制或管理系统资源。
下面参考附图来描述本申请示例性实施方式提供的画面显示的方法，需要注意的是，上述应用场景仅是为了便于理解本申请的精神和原理而示出，本申请的实施方式在此方面不受任何限制。
图3示例性示出了本申请实施例的一种基于拆分部署的前端微服务进行界面显示的系统结构，该系统中包括：主界面iframe30、反向代理服务器31、前端微服务注册中心32、前端微服务33，其中：
主界面iframe30，用于响应用户触发的界面访问请求，并向反向代理服务器31发送用于获取界面访问请求对应的界面内容数据的数据请求，数据请求中包含界面访问请求对应的访问路径。
其中，界面访问请求中的访问路径是主界面iframe30通过预先配置的目标访问路径确定的。
在一种可能的实现方式中，根据预先配置的目标访问路径确定数据请求中的访问路径时：确定界面访问请求中是否包含有预先配置的目标访问路径中的目标信息；若包含有目标信息，则确定访问路径为预先配置的目标访问路径，否则确定访问路径为默认访问路径。
在本申请中，以将原来产品项目2.0版本的界面添加到产品项目3.0版本的菜单中，以访问产品项目2.0版本为目标访问路径，访问产品项目3.0版本为默认访问路径进行举例。
因此，在产品项目2.0版本的路径起始位置添加用于指示产品项目2.0版本的标识信息，以通过产品项目3.0版本的菜单来直接访问产品项目2.0版本的内容。比如，在原来产品项目2.0版本的路径起始位置加上/V2/，这样才可以通过3.0的菜单来直接方位2.0的内容。
如图4所示，为本申请实施例提供的配置目标访问路径的示意图。从图4中可知：目标访问路径配置为“？view-in-iframe＝/V2/standard/baseConfiguration”。其中“view-in-iframe”为目标信息，“/V2/standard/baseConfiguration”为产品项目2.0版本的访问路径。
假设，用户请求访问产品项目2.0版本的界面，用户在显示界面上点击产品项目2.0版本对应的访问路径的控制按键，主界面iframe在接收到用户触发的界面访问请求，并确定界面访问请求中是否包含有“view-in-iframe”参数，若包含有“view-in-iframe”参数，则iframe将界面访问请求解析成“<iframe src＝"/V2/standard/baseConfiguration"style＝"..."></iframe>”，此时iframe中填充的是/V2/standard/baseConfiguration的内容，因此确定界面访问请求对应的访问路径为/V2/standard/baseConfiguration，并请求/V2/standard/baseConfiguration的数据流。因此，主界面iframe30向反向代理服务器发送的数据请求中包含有“/V2/standard/baseConfiguration”。否则，确定访问路径为默认访问路径，默认访问路径为“/standard/index”，则向反向代理服务器发送的数据请求中包含有/standard/index”。
反向代理服务器31，用于接收主界面iframe发送的数据请求，获取数据请求中的界面访问请求对应的访问路径，其中数据请求用于获取界面访问请求对应的界面内容数据；
并根据对应存储有访问路径和前端微服务标识信息的配置文件，确定访问路径对应的前端微服务标识信息，其中存储的配置文件是根据前端微服务注册中心的注册信息进行同步配置或更新的；
将数据请求转发给地址信息对应的前端微服务，并将前端微服务返回的界面内容数据转发给主界面iframe，以在主界面iframe中呈现界面内容数据对应的界面。
在一种可能的实现方式中，当反向代理服务器31接收到前端微服务注册中心发送的注册信息后，执行重启过程，以使更新的配置文件生效，其中注册信息包括访问路径和前端微服务标识信息，前端微服务标识信息包括前端微服务名称和前端微服务地址信息，地址信息包括IP地址和端口。
需要说明的是，在本申请中，反向代理服务器的主要作用是根据配置文件来进行反向代理和路由，反向代理服务器可以使用Nginx、Traefix、Haproxy或者自己来实现也可以。
如下，为本申请实施例提供的一种配置文件示例：
对产品项目2.0版本转发的配置：
location^～/V2/{
proxy_pass http://hi-brain-fe2:6789；
proxy_set_header Host$host；
proxy_set_header X-Real-IP$remote_addr；
proxy_set_header X-Forwarded-For$proxy_add_x_forwarded_for；
proxy_cookie_path//；
}
对产品项目3.0版本转发的配置：
location^～/{
proxy_pass http://hi-brain-fe:9011；
proxy_set_header Host$host；
proxy_set_header X-Real-IP$remote_addr；
proxy_set_header X-Forwarded-For$proxy_add_x_forwarded_for；
proxy_cookie_path//；
}
其中，location^～/V2/：表示拦截以/V2/开头路径，并进行转发；
proxy_pass：表示转发到具体前端微服务的URL(IP地址+端口号)；
proxy_set_header：表示反向代理转发时，需要处理的HTTP的Header，目的是将反向代理工具接收到的用户信息传递到真实的前端微服务中；
proxy_cookie_path：表示用户改变cookie的路径，保证cookie不丢失。
前端微服务注册中心32，用于接收针对前端微服务的注册信息，并将该注册信息同步到反向代理服务器31中，以使反向代理服务器31根据注册信息配置或更新对应存储有访问路径和前端微服务标识信息的配置文件。
其中，注册信息可以是前端微服务在启动时自动注册的，也可以是开发者手动注册的。
自动注册：前端微服务在启动时，会自动的将自身的名称、IP地址和端口号等注册信息通过前端微服务注册中心对外暴露的http接口进行注册；
手动注册：对于一些遗留的系统界面，或者未自动注册的前端微服务，需要通过手动方式来注册到前端微服务注册中心，填写服务名称、IP地址和端口，然后提交后到前端微服务注册中心32。
在本申请中，前端微服务注册中心32注册信息后，先对注册信息进行检查，确认前端微服务提供的IP地址和端口可以访问后，将对应的注册信息同步到反向代理服务的配置文件中。
如图5所示，为本申请实施例提供的一种基于拆分部署的前端微服务进行界面显示的示意图。
从图5中可知用户点击不同的按钮菜单时，iframe解析成的内容不同。
当iframe解析成<iframe src＝"/V2/standard/baseConfiguration"style＝"..."></iframe>，此时iframe中填充的就是/V2/standard/baseConfiguration的内容。iframe会去请求/V2/standard/baseConfiguration的数据流，请求回先到达反向代理服务器，然后反向代理服务器根据当前的配置文件，具体配置文件可参见上述内容，以/V2/开头的路径的请求会经过反向代理服务器转发到http://hi-brain-fe2:6789的前端微服务上，前端微服务接受到请求后，会将自己的/V2/standard/baseConfiguration界面内容数据返回给反向代理服务器，反向代理服务器将界面内容数据返回到界面中的iframe中。此时iframe中的内容来源地址就会变成了http://hi-brain-fe2:6789/V2/standard/baseConfiguration。
当iframe解析成<iframe src＝"/standard/index"style＝"..."></iframe>，此时iframe中填充的就是/standard/index的内容。iframe会去请求/standard/index的数据流，请求回先到达反向代理服务器，然后反向代理服务器根据当前的配置文件，具体配置文件可参见上述内容，经过反向代理服务器转发到http://hi-brain-fe2:9011的前端微服务上，前端微服务接受到请求后，会将自己的/standard/index界面内容数据返回给反向代理服务器，反向代理服务器将界面内容数据返回到界面中的iframe中。
在iframe中向用户呈现界面访问请求对应的界面。
如图6所示，为本申请实施例提供的一种基于拆分部署的前端微服务进行界面显示的整体方法流程图，包括如下步骤：
步骤600，主界面iframe响应用户触发的界面访问请求，确定界面访问请求对应的访问路径；
步骤601，主界面iframe向反向代理服务器发送获取界面内容数据的数据请求，数据请求中携带有访问路径；
步骤602，反向代理服务器根据对应存储有访问路径和前端微服务标识信息的配置文件，确定访问路径对应的前端微服务地址信息；
步骤603，反向代理服务器根据前端微服务地址信息向对应的前端微服务转发数据请求；
步骤604，前端微服务在接收到反向代理服务器转发的数据请求后，确定数据请求对应的界面内容数据；
步骤605，前端微服务将界面内容数据返回给反向代理服务器；
步骤606，反向代理服务器将界面内容数据转发给主界面iframe；
步骤607，主界面iframe根据界面内容数据向用户呈现界面。
图7示例性示出了本申请实施例的一种基于拆分部署的前端微服务进行界面显示的方法，前端微服务是基于反向代理服务器和iframe标签实现拆分部署的，该方法包括如下步骤：
步骤700，响应用户触发的界面访问请求，向反向代理服务器发送数据请求，以获取界面访问请求对应的界面内容数据，其中数据请求中包含界面访问请求对应的访问路径；
步骤701，接收由反向代理服务器转发的界面内容数据，并将界面内容数据对应的界面显示在主界面iframe中，其中界面内容数据是反向代理服务器根据访问路径从对应的前端微服务中获取的。
在一种可能的实现方式中，数据请求中的访问路径是根据预先配置的目标访问路径确定的；
根据预先配置的目标访问路径确定数据请求中的访问路径，包括：
确定界面访问请求中是否包含有预先配置的目标访问路径中的目标信息；
若包含有目标信息，则确定访问路径为预先配置的目标访问路径，否则确定访问路径为默认访问路径。
图8示例性示出了本申请实施例的一种基于拆分部署的前端微服务进行界面显示的方法，前端微服务是基于反向代理服务器和iframe标签实现拆分部署的，该方法包括如下步骤：
步骤800，接收主界面iframe发送的数据请求，获取数据请求中包含的界面访问请求对应的访问路径，其中数据请求用于获取界面访问请求对应的界面内容数据；
步骤801，根据对应存储有访问路径和前端微服务标识信息的配置文件，确定访问路径对应的前端微服务标识信息；
步骤802，将数据请求转发给标识信息对应的前端微服务，并将前端微服务返回的界面内容数据转发给主界面iframe，以在主界面iframe中呈现界面内容数据对应的界面。
在一种可能的实现方式中，配置文件根据前端微服务注册中心的注册信息进行同步配置或更新的，其中注册信息包括访问路径和前端微服务标识信息。
在一种可能的实现方式中，前端微服务注册中心通过如下方式获取注册信息：
通过前端微服务启动时，调用前端微服务注册中心的http接口，将注册信息注册到前端微服务注册中心；和/或
通过手动方式将注册信息注册到前端微服务注册中心。
基于同一发明构思，本发明实施例中还提供了一种基于拆分部署的前端微服务进行界面显示的设备，由于该设备对应的是本发明实施例基于拆分部署的前端微服务进行界面显示的方法，并且该设备解决问题的原理与该方法原理相似，因此该设备的实施可以参见方法的实施，重复之处不再赘述。
如图9所示，为本申请实施例提供的一种基于拆分部署的前端微服务进行界面显示的设备，前端微服务是基于反向代理服务器和iframe标签实现拆分部署的，该设备包括：存储器900和处理器901，其中：
存储器900中存储有程序代码，处理器901用于读取存储器900中的程序代码并执行如下步骤：
响应用户触发的界面访问请求，向反向代理服务器发送数据请求，以获取界面访问请求对应的界面内容数据，其中数据请求中包含界面访问请求对应的访问路径；
接收由反向代理服务器转发的界面内容数据，并将界面内容数据对应的界面显示在主界面iframe中，其中界面内容数据是反向代理服务器根据访问路径从对应的前端微服务中获取的。
在一种可能的实现方式中，数据请求中的访问路径是根据预先配置的目标访问路径确定的；
处理器901具体用于：
确定界面访问请求中是否包含有预先配置的目标访问路径中的目标信息；
若包含有目标信息，则确定访问路径为预先配置的目标访问路径，否则确定访问路径为默认访问路径。
如图10为本申请实施例提供的一种基于拆分部署的前端微服务进行界面显示的装置，前端微服务是基于反向代理服务器和iframe标签实现拆分部署的，该装置包括：响应单元1000和显示单元1001，其中：
响应单元1000，用于响应用户触发的界面访问请求，向反向代理服务器发送数据请求，以获取界面访问请求对应的界面内容数据，其中数据请求中包含界面访问请求对应的访问路径；
显示单元1001，用于接收由反向代理服务器转发的界面内容数据，并将界面内容数据对应的界面显示在主界面iframe中，其中界面内容数据是反向代理服务器根据访问路径从对应的前端微服务中获取的。
在一种可能的实现方式中，数据请求中的访问路径是根据预先配置的目标访问路径确定的；
响应单元1000根据预先配置的目标访问路径确定数据请求中的访问路径时：
确定界面访问请求中是否包含有预先配置的目标访问路径中的目标信息；
若包含有目标信息，则确定访问路径为预先配置的目标访问路径，否则确定访问路径为默认访问路径。
基于同一发明构思，本发明实施例中还提供了一种基于拆分部署的前端微服务进行界面显示的设备，由于该设备对应的是本发明实施例基于拆分部署的前端微服务进行界面显示的方法，并且该设备解决问题的原理与该方法原理相似，因此该设备的实施可以参见方法的实施，重复之处不再赘述。
如图11所示为本申请实施例提供的一种基于拆分部署的前端微服务进行界面显示的设备，前端微服务是基于反向代理服务器和iframe标签实现拆分部署的，该设备包括：存储器1100和处理器1101，其中：
存储器1100中存储有程序代码，处理器1101用于读取存储器1100中的程序代码并执行如下步骤：
接收主界面iframe发送的数据请求，获取数据请求中包含的界面访问请求对应的访问路径，其中数据请求用于获取界面访问请求对应的界面内容数据；
根据对应存储有访问路径和前端微服务标识信息的配置文件，确定访问路径对应的前端微服务标识信息；
将数据请求转发给标识信息对应的前端微服务，并将前端微服务返回的界面内容数据转发给主界面iframe，以在主界面iframe中呈现界面内容数据对应的界面。
在一种可能的实现方式中，配置文件根据前端微服务注册中心的注册信息进行同步配置或更新的，其中注册信息包括访问路径和前端微服务标识信息。
在一种可能的实现方式中，前端微服务注册中心通过如下方式获取注册信息：
通过前端微服务启动时，调用前端微服务注册中心的http接口，将注册信息注册到前端微服务注册中心；和/或
通过手动方式将注册信息注册到前端微服务注册中心。
如图12所示为本申请实施例提供的一种基于拆分部署的前端微服务进行界面显示的装置，前端微服务是基于反向代理服务器和iframe标签实现拆分部署的，该装置包括：接收单元1200、确定单元1201以及转发单元1202，其中：
接收单元1200，用于接收主界面iframe发送的数据请求，获取数据请求中包含的界面访问请求对应的访问路径，其中数据请求用于获取界面访问请求对应的界面内容数据；
确定单元1201，用于根据对应存储有访问路径和前端微服务标识信息的配置文件，确定访问路径对应的前端微服务标识信息；
转发单元1202，用于将数据请求转发给标识信息对应的前端微服务，并将前端微服务返回的界面内容数据转发给主界面iframe，以在主界面iframe中呈现界面内容数据对应的界面。
在一种可能的实现方式中，配置文件根据前端微服务注册中心的注册信息进行同步配置或更新的，其中注册信息包括访问路径和前端微服务标识信息。
在一种可能的实现方式中，前端微服务注册中心通过如下方式获取注册信息：
通过前端微服务启动时，调用前端微服务注册中心的http接口，将注册信息注册到前端微服务注册中心；和/或
通过手动方式将注册信息注册到前端微服务注册中心。
在一种可能的实现方式中，本申请实施例还提供一种计算机可存储介质，其上存储有计算机程序，该程序被处理器执行时实现本申请实施例的基于拆分部署的前端微服务进行界面显示的方法步骤。
在一种可能的实施方式中，本申请提供的业务功能扩展的方法的各个方面还可以实现为一种程序产品的形式，其包括程序代码，当程序产品在计算机设备上运行时，程序代码用于使计算机设备执行本说明书上述描述的根据本申请各种示例性实施方式的基于拆分部署的前端微服务进行界面显示的方法中的步骤。
程序产品可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以是但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。
本领域内的技术人员应明白，本申请的实施例可提供为方法、系统、或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本申请是参照根据本申请的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
显然，本领域的技术人员可以对本申请进行各种改动和变型而不脱离本申请的精神和范围。这样，倘若本申请的这些修改和变型属于本申请权利要求及其等同技术的范围之内，则本申请也意图包含这些改动和变型在内。

Claims (10)

1.一种基于拆分部署的前端微服务进行界面显示的方法，其特征在于，所述前端微服务是基于反向代理服务器和iframe标签实现拆分部署的，该方法包括：
通过主界面iframe，响应用户针对显示界面中目标产品版本对应的访问路径的控制按键触发的界面访问请求，解析所述界面访问请求，获得相应的访问路径，向反向代理服务器发送包含所述访问路径的数据请求，以获取界面访问请求对应的界面内容数据；
接收由所述反向代理服务器转发的界面内容数据，并将所述界面内容数据对应的界面显示在主界面iframe中，其中所述界面内容数据是所述反向代理服务器根据所述访问路径从对应的前端微服务中获取的。
2.如权利要求1所述的方法，其特征在于，所述数据请求中的访问路径是根据预先配置的目标访问路径确定的；
根据预先配置的目标访问路径确定所述数据请求中的访问路径，包括：
确定所述界面访问请求中是否包含有所述预先配置的目标访问路径中的目标信息；
若包含有所述目标信息，则确定所述访问路径为所述预先配置的目标访问路径，否则确定所述访问路径为默认访问路径。
3.一种基于拆分部署的前端微服务进行界面显示的方法，其特征在于，所述前端微服务是基于反向代理服务器和iframe标签实现拆分部署的，该方法包括：
接收主界面iframe发送的数据请求，获取所述数据请求中包含的界面访问请求对应的访问路径，其中，所述访问路径是所述主界面iframe响应用户针对显示界面中目标产品版本对应的访问路径的控制按键触发的界面访问请求后，针对所述界面访问请求进行解析获得的，所述数据请求用于获取所述界面访问请求对应的界面内容数据；
根据对应存储有访问路径和前端微服务标识信息的配置文件，确定所述访问路径对应的前端微服务标识信息；
将所述数据请求转发给所述标识信息对应的前端微服务，并将所述前端微服务返回的界面内容数据转发给所述主界面iframe，以在所述主界面iframe中呈现所述界面内容数据对应的界面。
4.如权利要求3所述的方法，其特征在于，所述配置文件根据前端微服务注册中心的注册信息进行同步配置或更新的，其中所述注册信息包括访问路径和前端微服务标识信息。
5.如权利要求4所述的方法，其特征在于，所述前端微服务注册中心通过如下方式获取所述注册信息：
前端微服务启动时，通过调用所述前端微服务注册中心的http接口，将所述注册信息注册到所述前端微服务注册中心；和/或
手动方式将所述注册信息注册到所述前端微服务注册中心。
6.一种基于拆分部署的前端微服务进行界面显示的设备，所述前端微服务是基于反向代理服务器和iframe标签实现拆分部署的，其特征在于，该设备包括：存储器和处理器，其中：
所述存储器中存储有程序代码，所述处理器用于读取所述存储器中的程序代码并执行如下步骤：
通过主界面iframe，响应用户针对显示界面中目标产品版本对应的访问路径的控制按键触发的界面访问请求，解析所述界面访问请求，获得相应的访问路径，向反向代理服务器发送包含所述访问路径的数据请求，以获取界面访问请求对应的界面内容数据；
接收由所述反向代理服务器转发的界面内容数据，并将所述界面内容数据对应的界面显示在主界面iframe中，其中所述界面内容数据是所述反向代理服务器根据所述访问路径从对应的前端微服务中获取的。
7.如权利要求6所述的设备，其特征在于，所述数据请求中的访问路径是根据预先配置的目标访问路径确定的；
所述处理器具体用于：
确定所述界面访问请求中是否包含有所述预先配置的目标访问路径中的目标信息；
若包含有所述目标信息，则确定所述访问路径为所述预先配置的目标访问路径，否则确定所述访问路径为默认访问路径。
8.一种基于拆分部署的前端微服务进行界面显示的设备，所述前端微服务是基于反向代理服务器和iframe标签实现拆分部署的，其特征在于，该设备包括：存储器和处理器，其中：
所述存储器中存储有程序代码，所述处理器用于读取所述存储器中的程序代码并执行如下步骤：
接收主界面iframe发送的数据请求，获取所述数据请求中包含的界面访问请求对应的访问路径，其中，所述访问路径是所述主界面iframe响应用户针对显示界面中目标产品版本对应的访问路径的控制按键触发的界面访问请求后，针对所述界面访问请求进行解析获得的，所述数据请求用于获取所述界面访问请求对应的界面内容数据；
根据对应存储有访问路径和前端微服务标识信息的配置文件，确定所述访问路径对应的前端微服务标识信息；
将所述数据请求转发给所述标识信息对应的前端微服务，并将所述前端微服务返回的界面内容数据转发给所述主界面iframe，以在所述主界面iframe中呈现所述界面内容数据对应的界面。
9.如权利要求8所述的设备，其特征在于，所述配置文件根据前端微服务注册中心的注册信息进行同步配置或更新的，其中所述注册信息包括访问路径和前端微服务标识信息；
所述前端微服务注册中心通过如下方式获取所述注册信息：
通过前端微服务启动时，调用所述前端微服务注册中心的http接口，将所述注册信息注册到所述前端微服务注册中心；和/或
通过手动方式将所述注册信息注册到所述前端微服务注册中心。
10.一种计算机可读介质，其特征在于，其存储有可由计算设备执行的计算机程序，当所述程序在计算设备上运行时，使得所述计算设备执行权利要求1~2或者3~5任一所述方法的步骤。
CN202011062433.1A 2020-09-30 2020-09-30 基于拆分部署的前端微服务进行界面显示的方法及设备 Active CN112217671B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202011062433.1A CN112217671B (zh) 2020-09-30 2020-09-30 基于拆分部署的前端微服务进行界面显示的方法及设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202011062433.1A CN112217671B (zh) 2020-09-30 2020-09-30 基于拆分部署的前端微服务进行界面显示的方法及设备

Publications (2)

Publication Number Publication Date
CN112217671A CN112217671A (zh) 2021-01-12
CN112217671B true CN112217671B (zh) 2022-12-27

Family

ID=74051671

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202011062433.1A Active CN112217671B (zh) 2020-09-30 2020-09-30 基于拆分部署的前端微服务进行界面显示的方法及设备

Country Status (1)

Country Link
CN (1) CN112217671B (zh)

Families Citing this family (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US11778045B2 (en) 2021-07-12 2023-10-03 Red Hat, Inc. Communication system for micro-frontends of a web application
CN113760311B (zh) * 2021-08-25 2024-08-02 浪潮通用软件有限公司 一种微服务部署方法、设备及介质
CN113992748A (zh) * 2021-09-18 2022-01-28 上海泛宥信息科技有限公司 反向代理方法、系统、介质及终端
US12067429B2 (en) 2022-03-18 2024-08-20 Red Hat, Inc. Synchronizing variable values between an application shell and micro-frontends of a web application
CN114666388B (zh) * 2022-03-28 2023-07-11 浪潮通用软件有限公司 一种面向组织业务的微服务开发方法、装置及存储介质
CN115209574A (zh) * 2022-06-30 2022-10-18 珠海云洲智能科技股份有限公司 一种数据交互方法、数据交互系统、通信设备及存储介质

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103605527A (zh) * 2013-12-06 2014-02-26 普元信息技术股份有限公司 实现云计算应用间界面集成和统一样式展现的系统及方法
CN109460529A (zh) * 2018-10-15 2019-03-12 杭州安恒信息技术股份有限公司 一种基于iframe的前端微服务模块通信方法
CN109542538A (zh) * 2018-11-22 2019-03-29 郑州云海信息技术有限公司 一种子系统管理方法和系统
CN111666585A (zh) * 2020-04-16 2020-09-15 北京百度网讯科技有限公司 子应用访问的方法、装置、电子设备以及可读存储介质

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101790714A (zh) * 2007-07-29 2010-07-28 帕姆公司 万维网应用程序的应用程序管理框架
US10785334B2 (en) * 2015-06-03 2020-09-22 Telefonaktiebolaget Lm Ericsson (Publ) Implanted agent within a first service container for enabling a reverse proxy on a second container
CN107948329A (zh) * 2018-01-03 2018-04-20 湖南麓山云数据科技服务有限公司 一种跨域处理方法及系统
US20200110792A1 (en) * 2018-10-04 2020-04-09 Binyamin Tsabba Customized customer relationship management platform method and devices
CN111274001B (zh) * 2020-02-13 2024-01-16 广东省工业边缘智能创新中心有限公司 微服务管理平台

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103605527A (zh) * 2013-12-06 2014-02-26 普元信息技术股份有限公司 实现云计算应用间界面集成和统一样式展现的系统及方法
CN109460529A (zh) * 2018-10-15 2019-03-12 杭州安恒信息技术股份有限公司 一种基于iframe的前端微服务模块通信方法
CN109542538A (zh) * 2018-11-22 2019-03-29 郑州云海信息技术有限公司 一种子系统管理方法和系统
CN111666585A (zh) * 2020-04-16 2020-09-15 北京百度网讯科技有限公司 子应用访问的方法、装置、电子设备以及可读存储介质

Also Published As

Publication number Publication date
CN112217671A (zh) 2021-01-12

Similar Documents

Publication Publication Date Title
CN112217671B (zh) 基于拆分部署的前端微服务进行界面显示的方法及设备
CN111198730B (zh) 子应用程序启动的方法、装置、终端及计算机存储介质
US20230308504A9 (en) Method and system of application development for multiple device client platforms
CN110675872B (zh) 基于多系统显示设备的语音交互方法及多系统显示设备
US20210173681A1 (en) Method and device for displaying interface, electronic equipment, server, and storage medium
Espada et al. Extensible architecture for context-aware mobile web applications
CN111897478A (zh) 一种页面显示方法及显示设备
CN110297624B (zh) 基于electron框架的Widget系统的实现方法及采用该系统的电视机
CN111026490A (zh) 页面渲染方法、装置、电子设备及存储介质
CN112445545B (zh) 一种网页应用的启动方法及显示设备
US11200294B2 (en) Page updating method and display device
CN111324411B (zh) 显示设备中用户界面的升级方法及显示设备
CN111949358A (zh) 动态显示的方法、装置、可读介质和电子设备
CN109857972B (zh) 一种页面更新方法及显示设备
CN105025320B (zh) 一种混合构架的可运营桌面系统及其实现方法
CN111246299A (zh) 通信终端以及应用管理方法
CN109905753B (zh) 角标的显示方法和装置、存储介质、电子装置
CN111046265B (zh) 卡片数据显示方法、装置、设备及存储介质
CN106383705B (zh) 在应用瘦客户端中设置鼠标显示状态的方法及装置
CN112269668A (zh) 一种应用资源共享及显示设备
CN111479144A (zh) 显示设备及应用交互方法
CN111405367A (zh) 基于多网络切换场景系统部件网络共享的方法及显示设备
CN112911359B (zh) 一种资源显示方法、显示设备及遥控器
CN112487322B (zh) 一种第三方应用Loading页面的加载方法及显示设备
CN114500731A (zh) 一种广告显示方法及电子设备

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant