CN114416169B 基于微前端的数据处理方法、介质、装置和计算设备 （网易（杭州）网络有限公司）

本公开的实施方式提供了一种基于微前端静态资源，响应于目标业务服务页面的请求操则根据数据请求消息携带的目标服务标记以及2应用平台接收前端应用的开发者通过上传工具上传的所述前端应用对应的版本文件，所述应用平台根据所述版本文件，生成对应版本号的资源包，并将所述资源所述应用平台存储各版本所述资源包对应的信息，若前端应用当前版本的资2.根据权利要求1所述的基于微前端的数据处理方法，所述资源包包括至少一个前端所述应用平台获取所述资源包中包含的各前端静态资源对应的所述应用平台存储所述访问地址与所述版本号的对应3.根据权利要求1所述的基于微前端的数据处理方法，所述应用平台接收前端应用的所述应用平台对所述开发者在所述上传工具中配置的密钥进行鉴权，者是否有权限通过所述上传工具上传前端应用对应所述应用平台接收后端服务对应的后端服务配置，所述后端服务配所述客户端响应于目标业务服务页面的请求操作，基于微前所述客户端接收所述主应用网关发送的所述数据请求消息对所述客户端通过微前端沙箱技术将前端应用的全局对象替换为代理模块的全局对象，所述客户端基于所述代理模块的全局对象，在所述目标业务服务页面3所述客户端接收所述主应用网关发送的提示信息，所述提示信息用于主应用网关接收客户端发送的数据请求消息，所述数据请求所述主应用网关根据所述来源标记、所述用户信息和所述数据请若确定所述客户端有权限访问所述请求地址，则所述主应用所述主应用网关将所述目标后端服务发送的所述数据请求消息对应9.根据权利要求8所述的基于微前端的数据处理方法，所述主应用网关根据所述来源所述主应用网关根据所述来源标记、所述用户信息和所述数据请若所述应用平台中存在与所述来源标记、所述用户信息和所或者，若所述应用平台中不存在与所述来源标记若确定所述客户端没有权限访问所述请求地址，则所述主应用所述主应用网关根据所述目标服务标记查询所述后端服务配置，确所述主应用网关确定所述至少两个后端服务中访问量较小的后端服务为目标后端服所述主应用网关将所述数据请求消息发送给所述所述主应用网关根据所述用户信息和预设加密算法，获取所4所述主应用网关所述根据所述目标服务标记以及所述后端服务配置所述主应用网关在所述数据请求消息中添加所述所述主应用网关根据所述目标服务标记以及所述后端服务配接收模块，用于应用平台接收前端应用的开发者通过上传工具上存储模块，用于所述应用平台存储各版本所述资源包对应的信14.根据权利要求13所述的基于微前端的数据处理装置，所述资源包包括至少一个前所述应用平台获取所述资源包中包含的各前端静态资源对应的所述应用平台存储所述访问地址与所述版本号的对应接收模块接收前端应用的开发者通过上传工具上传的所述前端应用对应的版本文件之前，否有权限通过所述上传工具上传前端应用对应的版16.根据权利要求13至15中任一项所述的基于微前端的数据处理装置，所述接收模块所述应用平台接收后端服务对应的后端服务配置，所述后端服务配获取模块，用于客户端响应于前端应用的打开操作，从所述应发送模块，用于所述客户端响应于目标业务服务页面5接收模块，用于所述客户端接收所述主应用网关发送的所述数据所述客户端通过微前端沙箱技术将前端应用的全局对象替换为代理模块的全局对象，所述客户端基于所述代理模块的全局对象，在所述目标业务服务页面所述客户端接收所述主应用网关发送的提示信息，所述提示信息用于述目标服务标记用于表征所述数据请求消息对应所述的基于微前端的数据处理装置，还包括鉴定模块，用于所述所述发送模块，还用于若确定所述客户端有权限访问所述请所述主应用网关根据所述来源标记、所述用户信息和所述数据请若所述应用平台中存在与所述来源标记、所述用户信息和所或者，若所述应用平台中不存在与所述来源标记若确定所述客户端没有权限访问所述请求地址，则所述主应用23.根据权利要求20所述的基于微前端的数据处理装置，所述目标服务标记对应至少所述主应用网关根据所述目标服务标记查询所述后端服务配置，确6所述主应用网关确定所述至少两个后端服务中访问量较小的后端服务为目标后端服所述主应用网关将所述数据请求消息发送给所述24.根据权利要求20至22中任一项所述的基于微前端的数据处理装置，还包括获取模所述主应用网关在所述数据请求消息中添加所述所述主应用网关根据所述目标服务标记以及所述后端服务配所述处理器执行所述存储器存储的计算机执行指令，以实现如权利要求1至12中任一7[0004]目前，在微前端技术下，通常使用Nginx作为代理，通过统一资源定位(Uniform[0009]若确定客户端有权限访问请求地址，则根据目标服务标记以及预设后端服务配89序被处理器执行时实现如本公开第一方面所述的基于序被处理器执行时实现如本公开第二方面所述的基于序被处理器执行时实现如本公开第三方面所述的基于[0051]通过参考附图阅读下文的详细描述，本公开示例性实施方式的上述以及其他目用进行版本管理、服务器网际互连协议(InternetProtocol，IP)配置的中心化平台；(HyperTextTransferProtocol，HTTP)和反向代理万维网(WorldWideWeb，Web)服务器；可扩展超文本传输请求(ExtensibleMarkupLanguageHyperTextTransfer端服务或其他的前端服务，以获得对应的服务信息。由于Nginx缺乏业务上的统一管理能服务和后端服务往往需要先通过人工口头约定的方式约定好Nginx配置，同时需要人工确[0078]图3为本公开一实施例提供的基于微前端的数据处理方法的信令交互示意图。如发者是否有权限通过上传工具上传前端应用对应的版[0082]示例性地，在前端应用的开发者通过上传工具上传前端应用对应的版本文件之文件中包含用于生成相应版本号的资源包的构建打包脚本以及用于将相应版本号的资源所在的两台服务器支持N个前端应用的部署，使得原本针对每个前端应用所进行的应用级监控能力。XMLHTTPRequest是前端发起HTTP请求的方法，微前端沙箱技术可以代理[0104]示例性地，假设目标服务标记对应的两个后端服务分别为后端服务a和后端服务务a和后端服务b；若后端服务a和后端服务b中后端服务a的访问量小于后端服务b的访问[0113]图5为本公开一实施例提供的基于微前端的数据处理方法的流程图。在上述实施例的基础上，本公开实施例对主应用网关如何基于微前端进行数据处理进行进一步说明。[0116]该步骤的具体描述可以参见图3所示实施例中S306步骤的相关描述，此处不再赘[0129]该步骤的具体描述可以参见图3所示实施例中S309步骤中的相关描述，此处不再[0131]该步骤的具体描述可以参见图3所示实施例中S307步骤中的相关描述，此处不再息的数据请求消息发送给目标后端服务，不需要各后端服务重复开发登录和权限控制功[0137]图6为本公开另一实施例提供的基于微前端的数据处理方法的流程图。在上述实[0139]该步骤的具体描述可以参见图3所示实施例中S304步骤中的相关描述，此处不再[0141]该步骤的具体描述可以参见图3所示实施例中S305步骤中的相关描述，此处不再务页面的请求操作对应的初始请求消息(即当前要发出的数据请求消息)中添加来源标记发送一个数据请求消息，数据请求消息对应的请求地址即为该前端应用1的接口“/api/[0149]该步骤的具体描述可以参见图3所示实施例中S306步骤中的相关描述，此处不再[0151]该步骤的具体描述可以参见图3所示实施例中S309步骤的相关描述，此处不再赘[0153]该步骤的具体描述可以参见图3所示实施例中S310步骤的相关描述，此处不再赘术，在目标业务服务页面的请求操作对应的初始请求消息中添加来源标记和目标服务标[0157]图7为本公开一实施例提供的基于微前端的数据处理装置的结构示意图，应用于和数据请求消息对应的请求地址完全匹配的数据信息，则确定客户端有权限访问请求地提示信息给客户端，提示信息用于表征客户端没有权限访问数据请求消息对应的请求地[0166]图8为本公开另一实施例提供的基于微前端的数据处理装置的结构示意图，应用施例中应用于客户端的基于微前端的数据处理方法的方案，其实现原理和技术效果类似，[0175]图9为本公开又一实施例提供的基于微前端的数据处理装置的结构示意图，应用[0176]接收模块901，用于接收前端应用的开发者通过上传工具上传的前端应用对应的[0179]在一些实施例中，资源包包括至少一个前端静态资源，存储模块903可以具体用后端服务配置用于表征服务标记和后端服务的对应关系；存储模块903还可以用于存储后施例中应用于应用平台的基于微前端的数据处理方法的方案，其实现原理和技术效果类[0188]可以以一种或多种程序设计语言的任意组合来编写用于执行本公开公开操作的[0192]图11为本公开一实施例提供的计算设备的结构示意图，如图11所示，计算设备[0194]存储单元1102可以包括易失性存储器形式的可读介质，例如随机存取存储器(RAM)11021和/或高速缓存存储器11022，可以进一步包括非易失性存储器形式的可读介[0195]存储单元1102还可以包括具有一组(至少一个)程序模块11024的程序/实用工具[0196]计算设备1100也可以与一个或多个外部设备1104(