CN115237489A - 页面资源加载方法、装置、电子设备和存储介质 - Google Patents
页面资源加载方法、装置、电子设备和存储介质 Download PDFInfo
- Publication number
- CN115237489A CN115237489A CN202210657746.4A CN202210657746A CN115237489A CN 115237489 A CN115237489 A CN 115237489A CN 202210657746 A CN202210657746 A CN 202210657746A CN 115237489 A CN115237489 A CN 115237489A
- Authority
- CN
- China
- Prior art keywords
- preset
- address
- page
- resource
- target
- 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.)
- Pending
Links
Images
Classifications
-
- 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/445—Program loading or initiating
- G06F9/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
-
- 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
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- 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/445—Program loading or initiating
- G06F9/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
- G06F9/44526—Plug-ins; Add-ons
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- Human Computer Interaction (AREA)
- Stored Programmes (AREA)
Abstract
本公开关于一种页面资源加载方法、装置、设备和存储介质,所述方法包括:基于预设地址处理组件,将预设资源地址替换为预设调用信息,并基于预设资源地址或更新资源地址,对预设调用信息进行地址赋值,得到预设调用信息,在进行页面加载时响应于页面加载指令,基于预设调用信息确定与目标页面对应的目标资源地址。从目标资源地址中获取目标页面的页面资源并进行加载。该方法通过将静态域名信息替换为动态变量信息,并对动态变量信息进行地址赋值,可以实现动态变化的资源地址,从而可以快速切换页面资源对应的资源地址,提高了资源地址切换的效率,以及页面维护的效率,并降低了地址切换时的人工成本。
Description
技术领域
本公开涉及计算机技术领域,尤其涉及页面资源加载方法、装置、电子设备和存储介质。
背景技术
在页面开发流程中,可以通过打包配置文件配置固定的资源地址,在打包完成后,生成引用固定的资源地址的页面资源文件,在页面加载时获取页面资源文件进行加载。相关技术中,在固定的资源地址发生故障时,一般通过修改打包配置文件并重新生成页面资源文件的方式进行资源地址的修改,从而导致资源地址的切换效率低的问题。
发明内容
本公开提供页面资源加载方法、装置、电子设备和存储介质,以至少解决相关技术中资源地址的切换效率低的问题。本公开的技术方案如下:
根据本公开实施例的第一方面,提供一种页面资源加载方法,所述方法包括:
响应于页面加载指令,确定与目标页面对应的预设调用信息;所述预设调用信息为基于预设地址处理组件,对所述目标页面对应的页面开发代码中的预设资源地址进行更新得到的;
基于所述预设调用信息确定与所述目标页面对应的目标资源地址;所述目标资源地址为基于所述预设地址处理组件对所述预设调用信息进行地址赋值得到的;
从所述目标资源地址中获取所述目标页面的页面资源;
加载所述目标页面的页面资源。
作为一个可选的实施例,所述目标资源地址包括预设资源地址,所述响应于页面加载指令,确定与目标页面对应的预设调用信息之前,所述方法还包括:
基于所述预设地址处理组件,在所述页面开发代码中查询所述预设资源地址;
将查询到的所述预设资源地址更新为所述预设调用信息;
基于所述预设资源地址,对所述预设调用信息进行地址赋值。
作为一个可选的实施例,所述目标资源地址包括更新资源地址,所述基于所述预设资源地址,对所述预设调用信息进行地址赋值之后,所述方法还包括:
在检测到所述预设资源地址对应的地址故障信息的情况下,对所述预设资源地址进行更新,得到所述更新资源地址;
基于所述更新资源地址,对所述预设调用信息进行地址赋值更新处理。
作为一个可选的实施例,所述基于所述预设调用信息确定与所述目标页面对应的目标资源地址包括:
在检测到所述预设资源地址对应的地址故障信息的情况下,将所述预设调用信息当前对应的所述更新资源地址作为所述目标资源地址。
作为一个可选的实施例,所述基于所述预设调用信息确定与所述目标页面对应的目标资源地址包括:
在未检测到所述预设资源地址对应的地址故障信息的情况下,将所述预设调用信息的当前对应的所述预设资源地址作为所述目标资源地址。
作为一个可选的实施例,所述预设资源地址包括多个资源地址,所述响应于页面加载指令,确定与目标页面对应的预设调用信息之前,所述方法还包括:
基于所述预设地址处理组件,在所述页面开发代码中查询所述多个资源地址;
将查询到的资源地址更新为所述预设调用信息,所述多个资源地址中相同的资源地址对应同一预设调用信息;
基于每个所述资源地址,对每个所述资源地址对应的预设调用信息进行地址赋值。
作为一个可选的实施例,所述目标页面对应多种页面资源,所述响应于页面加载指令,确定与目标页面对应的预设调用信息包括:
响应于所述页面加载指令,确定与所述多种页面资源分别对应的多个预设调用信息;
将所述多个预设调用信息作为所述目标页面对应的预设调用信息。
作为一个可选的实施例,所述基于所述预设调用信息确定与所述目标页面对应的目标资源地址包括:
基于所述预设调用信息,从所述页面开发代码的入口文件中确定与所述目标页面对应的目标资源地址。
根据本公开实施例的第二方面,提供一种页面资源加载装置,所述装置包括:
预设调用信息确定模块,被配置为执行响应于页面加载指令,确定与目标页面对应的预设调用信息;所述预设调用信息为基于预设地址处理组件,对所述目标页面对应的页面开发代码中的预设资源地址进行更新得到的;
目标资源地址确定模块,被配置为执行基于所述预设调用信息确定与所述目标页面对应的目标资源地址;所述目标资源地址为基于所述预设地址处理组件对所述预设调用信息进行地址赋值得到的;
页面资源获取模块,被配置为执行从所述目标资源地址中获取所述目标页面的页面资源;
页面资源加载模块,被配置为执行加载所述目标页面的页面资源。
作为一个可选的实施例,所述目标资源地址包括预设资源地址,所述装置还包括:
预设地址查询模块,被配置为执行基于所述预设地址处理组件,在所述页面开发代码中查询所述预设资源地址;
预设地址变更模块,用于将查询到的所述预设资源地址更新为所述预设调用信息;
预设地址赋值模块,用于基于所述预设资源地址,对所述预设调用信息进行地址赋值。
作为一个可选的实施例,所述目标资源地址包括更新资源地址,所述装置还包括:
地址更新模块,用于在检测到所述预设资源地址对应的地址故障信息的情况下,对所述预设资源地址进行更新,得到更新资源地址;
更新地址赋值模块,用于基于所述更新资源地址,对所述预设调用信息进行地址赋值更新处理。
作为一个可选的实施例,所述目标资源地址确定模块包括:
第一地址确定单元,被配置为执行在检测到所述预设资源地址对应的地址故障信息的情况下,将所述预设调用信息当前对应的所述更新资源地址作为所述目标资源地址。
作为一个可选的实施例,所述目标资源地址确定模块包括:
第二地址确定单元,被配置为执行在未检测到所述预设资源地址对应的地址故障信息的情况下,将所述预设调用信息的当前对应的所述预设资源地址作为所述目标资源地址。
作为一个可选的实施例,所述预设资源地址包括多个资源地址,所述装置还包括:
资源地址查询模块,被配置为执行基于所述预设地址处理组件,在所述页面开发代码中查询所述多个资源地址;
资源地址更新模块,被配置为执行将查询到的资源地址更新为所述预设调用信息,所述多个资源地址中相同的资源地址对应同一预设调用信息;
资源地址赋值模块,被配置为执行基于每个所述资源地址,对每个所述资源地址对应的预设调用信息进行地址赋值。
作为一个可选的实施例,所述目标页面对应多种页面资源,所述预设调用信息确定模块包括:
预设调用信息确定单元,被配置为执行响应于所述页面加载指令,确定与所述多种页面资源分别对应的多个预设调用信息;将所述多个预设调用信息作为所述目标页面对应的预设调用信息。
作为一个可选的实施例,所述目标资源地址确定模块包括:
目标资源地址确定单元,被配置为执行基于所述预设调用信息,从所述页面开发代码的入口文件中确定与所述目标页面对应的目标资源地址。
根据本公开实施例的第三方面,提供一种电子设备,包括:
处理器;
用于存储所述处理器可执行指令的存储器;
其中,所述处理器被配置为执行所述指令,以实现如上述所述的页面资源加载方法。
根据本公开实施例的第四方面,提供一种计算机可读存储介质,当所述计算机可读存储介质中的指令由电子设备的处理器执行时,使得所述电子设备能够执行如上述所述的页面资源加载方法。
根据本公开实施例的第五方面,提供一种计算机程序产品,包括计算机程序,所述计算机程序被处理器执行时实现上述所述的页面资源加载方法。
本公开的实施例提供的技术方案至少带来以下有益效果:
基于预设地址处理组件,将预设资源地址替换为预设调用信息,并基于预设资源地址或更新资源地址,对预设调用信息进行地址赋值,得到预设调用信息,在进行页面加载时响应于页面加载指令,基于预设调用信息确定与目标页面对应的目标资源地址。从目标资源地址中获取目标页面的页面资源并进行加载。该方法通过将静态域名信息替换为动态变量信息,并对动态变量信息进行地址赋值,可以实现动态变化的资源地址,从而可以快速切换页面资源对应的资源地址,提高了资源地址切换的效率,以及页面维护的效率,并降低了地址切换时的人工成本。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本公开。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本公开的实施例,并与说明书一起用于解释本公开的原理,并不构成对本公开的不当限定。
图1是根据一示例性实施例示出的一种页面资源加载方法的应用场景示意图。
图2是根据一示例性实施例示出的一种页面资源加载方法的流程图。
图3是根据一示例性实施例示出的一种页面资源加载方法中对预设调用信息进行地址赋值的流程图。
图4是根据一示例性实施例示出的一种页面资源加载方法中对多个预设调用信息分别进行地址赋值的流程图。
图5是根据一示例性实施例示出的一种页面资源加载方法中预设地址处理组件的运行方式示意图。
图6是根据一示例性实施例示出的一种页面资源加载方法中对预设调用信息进行地址赋值更新处理的流程图。
图7是根据一示例性实施例示出的一种页面资源加载方法中调用多种页面资源的流程图。
图8是根据一示例性实施例示出的一种页面资源加载装置的框图。
图9是根据一示例性实施例示出的一种装置的框图。(服务器的一般结构)。
具体实施方式
为了使本领域普通人员更好地理解本公开的技术方案,下面将结合附图,对本公开实施例中的技术方案进行清楚、完整地描述。
需要说明的是,本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。
需要说明的是,本公开所涉及的用户信息(包括但不限于用户设备信息、用户个人信息等)和数据(包括但不限于用于展示的数据、分析的数据等),均为经用户授权或者经过各方充分授权的信息和数据。
首先对本申请实施例中所涉及的相关术语做以下解释:
CDN:CDN的全称是Content Delivery Network,即内容分发网络。CDN是构建在现有网络基础之上的智能虚拟网络,依靠部署在各地的边缘服务器,通过中心平台的负载均衡、内容分发、调度等功能模块,使用户就近获取所需内容,降低网络拥塞,提高用户访问响应速度和命中率。CDN的关键技术主要有内容存储和分发技术
Webpack:webpack是代码编译工具,有入口、出口、输入程序(loader)和插件。webpack是一个用于现代JavaScript应用程序的静态模块打包工具。当webpack处理应用程序时,它会在内部构建一个依赖图(dependency graph),此依赖图对应映射到项目所需的每个模块,并生成一个或多个模块信息。
vite:vite也是代码编译工具,在启动开发服务器时不需要打包,不需要分析模块的依赖、不需要编译,因此启动速度非常快。当浏览器请求某个模块时,再根据需要对模块内容进行编译。
Rollup:rollup是一个JavaScript模块打包器,可以将小块代码编译成大块复杂的代码,例如代码库(library)或应用程序。
JavaScipt:JavaScript(简称“JS”)是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,JavaScript基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式、声明式、函数式编程范式。
图1是根据一示例性实施例示出的一种页面资源加载方法的应用场景示意图,应用场景可以包括客户端110和服务器120,客户端110发送页面加载指令到服务器120,服务器120响应于页面加载指令,确定与目标页面对应的预设调用信息。服务器120基于预设调用信息确定与目标页面对应的目标资源地址。服务器120从目标资源地址中获取目标页面的页面资源。加载目标页面的页面资源。
在本公开实施例中,客户端110包括智能手机、台式电脑、平板电脑、笔记本电脑、数字助理、智能可穿戴设备等类型的实体设备,也可以包括运行于实体设备中的软体,例如应用程序等。本申请实施例中实体设备上运行的操作系统可以包括但不限于安卓系统、IOS系统、linux、Unix、windows等。客户端110包括UI(User Interface,用户界面)层,客户端110通过UI层对外提供目标页面的展示,另外,基于API(Application ProgrammingInterface,应用程序接口)将页面资源的加载请求发送给服务器120。
在本公开实施例中,服务器120可以包括一个独立运行的服务器,或者分布式服务器,或者由多个服务器组成的服务器集群。服务器120可以包括有网络通信单元、处理器和存储器等等。
图2是根据一示例性实施例示出的一种页面资源加载方法的流程图,如图2所示,该方法用于服务器中,包括以下步骤。
S210.响应于页面加载指令,确定与目标页面对应的预设调用信息;预设调用信息为基于预设地址处理组件,对目标页面对应的页面开发代码中的预设资源地址进行更新得到的;
作为一个可选的实施例,页面开发代码为对应用软件进行开发时应用软件对应的编译脚本,可以包括开发中的编译脚本或发布完成后的编译脚本。基于预设地址处理组件,对目标页面对应的页面开发代码中的预设资源地址进行更新,得到预设调用信息,从而将固定的预设资源地址替换为可以动态更新的预设调用信息。
作为一个可选的实施例,请参见图3,目标资源地址包括预设资源地址,响应于页面加载指令,确定与目标页面对应的预设调用信息之前,该方法还包括:
S310.基于预设地址处理组件,在目标页面对应的页面开发代码中查询预设资源地址;
S320.将查询到的预设资源地址更新为预设调用信息;
S330.基于预设资源地址,对预设调用信息进行地址赋值。
作为一个可选的实施例,预设地址处理组件可以为预设的网页构建组件中用于获取动态公共路径的插件,该网页构建组件可以用于执行代码打包功能,例如webpack组件、vite组件、rollup组件等。在页面开发代码中加入引用预设地址处理组件的代码,使得在基于页面开发代码执行编译指令时,自动运行预设地址处理组件。
在安装预设地址处理组件时,可以在命令行中执行安装指令,执行安装指令之后,设置预设地址处理组件对应的依赖关系,引用该预设地址处理组件。并在目标页面为测试版本的情况下,为预设地址处理组件配置测试版本参数,在目标页面为正式版本的情况下,无需为预设地址处理组件配置测试版本参数。
基于预设地址处理组件,可以在目标页面对应的页面开发代码中查询预设资源地址,预设资源地址可以为静态域名信息,该预设资源地址为固定的地址,且该预设资源地址在页面开发代码中被直接引用。静态域名信息可以为CDN静态域名。
将查询到的预设资源地址更新为预设调用信息,该预设调用信息可以为动态变量信息,动态变量信息是可以变更赋值的变量信息,因此该动态变量信息是可以变化的。动态变量信息可以为动态CDN变量。通过地址赋值的方式,可以使得预设调用信息指向目标资源地址,该动态变量信息在页面开发代码中被引用后,可以确定该动态变量信息当前被赋值的地址,从而跳转到目标资源地址。
基于预设资源地址,对预设调用信息进行地址赋值,使得预设调用信息指向预设资源地址,在读取预设调用信息的赋值时即可对应获取预设资源地址。并可以将预设调用信息插入到页面开发代码的入口文件处,该入口文件可以为index.html文件,index.html文件即为页面开发代码中主目录的超文本文件。再对预设调用信息进行地址赋值,使得预设调用信息可以在全局被调用。在资源地址发生变化时,可以重新对预设调用信息进行地址赋值,从而得到动态引用页面资源的资源地址。
例如,通过预设地址处理组件搜索替换前的页面开发代码中的预设资源地址为固定的地址https://xxx.cdn.com/udata/pkg/merchant/project/,在代码中表现如下:
__webpack_require__.p="https://xxx.cdn.com/udata/pkg/merchant/project/";即目标页面的页面资源的获取依赖于该预设资源地址。
通过预设地址处理组件搜索替换后的页面开发代码中的预设资源地址为预设调用信息,window.__WEBPACK__P_PATH,在代码中表现如下
__webpack_require__.p=window.__WEBPACK__P_PATH;即目标页面的页面资源的获取依赖于该预设调用信息。
预设地址处理组件在完成搜索替换后,在入口文件处增加预设调用信息的定义。在代码中表现如下:
<script>window._CDN_HOST_="https://xxx.cdn.com";
window.__WEBPACK__P_PATH="https://xxx.cdn.com/udata/pkg/merchant/project/";</script>,即对预设调用信息进行地址赋值,此时预设调用信息指向预设资源地址,并进行全局声明,使得赋值后的预设调用信息可以应用于全部的页面开发代码中。
将固定的预设资源地址替换为预设调用信息,再对预设调用信息进行地址赋值,可以将静态的域名信息转换为动态的域名信息,从而在修改域名时无需重新构建页面开发代码,可以实现资源地址的快速切换。
作为一个可选的实施例,请参见图4,预设资源地址包括多个资源地址,响应于页面加载指令,确定与目标页面对应的预设调用信息之前,该方法还包括:
S410.基于预设地址处理组件,在页面开发代码中查询多个资源地址;
S420.将查询到的资源地址更新为预设调用信息,多个资源地址中相同的资源地址对应同一预设调用信息;
S430.基于每个资源地址,对每个资源地址对应的预设调用信息进行地址赋值。
作为一个可选的实施例,在对目标页面对应的页面开发代码进行打包操作,得到多种类型的资源模块信息的情况下,不同的资源模块信息对应不同的资源地址,因此预设资源地址可以包括多个资源地址。
基于预设地址处理组件,可以在目标页面对应的页面开发代码中查询多个资源地址。每查询到一个资源地址,将当前查询到的资源地址更新为预设调用信息。预设调用信息可以有多个,相同的资源地址对应同一预设调用信息,不同的资源地址对应不同的预设调用信息。例如,页面开发代码中包括资源地址A和资源地址B,在第一次查询到资源地址A时,将资源地址A更新为预设调用信息a,则在后续的页面开发代码中查询到资源地址A的情况下,将资源地址A均更新为预设调用信息a。在查询到资源地址B时,则将资源地址B更新为预设调用信息b。
基于每个资源地址,对每个资源地址对应的预设调用信息进行地址赋值,使得预设调用信息指向该预设调用信息对应的资源地址。
作为一个可选的实施例,请参见图5,如图5所述为预设地址处理组件的运行方式示意图。基于webpack组件可以对页面开发代码进行打包,从而得到各种类型的模块资源信息,资源模块信息包括超文本资源模块、各种不同类型的JS代码资源模块,以及样式表资源模块等,在运行预设地址处理组件前,构建网页的各个资源模块信息分别对应各自的静态域名信息,在运行预设地址处理组件时,预设地址处理组件向页面开发代码中注入动态变量信息,将静态域名信息替换为动态变量信息,对动态变量信息进行地址赋值,并设置该动态变量信息为全局引用。在运行预设地址处理组件后,构建网页的各个资源模块信息分别对应各自的静态域名信息被替换为动态变量信息,从而可以对目标页面的页面资源进行动态地址更新。
在将静态的域名信息转换为动态的域名信息时,可以转换多个资源地址,为相同的资源地址配置同一预设调用信息,从而可以提高预设地址处理组件的适用性。
作为一个可选的实施例,请参见图6,目标资源地址包括更新资源地址,基于预设资源地址,对预设调用信息进行地址赋值之后,该方法还包括:
S610.在检测到预设资源地址对应的地址故障信息的情况下,对预设资源地址进行更新,得到更新资源地址;
S620.基于更新资源地址,对预设调用信息进行地址赋值更新处理。
作为一个可选的实施例,预设资源地址可能由于故障而无法访问,在检测到预设资源地址对应的地址故障信息的情况下,可以对预设资源地址进行更新,得到更新资源地址。例如,在预设资源地址A发生故障的情况下,将预设资源地址A中存储的页面资源另存到资源地址B中,该资源地址B为当前存储页面资源的资源地址,即为更新资源地址。并基于更新资源地址,对预设调用信息重新进行地址赋值,将入口文件中原本的预设资源地址替换为更新资源地址,使得预设调用信息指向更新资源地址,在读取预设调用信息的赋值时即可对应获取更新资源地址。后续在执行页面加载时,即可通过读取预设调用信息的赋值,得到更新资源地址,从更新资源地址中获取页面资源。
在预设资源地址发生故障的情况下,通过更新预设资源地址,并重新进行地址赋值的方式,可以提高资源地址切换的效率,降低了人工成本。
作为一个可选的实施例,请参见图7,目标页面对应多种页面资源,响应于页面加载指令,确定与目标页面对应的预设调用信息包括:
S710.响应于页面加载指令,确定与多种页面资源分别对应的预设调用信息;
S720.将多种页面资源分别对应的预设调用信息作为目标页面对应的预设调用信息。
作为一个可选的实施例,在对目标页面对应的页面开发代码进行打包操作,得到多种类型的资源模块信息的情况下,不同的资源模块信息对应不同的资源地址,因此可以得到多个不同地址赋值的预设调用信息,在存在多个资源地址对应的地址故障信息的情况下,也可以对多个资源地址进行更新,得到多个更新资源地址,并基于多个更新资源地址,对各自对应的预设调用信息进行地址赋值。
响应于页面加载指令,确定与多种页面资源分别对应的预设调用信息。基于多种页面资源分别对应的预设调用信息,确定多种页面资源分别对应的目标资源地址。从多种页面资源分别对应的目标资源地址中获取各自对应的页面资源,并加载获取到的多种页面资源,生成目标页面。
作为一个可选的实施例,若从不同的预设调用信息对应的目标资源地址中获取页面资源的速率不同,则可以先加载先获取到的页面资源,再加载后获取到的页面资源。
在存在多种页面资源,且多种页面资源对应的不同的预设调用信息的情况下,可以实时加载获取到的页面资源,从而保证目标页面加载的实时性,提高页面加载效率和用户体验。
S220.基于预设调用信息确定与目标页面对应的目标资源地址;所述目标资源地址为基于预设地址处理组件对所述预设调用信息进行地址赋值得到的;
作为一个可选的实施例,获取预设调用信息后,确定预设调用信息当前被赋值的地址,该地址也就是目标资源地址。在未检测到地址故障的情况下,目标资源地址可以为预设资源地址。在检测到地址故障的情况下,预设资源地址切换为更新资源地址,目标资源地址也就变更为更新资源地址。
在一个可选的实施例中,基于预设调用信息确定与目标页面对应的目标资源地址包括:
基于预设调用信息,从页面开发代码的入口文件中确定与目标页面对应的目标资源地址。
在一个可选的实施例中,在页面开发代码的入口文件处可以配置预设调用信息,基于预设地址处理组件,可以在入口文件处配置预设调用信息时,同时对预设调用信息进行地址赋值,从而使得赋值后的预设调用信息可以被页面开发代码在全局引用。
响应于页面加载指令,在确定预设调用信息后,可以从页面开发代码的入口文件中确定预设调用信息指向的地址,从而获取到与目标页面对应的目标资源地址,再从该目标资源地址中获取目标页面的页面资源。
在入口文件处配置预设调用信息,可以实现预设调用信息的全局引用,从而简化资源调用的步骤,降低代码成本。
S230.从目标资源地址中获取目标页面的页面资源;
作为一个可选的实施例,从目标资源地址中可以下载目标页面对应的页面资源,该页面资源可以为代码打包组件在对代码打包时引用的CDN静态资源,目标资源地址可以为CDN地址,预设地址处理组件可以为代码打包组件中的一个插件,代码打包组件可以为webpack组件,页面资源可以包括超文本资源模块、JS代码资源模块和样式表资源模块等。
作为一个可选的实施例,基于预设调用信息确定与目标页面对应的目标资源地址包括:
在未检测到预设资源地址对应的地址故障信息的情况下,将预设调用信息的当前对应的预设资源地址作为目标资源地址。
作为一个可选的实施例,在页面开发的过程或页面运行的过程中,可以周期检测预设资源地址是否出现故障,在未检测到预设资源地址对应的地址故障信息的情况下,可以不对预设资源地址进行更新,从而基于预设调用信息的重新赋值,将预设资源地址作为目标资源地址,通过预设资源地址获取目标页面对应的页面资源,并加载该页面资源。
未检测到地址故障信息的情况下,依然是从预设资源地址处获取页面资源,从而避免影响到页面开发过程,使得页面开发过程对静态域名替换为动态域名无感。
作为一个可选的实施例,基于预设调用信息确定与目标页面对应的目标资源地址包括:
在检测到预设资源地址对应的地址故障信息的情况下,将预设调用信息当前对应的更新资源地址作为目标资源地址。
作为一个可选的实施例,在页面开发的过程或页面运行的过程中,可以周期检测预设资源地址是否出现故障,在检测到预设资源地址对应的地址故障信息的情况下,可以执行地址切换操作,对预设资源地址进行更新,得到更新资源地址。并通过对预设调用信息的重新赋值,使得预设调用信息指向更新资源地址,即预设调用信息当前对应的地址为更新资源地址,从而基于重新赋值后的预设调用信息,将更新资源地址作为目标资源地址,通过更新资源地址获取目标页面对应的页面资源,并加载该页面资源。
检测到地址故障信息的情况下,将预设资源地址更新为更新资源地址,并从更新资源地址处获取页面资源,开发人员无需手动维护域名配置,从而提高了页面维护时的效率。
S240.加载目标页面的页面资源。
作为一个可选的实施例,加载目标页面的页面资源,可以展示目标页面。加载页面资源的方法可以用于测试版本的目标页面中,也可以用于正式版本的目标页面中。
作为一个可选的实施例,在通过webpack组件对页面开发代码进行打包时,可以通过webpack组件中的预设地址处理组件,在对页面开发代码进行编译时,自动运行预设地址处理组件。基于预设地址处理组件,查询页面开发代码中的预设资源地址,并将查询到的预设资源地址更新为预设调用信息,预设资源地址为静态域名信息,预设调用信息为动态变量信息。
基于预设资源地址,对预设调用信息进行地址赋值,从而可以通过预设调用信息获取到预设资源地址。在预设资源地址包括多个资源地址的情况下,将当前查询到的资源地址更新为预设调用信息,直到查询完成全部的资源地址为止,且预设调用信息可以有多个,相同的资源地址对应同一预设调用信息,因此可以对多个预设调用信息进行不同的地址赋值。
在未检测到预设资源地址对应的地址故障信息的情况下,响应于页面加载指令,确定与目标页面对应的预设调用信息,读取预设调用信息的赋值,得到与目标页面对应的预设资源地址,从预设资源地址中获取目标页面的页面资源并加载。在存在多个预设调用信息的情况下,获取每个预设调用信息对应的资源地址,从每个资源地址中获取对应的页面资源并加载。
在检测到预设资源地址对应的地址故障信息的情况下,对预设资源地址进行更新,得到更新资源地址。基于更新资源地址,可以对预设调用信息重新进行地址赋值。在存在多个资源地址存在地址故障信息的情况下,重新对多个预设调用信息进行地址赋值。
响应于页面加载指令,确定与目标页面对应的预设调用信息,基于预设调用信息确定与目标页面对应的更新资源地址,从更新资源地址中获取目标页面的页面资源并加载。在存在多个预设调用信息的情况下,获取每个预设调用信息对应的资源地址,从每个资源地址中获取对应的页面资源并加载。
本公开实施例提出了一种页面资源加载方法,该方法包括:基于预设地址处理组件,将预设资源地址替换为预设调用信息,并基于预设资源地址或更新资源地址,对预设调用信息进行地址赋值,在进行页面加载时响应于页面加载指令,基于预设调用信息确定与目标页面对应的目标资源地址。从目标资源地址中获取目标页面的页面资源并进行加载。该方法通过将静态域名信息替换为动态变量信息,并对动态变量信息进行地址赋值,可以实现动态变化的资源地址,从而可以快速切换页面资源对应的资源地址,提高了资源地址切换的效率,以及页面维护的效率,并降低了地址切换时的人工成本。
图8是根据一示例性实施例示出的一种页面资源加载装置框图。参照图8,该装置包括:
预设调用信息确定模块810,被配置为执行响应于页面加载指令,确定与目标页面对应的预设调用信息;预设调用信息为基于预设地址处理组件,对目标页面对应的页面开发代码中的预设资源地址进行更新得到的;
目标资源地址确定模块820,被配置为执行基于预设调用信息确定与目标页面对应的目标资源地址;目标资源地址为基于预设地址处理组件对预设调用信息进行地址赋值得到的;
页面资源获取模块830,被配置为执行从目标资源地址中获取目标页面的页面资源;
页面资源加载模块840,被配置为执行加载目标页面的页面资源。
作为一个可选的实施例,目标资源地址包括预设资源地址,装置还包括:
预设地址查询模块,被配置为执行基于预设地址处理组件,在页面开发代码中查询预设资源地址;
预设地址变更模块,用于将查询到的预设资源地址更新为预设调用信息;
预设地址赋值模块,用于基于预设资源地址,对预设调用信息进行地址赋值。
作为一个可选的实施例,目标资源地址包括更新资源地址,装置还包括:
地址更新模块,用于在检测到预设资源地址对应的地址故障信息的情况下,对预设资源地址进行更新,得到更新资源地址;
更新地址赋值模块,用于基于更新资源地址,对预设调用信息进行地址赋值更新处理。
作为一个可选的实施例,目标资源地址确定模块包括:
第一地址确定单元,被配置为执行在检测到预设资源地址对应的地址故障信息的情况下,将预设调用信息当前对应的更新资源地址作为目标资源地址。
作为一个可选的实施例,目标资源地址确定模块包括:
第二地址确定单元,被配置为执行在未检测到预设资源地址对应的地址故障信息的情况下,将预设调用信息的当前对应的预设资源地址作为目标资源地址。
作为一个可选的实施例,预设资源地址包括多个资源地址,装置还包括:
资源地址查询模块,被配置为执行基于预设地址处理组件,在目标页面对应的页面开发代码中查询多个资源地址;
资源地址更新模块,被配置为执行将查询到的资源地址更新为预设调用信息,多个资源地址中相同的资源地址对应同一预设调用信息;
资源地址赋值模块,被配置为执行基于每个资源地址,对每个资源地址对应的预设调用信息进行地址赋值。
作为一个可选的实施例,目标页面对应多种页面资源,预设调用信息确定模块包括:
预设调用信息确定单元,被配置为执行响应于页面加载指令,确定与多种页面资源分别对应的多个预设调用信息;将多个预设调用信息作为目标页面对应的预设调用信息。
作为一个可选的实施例,目标资源地址确定模块包括:
目标资源地址确定单元,被配置为执行基于预设调用信息,从页面开发代码的入口文件中确定与目标页面对应的目标资源地址。
关于上述实施例中的装置,其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述,此处将不做详细阐述说明。
图9是根据一示例性实施例示出的一种用于页面资源加载的电子设备的框图,该电子设备可以是服务器,其内部结构图可以如图9所示。该电子设备包括通过系统总线连接的处理器、存储器和网络接口。其中,该电子设备的处理器用于提供计算和控制能力。该电子设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机程序。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该电子设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种页面资源加载方法。
本领域技术人员可以理解,图9中示出的结构,仅仅是与本公开方案相关的部分结构的框图,并不构成对本公开方案所应用于其上的电子设备的限定,具体的电子设备可以包括比图中所示更多或更少的部件,或者组合某些部件,或者具有不同的部件布置。
在示例性实施例中,还提供了一种包括指令的计算机可读存储介质,例如包括指令的存储器904,上述指令可由电子设备900的处理器920执行以完成上述方法。可选地,计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。
在示例性实施例中,还提供一种计算机程序产品,包括计算机程序,所述计算机程序被处理器执行时实现上述所述的页面资源加载方法。
本领域技术人员在考虑说明书及实践这里公开的发明后,将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本公开的真正范围和精神由下面的权利要求指出。
应当理解的是,本公开并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。
Claims (10)
1.一种页面资源加载方法,其特征在于,所述方法包括:
响应于页面加载指令,确定与目标页面对应的预设调用信息;所述预设调用信息为基于预设地址处理组件,对所述目标页面对应的页面开发代码中的预设资源地址进行更新得到的;
基于所述预设调用信息确定与所述目标页面对应的目标资源地址;所述目标资源地址为基于所述预设地址处理组件对所述预设调用信息进行地址赋值得到的;
从所述目标资源地址中获取所述目标页面的页面资源;
加载所述目标页面的页面资源。
2.根据权利要求1所述页面资源加载方法,其特征在于,所述目标资源地址包括所述预设资源地址,所述响应于页面加载指令,确定与目标页面对应的预设调用信息之前,所述方法还包括:
基于所述预设地址处理组件,在所述页面开发代码中查询所述预设资源地址;
将查询到的所述预设资源地址更新为所述预设调用信息;
基于所述预设资源地址,对所述预设调用信息进行地址赋值。
3.根据权利要求2所述页面资源加载方法,其特征在于,所述目标资源地址包括更新资源地址,所述基于所述预设资源地址,对所述预设调用信息进行地址赋值之后,所述方法还包括:
在检测到所述预设资源地址对应的地址故障信息的情况下,对所述预设资源地址进行更新,得到所述更新资源地址;
基于所述更新资源地址,对所述预设调用信息进行地址赋值更新处理。
4.根据权利要求3所述页面资源加载方法,其特征在于,所述基于所述预设调用信息确定与所述目标页面对应的目标资源地址包括:
在检测到所述预设资源地址对应的地址故障信息的情况下,将所述预设调用信息当前对应的所述更新资源地址作为所述目标资源地址。
5.根据权利要求2所述页面资源加载方法,其特征在于,所述基于所述预设调用信息确定与所述目标页面对应的目标资源地址包括:
在未检测到所述预设资源地址对应的地址故障信息的情况下,将所述预设调用信息的当前对应的所述预设资源地址作为所述目标资源地址。
6.根据权利要求2所述页面资源加载方法,其特征在于,所述预设资源地址包括多个资源地址,所述响应于页面加载指令,确定与目标页面对应的预设调用信息之前,所述方法还包括:
基于所述预设地址处理组件,在所述页面开发代码中查询所述多个资源地址;
将查询到的资源地址更新为所述预设调用信息,所述多个资源地址中相同的资源地址对应同一预设调用信息;
基于每个所述资源地址,对每个所述资源地址对应的预设调用信息进行地址赋值。
7.一种页面资源加载装置,其特征在于,所述装置包括:
预设调用信息确定模块,被配置为执行响应于页面加载指令,确定与目标页面对应的预设调用信息;所述预设调用信息为基于预设地址处理组件,对所述目标页面对应的页面开发代码中的预设资源地址进行更新得到的;
目标资源地址确定模块,被配置为执行基于所述预设调用信息确定与所述目标页面对应的目标资源地址;所述目标资源地址为基于所述预设地址处理组件对所述预设调用信息进行地址赋值得到的;
页面资源获取模块,被配置为执行从所述目标资源地址中获取所述目标页面的页面资源;
页面资源加载模块,被配置为执行加载所述目标页面的页面资源。
8.一种电子设备,其特征在于,包括:
处理器;
用于存储所述处理器可执行指令的存储器;
其中,所述处理器被配置为执行所述指令,以实现如权利要求1至6中任一项所述的页面资源加载方法。
9.一种计算机可读存储介质,其特征在于,当所述计算机可读存储介质中的指令由电子设备的处理器执行时,使得所述电子设备能够执行如权利要求1至6中任一项所述的页面资源加载方法。
10.一种计算机程序产品,包括计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1至6任一项所述的页面资源加载方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210657746.4A CN115237489A (zh) | 2022-06-10 | 2022-06-10 | 页面资源加载方法、装置、电子设备和存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210657746.4A CN115237489A (zh) | 2022-06-10 | 2022-06-10 | 页面资源加载方法、装置、电子设备和存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN115237489A true CN115237489A (zh) | 2022-10-25 |
Family
ID=83668922
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210657746.4A Pending CN115237489A (zh) | 2022-06-10 | 2022-06-10 | 页面资源加载方法、装置、电子设备和存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN115237489A (zh) |
-
2022
- 2022-06-10 CN CN202210657746.4A patent/CN115237489A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109547570B (zh) | 服务注册方法、装置、注册中心管理设备及存储介质 | |
CN106648755B (zh) | 一种在安卓art环境中动态加载dex的方法及装置 | |
CN110365724B (zh) | 任务处理方法、装置及电子设备 | |
CN101571809A (zh) | 一种插件注册的实现方法及其装置 | |
CN106294113B (zh) | 一种基于可编程式测试服务的创建方法及装置 | |
US9141363B2 (en) | Application construction for execution on diverse computing infrastructures | |
CN113010827B (zh) | 页面渲染方法、装置、电子设备以及存储介质 | |
US20240020131A1 (en) | Isolating applications at the edge | |
CN110858172A (zh) | 一种自动化测试代码生成方法和装置 | |
US20230061228A1 (en) | Managing shared applications at the edge of a content delivery network | |
CN109325192B (zh) | 一种广告防屏蔽的方法和装置 | |
CN109343970B (zh) | 基于应用程序的操作方法、装置、电子设备及计算机介质 | |
CN112860251A (zh) | 一种网站前端构建的方法与系统 | |
CN113448650A (zh) | 直播功能插件加载方法、装置、设备及存储介质 | |
CN115237489A (zh) | 页面资源加载方法、装置、电子设备和存储介质 | |
CN111581578B (zh) | 接口请求处理方法和装置 | |
CN113157274B (zh) | 基于微前端的软件开发方法、装置、电子设备及存储介质 | |
CN114064176A (zh) | 一种视图交互方法、装置、电子设备及计算机可读介质 | |
CN114186156A (zh) | 一种子应用的访问方法、装置、介质及设备 | |
CN112000313A (zh) | 请求响应方法、装置、设备及存储介质 | |
CN110780864A (zh) | 类方法替换的控制方法及装置、存储介质及电子设备 | |
CN113901377B (zh) | 遗留系统的服务调用方法、装置、存储介质及设备 | |
CN113849248B (zh) | 小程序加载方法、设备、存储介质及程序产品 | |
CN115826925A (zh) | 一种web应用开发方法、装置和存储介质 | |
CN111694730B (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 |