CN116389409A - 页面路径的处理方法、装置、计算机设备及存储介质 - Google Patents
页面路径的处理方法、装置、计算机设备及存储介质 Download PDFInfo
- Publication number
- CN116389409A CN116389409A CN202310380103.4A CN202310380103A CN116389409A CN 116389409 A CN116389409 A CN 116389409A CN 202310380103 A CN202310380103 A CN 202310380103A CN 116389409 A CN116389409 A CN 116389409A
- Authority
- CN
- China
- Prior art keywords
- request
- current
- path
- component
- browser
- 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
- 238000003672 processing method Methods 0.000 title abstract description 14
- 238000000034 method Methods 0.000 claims abstract description 89
- 238000012545 processing Methods 0.000 claims abstract description 36
- 238000006243 chemical reaction Methods 0.000 claims description 49
- 238000009877 rendering Methods 0.000 claims description 37
- 230000006870 function Effects 0.000 claims description 31
- 230000002159 abnormal effect Effects 0.000 claims description 12
- 238000001514 detection method Methods 0.000 claims description 4
- 238000011835 investigation Methods 0.000 abstract description 8
- 238000010586 diagram Methods 0.000 description 6
- 238000004891 communication Methods 0.000 description 4
- 230000004044 response Effects 0.000 description 4
- 230000000977 initiatory effect Effects 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 230000006835 compression Effects 0.000 description 2
- 238000007906 compression Methods 0.000 description 2
- 230000008030 elimination Effects 0.000 description 2
- 238000003379 elimination reaction Methods 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000004458 analytical method Methods 0.000 description 1
- 238000003491 array Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000004364 calculation method Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 235000019800 disodium phosphate Nutrition 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 239000000835 fiber Substances 0.000 description 1
- 230000010365 information processing Effects 0.000 description 1
- 230000008569 process Effects 0.000 description 1
- 230000005477 standard model Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 238000013024 troubleshooting Methods 0.000 description 1
Images
Classifications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L61/00—Network arrangements, protocols or services for addressing or naming
- H04L61/45—Network directories; Name-to-address mapping
- H04L61/4505—Network directories; Name-to-address mapping using standardised directories; using standardised directory access protocols
- H04L61/4511—Network directories; Name-to-address mapping using standardised directories; using standardised directory access protocols using domain name system [DNS]
-
- 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
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L45/00—Routing or path finding of packets in data switching networks
- H04L45/74—Address processing for routing
-
- 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/34—Network arrangements or protocols for supporting network services or applications involving the movement of software or configuration parameters
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- Computer Networks & Wireless Communication (AREA)
- Signal Processing (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Data Exchanges In Wide-Area Networks (AREA)
Abstract
本申请属于数据处理技术领域,涉及一种页面路径的处理方法、装置、计算机设备及存储介质。本申请先通过获取当前请求在浏览器中的绝对路径,并根据所述绝对路径确认所述当前请求对应的目标路由组件,从而获取所述目标路由组件对应的目标路由路径;然后拦截所述当前请求对应的浏览器请求对象,并识别所述浏览器请求对象的当前域名;最后将所述绝对路径与所述目标路由路径附加至所述当前域名中,生成所述当前请求所对应的页面路径。如此,可在当前域名中添加目标路由路径和绝对路径,从而生成当前请对对应的页面路径,即更快地定位当前请求所对应的关系页面,缩小排查范围,以便于排查出现的错误、异常等性能问题。
Description
技术领域
本申请涉及数据处理技术领域,尤其涉及一种页面路径的处理方法、装置、计算机设备及存储介质。
背景技术
现有Web系统中,前端请求与页面路径之间的对应关系比较模糊,难以分析出不同前端请求对应的具体页面路径,导致无法快速定位到前端请求所对应的页面上,此时,若前端请求出现错误、异常等性能问题,则排除范围大,不便于排查。
发明内容
本申请实施例的目的在于提出一种页面路径的处理方法、装置、计算机设备及存储介质,以解决若出现错误、异常等性能问题,排除范围大且不便于排查的问题。
为了解决上述技术问题,本申请实施例提供一种页面路径的处理方法,采用了如下所述的技术方案:
获取当前请求在浏览器中的绝对路径;
根据所述绝对路径确认所述当前请求对应的目标路由组件,并获取所述目标路由组件对应的目标路由路径;
拦截所述当前请求对应的浏览器请求对象,并识别所述浏览器请求对象的当前域名;以及
将所述绝对路径与所述目标路由路径附加至所述当前域名中,生成所述当前请求所对应的页面路径。
进一步的,所述根据所述绝对路径确认所述当前请求对应的目标路由组件的步骤包括:
获取React库的createElement方法,并遍历React组件树,以得到各个React组件的路由路径,其中,所述React组件树包括通过createElement方法渲染后的所有React组件;
将各个所述React组件的路由路径分别与所述绝对路径进行匹配;
若匹配成功,通过预定的渲染函数对匹配成功后的React组件进行渲染,得到渲染后的React组件,并以所述渲染后的React组件作为所述目标路由组件;以及
若匹配不成功,通过createElement方法重新对React组件进行渲染后,返回执行所述获取React库的createElement方法,并遍历React组件树,以得到各个React组件的路由路径的步骤。
进一步的,在所述若匹配成功之后,以及所述通过预定的渲染函数对匹配成功后的路由组件进行渲染的步骤之前,还包括:
获取所述匹配成功后的React组件的当前类型标识符;
比较所述当前类型标识符与所述目标路由组件对应的类型标识符;
若所述当前类型标识符与所述目标路由组件对应的类型标识符相同,则继续执行所述通过预定的渲染函数对匹配成功后的路由组件进行渲染的步骤;以及
若所述当前类型标识符与所述目标路由组件对应的类型标识符不相同,则返回执行将各个所述React组件的路由路径分别与所述绝对路径进行匹配的步骤。
进一步的,所述识别所述浏览器请求对象的当前域名的步骤包括:
识别所述浏览器请求对象所对应的请求接口;
若所述请求接口为Fetch接口时,拦截所述Fetch接口并获取所述Fetch接口的接口信息的第一参数;
识别所述接口信息的第一个参数;若所述接口信息的第一个参数为字符串对象,以所述字符串对象作为所述浏览器请求对象的当前域名;以及
若所述接口信息的第一个参数为Request对象,通过调用Request对象的Request.url方法来获取所述浏览器请求对象的当前域名。
进一步的,所述将所述绝对路径与所述目标路由路径附加至所述当前域名中,生成所述当前请求所对应的页面路径的步骤包括:
在JavaScript代码中调用fetch函数,并将所述fetch函数保存到预定义的originFetch变量中;
重写window.fetch属性,并定义了一个新的fetch函数,在新的fetch函数中,使用Object.assign方法将所述绝对路径与所述目标路由路径添加到所述当前域名中;以及
调用所述新的fetch函数发起请求,以生成所述当前请求所对应的页面路径。
进一步的,在所述根据所述绝对路径确认所述当前请求对应的目标路由组件的步骤、以及在所述拦截所述当前请求对应的浏览器的请求对象的步骤之后,还包括:
对所述目标路由组件以及所述请求对象进行异常检测;以及
当所述目标路由组件和所述请求对象中的任意一个出现异常时,生成异常信息,并根据所述异常信息执行异常处理。
为了解决上述技术问题,本申请实施例还提供一种页面路径的处理装置,包括:
第一获取模块,用于获取当前请求在浏览器中的绝对路径;
第二获取模块,用于根据所述绝对路径确认所述当前请求对应的目标路由组件,并获取所述目标路由组件对应的目标路由路径;
识别模块,用于拦截所述当前请求对应的浏览器请求对象,并识别所述浏览器请求对象的当前域名;以及
生成模块,用于将所述绝对路径与所述目标路由路径附加至所述当前域名中,生成所述当前请求所对应的页面路径。
进一步的,所述识别模块包括:
第一识别单元,用于识别所述浏览器请求对象所对应的请求接口;
获取单元,用于若所述请求接口为Fetch接口时,拦截所述Fetch接口并获取所述Fetch接口的接口信息的第一参数;
第二识别单元,用于识别所述接口信息的第一个参数;
第一处理单元,用于若所述接口信息的第一个参数为字符串对象,以所述字符串对象作为所述浏览器请求对象的当前域名;以及
第二处理单元,用于若所述接口信息的第一个参数为Request对象,通过调用Request对象的Request.url方法来获取所述浏览器请求对象的当前域名。
为了解决上述技术问题,本申请实施例还提供一种计算机设备,所述计算机设备包括存储器和处理器,所述存储器中存储有计算机可读指令,所述处理器执行所述计算机可读指令时实现如上所述的页面路径的处理方法的步骤。
为了解决上述技术问题,本申请实施例还提供一种计算机可读存储介质,所述计算机可读存储介质上存储有计算机可读指令,所述计算机可读指令被处理器执行时实现如上所述的页面路径的处理方法的步骤。
与现有技术相比,本申请实施例主要有以下有益效果:
本申请先通过获取当前请求在浏览器中的绝对路径,并根据所述绝对路径确认所述当前请求对应的目标路由组件,从而获取所述目标路由组件对应的目标路由路径;然后拦截所述当前请求对应的浏览器请求对象,并识别所述浏览器请求对象的当前域名;最后将所述绝对路径与所述目标路由路径附加至所述当前域名中,生成所述当前请求所对应的页面路径。如此,可在当前域名中添加目标路由路径和绝对路径,从而生成当前请对对应的页面路径,即更快地定位当前请求所对应的关系页面,缩小排查范围,以便于排查出现的错误、异常等性能问题。
附图说明
为了更清楚地说明本申请中的方案,下面将对本申请实施例描述中所需要使用的附图作一个简单介绍,显而易见地,下面描述中的附图是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本申请可以应用于其中的示例性系统架构图;
图2根据本申请的页面路径的处理方法的一个实施例的流程图;
图3是根据本申请的页面路径的处理装置的一个实施例的结构示意图;
图4是图3所示识别模块的一个具体实施方式的结构示意图;
图5是根据本申请的计算机设备的一个实施例的结构示意图。
具体实施方式
除非另有定义,本文所使用的所有的技术和科学术语与属于本申请的技术领域的技术人员通常理解的含义相同;本文中在申请的说明书中所使用的术语只是为了描述具体的实施例的目的,不是旨在于限制本申请;本申请的说明书和权利要求书及上述附图说明中的术语“包括”和“具有”以及它们的任何变形,意图在于覆盖不排他的包含。本申请的说明书和权利要求书或上述附图中的术语“第一”、“第二”等是用于区别不同对象,而不是用于描述特定顺序。
在本文中提及“实施例”意味着,结合实施例描述的特定特征、结构或特性可以包含在本申请的至少一个实施例中。在说明书中的各个位置出现该短语并不一定均是指相同的实施例,也不是与其它实施例互斥的独立的或备选的实施例。本领域技术人员显式地和隐式地理解的是,本文所描述的实施例可以与其它实施例相结合。
为了使本技术领域的人员更好地理解本申请方案,下面将结合附图,对本申请实施例中的技术方案进行清楚、完整地描述。
如图1所示,系统架构100可以包括终端设备101、102、103,网络104和服务器105。网络104用以在终端设备101、102、103和服务器105之间提供通信链路的介质。网络104可以包括各种连接类型,例如有线、无线通信链路或者光纤电缆等等。
用户可以使用终端设备101、102、103通过网络104与服务器105交互,以接收或发送消息等。终端设备101、102、103上可以安装有各种通讯客户端应用,例如网页浏览器应用、购物类应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等。
终端设备101、102、103可以是具有显示屏并且支持网页浏览的各种电子设备,包括但不限于智能手机、平板电脑、电子书阅读器、MP3播放器(Moving Picture ExpertsGroup Audio Layer III,动态影像专家压缩标准音频层面3)、MP4(Moving PictureExperts Group Audio Layer IV,动态影像专家压缩标准音频层面4)播放器、膝上型便携计算机和台式计算机等等。
服务器105可以是提供各种服务的服务器,例如对终端设备101、102、103上显示的页面提供支持的后台服务器。
需要说明的是,本申请实施例所提供的页面路径的处理方法一般由服务器执行,相应地,页面路径的处理装置一般设置于服务器中。
应该理解,图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要,可以具有任意数目的终端设备、网络和服务器。
继续参考图2,示出了根据本申请的页面路径的处理方法的一个实施例的流程图。所述的页面路径的处理方法,包括以下步骤:
步骤S201,获取当前请求在浏览器中的绝对路径。
在本实施例中,页面路径的处理方法运行于其上的电子设备(例如图1所示的服务器)可以通过有线连接方式或者无线连接方式。需要指出的是,上述无线连接方式可以包括但不限于3G/4G/5G连接、WiFi连接、蓝牙连接、WiMAX连接、Zigbee连接、UWB(ultrawideband)连接、以及其他现在已知或将来开发的无线连接方式。
具体地,以页面路径的处理方法运行于服务器为例,服务器获取当前请求在浏览器中的绝对路径。本实施例中,在本文中,当前请求指的是,浏览器中发起的一个HTTP请求,它可以是对服务器端资源的请求,也可以是对其他服务端资源(如:内容分发网络CDN、第三方API等)的请求。
本申请的实施例中绝对路径指的是,浏览器接收到当前请求后,显示的页面所对应的路径,即在浏览器所在地址栏内的网络地址URL(Uniform Resource Locator,统一资源定位器),用于表示当前请求的完整网络地址URL,其内包括协议、主机名、路径、查询参数等信息。即绝对路径内记录完整的请求地址,可用于精确定位到某个资源的请求。
步骤S202,根据所述绝对路径确认所述当前请求对应的目标路由组件,并获取所述目标路由组件对应的目标路由路径。
在本实施例中,服务器获取到当前请求的绝对路径(即网络地址URL)后,再根据所述绝对路径确认所述当前请求对应的目标路由组件,然后,获取所述目标路由组件对应的目标路由路径。这里,目标路由路径,即为当前请求所属的页面路径,可用于区分不同页面之间的请求。
具体地,本步骤还包括:
获取React库的createElement方法,并遍历React组件树,以得到各个React组件的路由路径,其中,所述React组件树包括通过createElement方法渲染后的所有React组件;
将各个所述React组件的路由路径分别与所述绝对路径进行匹配;
若匹配成功,通过预定的渲染函数对匹配成功后的React组件进行渲染,得到渲染后的React组件,并以所述渲染后的React组件作为所述目标路由组件;
若匹配不成功,则通过createElement方法重新对React组件进行渲染后,返回执行所述获取React库的createElement方法,并遍历React组件树,以得到各个React组件的路由路径的步骤。
本实施例中,下面将结合一些具体的实施例来对本申请提及的主要术语进行解释或定义,如下:
React库是一个流行的JavaScript库,用于构建用户界面。
createElement方法是React库中的一个方法,用于创建和返回React元素(即虚拟DOM),通常结合JSX语法使用以实现组件渲染。
DOM,Document Object Model,文档对象模型;在浏览器网页上,组织页面(或文档)的各个对象被组织在一个树形结构中,形成一个包含多个节点的DOM Tree(DOM树),用来表示页面或文档中对象的标准模型。
React组件树是由React元素构成的层次结构,在应用程序的运行时期动态生成。
React组件是由React元素构成的抽象概念,它定义了一些方法和属性,用于描述该组件在不同状态下应如何呈现,以及如何响应用户交互和其他事件;React组件可以是函数式组件或类组件,在组件树中,父组件可以包含子组件,子组件可以嵌套其他子组件,形成了一个层次化的组件树结构。
本步骤中,creatElement方法可以理解为React组件的最小单元,任何React组件的渲染都要经过creatElement方法来实现。即通过获取React库的creatElement方法,就可以获取到整个React库的所有经过creatElement方法渲染的React组件,即能够更加精准且简洁地获取目标路由组件。
具体来说,createElement方法是一个工厂函数,它接收三个参数:类型、属性对象和子元素,并用于创建React元素。例如下列代码:
createElement('div',{className:'container'},'HelloWorld!');
通过createElement方法创建一个div元素,并设置其class(类型)为'container',并在div元素内部呈现文本'Hello World!'。在React应用程序中,这些React元素会被转换成一棵树形结构,也就是React组件树,其中每个节点都对应着一个React组件。
本实施例中,在React库中,React组件的渲染都是通过createElement方法创建React元素,并将React元素插入到DOM树上完成,从而实现React组件的渲染。
createElement方法有三个参数:类型、属性对象和子元素。其中,类型可以是一个字符串,表示HTML标签;也可以是一个自定义React组件类,表示需要渲染该组件。属性对象是一个包含了所有React组件属性的JavaScript对象,用于为React组件传递数据。子元素参数可以是一个或多个React元素,表示React组件的子节点。
而createElement方法并不直接将React组件渲染到页面中,而是通过创建React元素、构建虚拟DOM树和进行DOM-diff等一系列操作最终完成组件的渲染。比如,当createElement方法被调用时,它会根据传入的参数(类型、属性和子节点)创建一个React元素,并将React元素添加到当前组件的虚拟DOM树上;当React元素被更新时,React元素会比较新旧虚拟DOM树的差异(diff算法),并仅更新需要更新的部分,从而提高性能;最终,React元素会将更新后的虚拟DOM树转换为真实DOM树,并将其呈现在页面上。
根据上述描述,通过调用createElement方法可对React组件渲染后存储至React组件树,以在执行获取React库的createElement方法时,可以通过遍历React组件树,以得到各个React组件的路由路径,其中,可以通过React库中的React Router子路由库来管理路由组件。
服务器获取到各个React组件的路由路径,可以根据路由路径匹配规则,即将各个所述React组件的路由路径分别与所述绝对路径进行匹配,以便将绝对路径与React组件树中的相应路由组件对应的路由路径进行匹配。
示例性地,React组件树中采用React Router库来管理路由,比如,React组件树具有<Switch>组件和多个<Route>子组件,<Switch>组件会遍历所有<Route>子组件,并仅渲染第一个与绝对路径匹配的<Route>子组件。如果绝对路径为"/about",则与"/about"匹配的<Route>子组件将会被渲染(即匹配成功),比如:<Route>子组件为<Route path="/about"component={About}/>,而其他的<Route>子组件将被忽略(比如:<Route path="/contact"component={Contact}/>等)。
若匹配成功,通过预定的渲染函数对匹配成功后的React组件进行渲染,得到渲染后的React组件,并以所述渲染后的React组件作为所述目标路由组件。一般情况下,React组件(即为路由组件)的渲染是在一个容器组件内进行,并且容器组件需要提供渲染子组件的渲染接口。因此,在执行路由组件渲染时,会将当前路由组件作为参数传入该容器组件的渲染接口中,从而实现路由组件的替换。
例如,在React Router库中,可以使用Switch组件作为容器组件,它会渲染匹配到的第一个Route组件。因此,执行路由组件渲染时,可以将当前路由组件(即匹配成功后的React组件)作为子组件传入Switch组件中,从而实现路由组件的渲染替换。
当然,若匹配不成功,通过createElement方法重新对React组件进行渲染后,以更新React组件树,并返回执行所述获取React库的createElement方法,并遍历React组件树,以得到各个React组件的路由路径的步骤。
进一步地,在所述若匹配成功之后,以及所述通过预定的渲染函数对匹配成功后的路由组件进行渲染的步骤之前,还包括:
获取所述匹配成功后的React组件的当前类型标识符;
比较所述当前类型标识符与所述目标路由组件对应的类型标识符;
若所述当前类型标识符与所述目标路由组件对应的类型标识符相同,则继续执行所述通过预定的渲染函数对匹配成功后的路由组件进行渲染的步骤;
若所述当前类型标识符与所述目标路由组件对应的类型标识符不相同,则返回执行将各个所述React组件的路由路径分别与所述绝对路径进行匹配的步骤。
由上述可知,在React库中,React组件的类型可以是函数组件或类组件,也可以是一个字符串(HTML标签名)或一个自定义的React组件类。当使用JSX语法时,会将React组件类型转换为一个JSX元素,而JSX元素的第一个参数就是该React组件的类型(即React组件的标识符,可以是一个字符串或一个组件类)。
即在本申请提供的方案中,获取所述匹配成功后的React组件的当前类型标识符origType(origType是指React组件的类型),并定义所述目标路由组件对应的类型标识符Route(Route是路由组件的一种类型),此时,即可以通过判断origType是否等于Route来识别出路由组件。
若所述当前类型标识符与所述目标路由组件对应的类型标识符相同,则继续执行所述通过预定的渲染函数对匹配成功后的路由组件进行渲染的步骤;若所述当前类型标识符与所述目标路由组件对应的类型标识符不相同,则返回执行将各个所述React组件的路由路径分别与所述绝对路径进行匹配的步骤。这里,所述当前类型标识符与所述目标路由组件对应的类型标识符相同是指,React组件类型的值等于Route。即通过对当前类型标识符与所述目标路由组件对应的类型标识符的比对确认,可以过滤掉其他类型的组件,从而能够准确地判断获取到匹配成功后的React组件是否为当前请求所对应的路由组件。
进一步地,服务器确认目标路由组件后,还需要获取所述目标路由组件对应的目标路由路径,这里,定义一个全局变量currentPath记录上述目标路由路径。
本实施例中,路由组件提供了两个属性computedMatch.isExact和computedMatch.page。
computedMatch.isExact为布尔值,表示当前路由是否精确匹配,即如果布尔值为true,则说明当前路由路径和浏览器地址栏中的路径完全相同;否则,说明当前路由路径只是部分匹配,用于判断当前路由路径是否为当前页面的目标路由路径。
computedMatch.page为字符串,表示路由组件对应的页面路径。该属性通常是在路由组件的props配置中获取,可以用于标识当前路由组件所渲染的页面路径为当前路由组件对应的页面路径。即如果为布尔值为true,则确认computedMatch.isExact对应的路由组件为当前页面内的路由,此时,记录computedMatch.page即为当前页面的路由组件的页面路径。
当前页面的路由指的是当前浏览器地址栏中显示的路径所对应的路由。在使用React Router路由库时,通常会将不同的页面映射到不同的路由上,从而实现页面之间的切换。每个路由通常都对应一个特定的组件(称为路由组件),当访问该路由时,该组件就会被渲染到页面上。示例性地,定义两个路由:"/"和"/about",分别对应Home页和About页,当访问"/"路由时,会将HomePage组件渲染到页面上,即HomePage组件就是当前页面的路由组件;而当访问"/about"路由时,会将AboutPage组件渲染到页面上,即AboutPage组件就是当前页面的路由组件。
步骤S203,拦截当前请求对应的浏览器请求对象,并识别所述浏览器请求对象的当前域名。
在本实施例中,服务器在获取到当前请求的绝对路径和目标路由路径后,拦截所述当前请求对应的浏览器请求对象,并识别所述浏览器请求对象的当前域名。这里,浏览器请求对象为浏览器对应的底层对象,而不同的浏览器版本具有不同的底层对象,本实施例中,底层对象包括Fetch(Fetch是Web API中提供的一种用于发起网络请求的接口,可以用于在浏览器中发送HTTP请求和获取响应数据。Fetch API使用Promise对象封装了异步请求过程,并提供了灵活的请求和响应处理方式)和XMLHttpRequest(XMLHttpRequest是浏览器提供的一种用于发起HTTP请求的接口,通过它可以在客户端(浏览器)中发送HTTP请求并获取响应数据)。该方案不需要改造原有代码、不和原有代码耦合、随时可插拔,只需要拦截底层对象Fetch或XMLHttpRequest,即可对系统中所有请求附带页面路径,不需要一个一个修改,降低了开发成本。
步骤S204,将所述绝对路径与所述目标路由路径附加至所述当前域名中,生成所述当前请求所对应的页面路径。
本实施例中,服务器获取到所述浏览器请求对象的当前域名,将所述绝对路径与所述目标路由路径附加至所述当前域名中,生成所述当前请求所对应的页面路径。即本方案中,通过获取React库中的createElement方法来识别目标路由组件,并目标路由组件对应的目标路由路径,以在发起一个HTTP请求时,在HTTP请求的当前域名中添加目标路由路径和绝对路径,便于排查出现的错误、异常等性能问题。
本申请先通过获取当前请求在浏览器中的绝对路径,并根据所述绝对路径确认所述当前请求对应的目标路由组件,从而获取所述目标路由组件对应的目标路由路径;然后拦截所述当前请求对应的浏览器请求对象,并识别所述浏览器请求对象的当前域名;最后将所述绝对路径与所述目标路由路径附加至所述当前域名中,生成所述当前请求所对应的页面路径。如此,可在当前域名中添加目标路由路径和绝对路径,从而生成当前请对对应的页面路径,即更快地定位当前请求所对应的关系页面,缩小排查范围,以便于排查出现的错误、异常等性能问题。
在本实施例的一些可选的实现方式中,进一步地,在所述根据所述绝对路径确认所述当前请求对应的目标路由组件的步骤、以及在所述拦截所述当前请求对应的浏览器的请求对象的步骤之后,还包括:
对所述目标路由组件以及所述请求对象进行异常检测;
当所述目标路由组件和所述请求对象中的任意一个出现异常时,生成异常信息,并根据所述异常信息执行异常处理。
由于本申请的页面路径的处理方法是获取React库和底层对象Fetch或XMLHttpRequest,即代码的质量健壮性需要非常高,因此,为了避免不可预知的情况我们需要对代码做异常检测,以保护代码出错也能正常运行,并提高代码的健壮性和可靠性。
具体地,当程序执行到一个可能会抛出异常的代码块时,如果没有进行合理的异常处理,就有可能导致程序崩溃或出现其他不可预知的问题。使用try...catch语句块可以捕获异常并进行相应的处理,比如:输出错误信息、回滚事务、重试请求等,从而保证程序的正常运行和稳定性。
在一些可选的实现方式中,针对不同版本的浏览器,其对应的底层对象也不相同,即本实施例中,所述识别所述浏览器请求对象的当前域名的步骤包括:
识别所述浏览器请求对象所对应的请求接口;
若所述请求接口为Fetch接口时,拦截所述Fetch接口并获取所述Fetch接口的接口信息的第一参数;
识别所述接口信息的第一个参数;
若所述接口信息的第一个参数为字符串对象,以所述字符串对象作为所述浏览器请求对象的当前域名;
若所述接口信息的第一个参数为Request对象,通过调用Request对象的Request.url方法(Request.url方法为用于获取Request对象的完整URL路径的方法)来获取所述浏览器请求对象的当前域名。
具体地,由于Fetch API使用Promise对象封装了异步请求过程,并提供了灵活的请求和响应处理方式。即本申请中需要使用Fetch API是,只需要在JavaScript代码中调用fetch函数即可,该fetch函数接受一个URL字符串作为参数,并返回一个Promise对象。
通过Promise对象,可以对请求进行链式调用,从而实现请求的发起、请求头的设置、响应的处理等操作。在本申请提供的方案中,利用Fetch API来拦截和修改浏览器请求对象,可以通过全局重写window.fetch(window.fetch是浏览器上获取异步资源请求的全局fetch方法)属性来实现。
具体来说,可以先将原始的fetch函数保存到一个变量中,然后再定义一个新的fetch函数,在调用原始fetch函数之前对请求对象Fetch进行拦截和修改;最后,将新的fetch函数赋值给window.fetch属性,并通过全局重写window.fetch属性,实现了对浏览器请求对象Fetch的拦截和修改。
当拦截到所述Fetch接口后,获取所述Fetch接口的接口信息的第一参数。若所述接口信息的第一个参数为字符串对象,以所述字符串对象作为所述浏览器请求对象的当前域名;若所述接口信息的第一个参数为Request对象,通过调用Request对象的Request.url方法(Request.url为请求URL的方法)来获取所述浏览器请求对象的当前域名。
当然,在获取到当前域名后,还需要对当前域名的请求协议与当前请求的协议进行对比,比如,当前域名的请求协议为HTTP协议时,而当前请求的请求协议也为HTTP协议时,即认为当前域名为当前请求对应的协议。
进一步地,获取到当前域名后,所述将所述绝对路径与所述目标路由路径附加至所述当前域名中,生成所述当前请求所对应的页面路径的步骤包括:
在JavaScript代码中调用fetch函数,并将所述fetch函数保存到预定义的originFetch变量中;重写window.fetch属性,并定义了一个新的fetch函数,在新的fetch函数中,使用Object.assign方法(Object.assign方法是将所有可枚举属性的值从一个或多个源对象添加到目标对象)将所述绝对路径与所述目标路由路径添加到所述当前域名中;调用所述新的fetch函数发起请求,以生成所述当前请求所对应的页面路径。
即通过这种方法,可以在当前请求对应的当前域名中附加额外的目标路由路径以及绝对路径,从而能够获取到当前请求对应的页面路径信息,以便于快速定位至所对应的页面,便于排查出现的错误、异常等性能问题。
此外,在另一些实施例中,所述识别所述浏览器请求对象的当前域名的步骤包括:
识别所述浏览器请求对象所对应的请求接口;
若所述请求接口为XMLHttpRequest接口时,拦截所述XMLHttpRequest接口的XMLHttpRequest.prototype.open方法和XMLHttpRequest.proptotype.send方法,并获取所述XMLHttpRequest接口的当前接口信息,作为所述浏览器请求对象的当前域名。
如下,对上述术语进行说明:
XMLHttpRequest.prototype.open:用于初始化一个HTTP请求,该方法接受三个参数:请求方法(如GET、POST等)、请求URL、是否使用异步模式(默认为true)。
XMLHttpRequest.prototype.send:用于将请求发送到服务器,并获取响应数据,该方法接受一个可选的参数,用于指定请求体(如POST请求中的数据)。
与上述fetch不同的是,本实施例中的XMLHttpRequest接口,可直接拦截所述XMLHttpRequest接口的XMLHttpRequest.prototype.open方法和XMLHttpRequest.proptotype.send方法,以获取所述XMLHttpRequest接口的当前接口信息,作为所述浏览器请求对象的当前域名。
具体地,通过重写XMLHttpRequest.prototype.open方法来实现拦截和修改浏览器请求对象。其中,第一个参数为请求的URL,可以将其记录下来以便后续进行问题排查或性能分析。
获取到请求的URL,拦截XMLHttpRequest.proptotype.send方法,并获得上面记录的URL,作为当前域名,再通过比对当前域名的请求协议与当前请求的请求协议,以判断当前域名是否对应当前请求。
当前,在获取到当前域名后,所述将所述绝对路径与所述目标路由路径附加至所述当前域名中,生成所述当前请求所对应的页面路径的步骤包括:
将所述绝对路径与所述目标路由路径附加至所述当前域名中,并调用XMLHttpRequest.prototype.open方法和XMLHttpRequest.proptotype.send方法发起请求,以生成所述当前请求所对应的页面路径。
即通过这种方法,可以在当前请求对应的当前域名中附加额外的目标路由路径以及绝对路径,从而能够获取到当前请求对应的页面路径信息,以便于快速定位至所对应的页面,便于排查出现的错误、异常等性能问题。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机可读指令来指令相关的硬件来完成,该计算机可读指令可存储于一计算机可读取存储介质中,该程序在执行时,可包括如上述各方法的实施例的流程。其中,前述的存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory,ROM)等非易失性存储介质,或随机存储记忆体(Random Access Memory,RAM)等。
应该理解的是,虽然附图的流程图中的各个步骤按照箭头的指示依次显示,但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明,这些步骤的执行并没有严格的顺序限制,其可以以其他的顺序执行。而且,附图的流程图中的至少一部分步骤可以包括多个子步骤或者多个阶段,这些子步骤或者阶段并不必然是在同一时刻执行完成,而是可以在不同的时刻执行,其执行顺序也不必然是依次进行,而是可以与其他步骤或者其他步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。
进一步参考图3,作为对上述图2所示方法的实现,本申请提供了一种页面路径的处理装置的一个实施例,该装置实施例与图2所示的方法实施例相对应,该装置具体可以应用于各种电子设备中。
如图3所示,本实施例所述的页面路径的处理装置300包括:第一获取模块301、第二模块302、识别模块303以及生成模块304,其中:
第一获取模块301,用于获取当前请求在浏览器中的绝对路径;
第二获取模块302,用于根据所述绝对路径确认所述当前请求对应的目标路由组件,并获取所述目标路由组件对应的目标路由路径;
识别模块303,用于拦截所述当前请求对应的浏览器请求对象,并识别所述浏览器请求对象的当前域名;以及
生成模块304,用于将所述绝对路径与所述目标路由路径附加至所述当前域名中,生成所述当前请求所对应的页面路径。
本实施例中,本申请先通过第一获取模块301获取当前请求在浏览器中的绝对路径,并根据所述绝对路径确认所述当前请求对应的目标路由组件,从而第二获取模块302获取所述目标路由组件对应的目标路由路径;然后拦截所述当前请求对应的浏览器请求对象,并通过识别模块303识别所述浏览器请求对象的当前域名;最后将所述绝对路径与所述目标路由路径附加至所述当前域名中,通过生成模块304生成所述当前请求所对应的页面路径。如此,可在当前域名中添加目标路由路径和绝对路径,从而生成当前请对对应的页面路径,即更快地定位当前请求所对应的关系页面,缩小排查范围,以便于排查出现的错误、异常等性能问题。
参阅图4,为识别模块303一种具体实施方式的结构示意图,,本实施例所述的识别模块303包括第一识别单元3031、获取单元3032、第二识别单元3033、第一处理单元3034以及第二处理单元3035。其中:
第一识别单元3031,用于识别所述浏览器请求对象所对应的请求接口;
获取单元3032,用于若所述请求接口为Fetch接口时,拦截所述Fetch接口并获取所述Fetch接口的接口信息的第一参数;
第二识别单元3033,用于识别所述接口信息的第一个参数;
第一处理单元3034,用于若所述接口信息的第一个参数为字符串对象,以所述字符串对象作为所述浏览器请求对象的当前域名;以及
第二处理单元3035,用于若所述接口信息的第一个参数为Request对象,通过调用Request对象的Request.url方法来获取所述浏览器请求对象的当前域名。
即本实施例提供的识别模块303能够准确地获取到所述浏览器请求对象的当前域名,以便于后续在当前请求对应的当前域名中附加额外的目标路由路径以及绝对路径,从而能够获取到当前请求对应的页面路径信息,以便于快速定位至所对应的页面,便于排查出现的错误、异常等性能问题。
为解决上述技术问题,本申请实施例还提供计算机设备。具体请参阅图5,图5为本实施例计算机设备基本结构框图。
所述计算机设备4包括通过系统总线相互通信连接存储器41、处理器42、网络接口43。需要指出的是,图中仅示出了具有组件41-43的计算机设备4,但是应理解的是,并不要求实施所有示出的组件,可以替代的实施更多或者更少的组件。其中,本技术领域技术人员可以理解,这里的计算机设备是一种能够按照事先设定或存储的指令,自动进行数值计算和/或信息处理的设备,其硬件包括但不限于微处理器、专用集成电路(ApplicationSpecific Integrated Circuit,ASIC)、可编程门阵列(Field-Programmable GateArray,FPGA)、数字处理器(Digital Signal Processor,DSP)、嵌入式设备等。
所述计算机设备可以是桌上型计算机、笔记本、掌上电脑及云端服务器等计算设备。所述计算机设备可以与用户通过键盘、鼠标、遥控器、触摸板或声控设备等方式进行人机交互。
所述存储器41至少包括一种类型的可读存储介质,所述可读存储介质包括闪存、硬盘、多媒体卡、卡型存储器(例如,SD或DX存储器等)、随机访问存储器(RAM)、静态随机访问存储器(SRAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、可编程只读存储器(PROM)、磁性存储器、磁盘、光盘等。在一些实施例中,所述存储器41可以是所述计算机设备4的内部存储单元,例如该计算机设备4的硬盘或内存。在另一些实施例中,所述存储器41也可以是所述计算机设备4的外部存储设备,例如该计算机设备4上配备的插接式硬盘,智能存储卡(Smart Medi a Card,SMC),安全数字(Secure Digital,SD)卡,闪存卡(FlashCard)等。当然,所述存储器41还可以既包括所述计算机设备4的内部存储单元也包括其外部存储设备。本实施例中,所述存储器41通常用于存储安装于所述计算机设备4的操作系统和各类应用软件,例如页面路径的处理方法的计算机可读指令等。此外,所述存储器41还可以用于暂时地存储已经输出或者将要输出的各类数据。
所述处理器42在一些实施例中可以是中央处理器(Central Processing Unit,CPU)、控制器、微控制器、微处理器、或其他数据处理芯片。该处理器42通常用于控制所述计算机设备4的总体操作。本实施例中,所述处理器42用于运行所述存储器41中存储的计算机可读指令或者处理数据,例如运行所述页面路径的处理方法的计算机可读指令。
所述网络接口43可包括无线网络接口或有线网络接口,该网络接口43通常用于在所述计算机设备4与其他电子设备之间建立通信连接。
本实施例中提供的计算机设备可以执行上述页面路径的处理方法。此处页面路径的处理方法可以是上述各个实施例的页面路径的处理方法。
本实施例中,本申请先通过获取当前请求在浏览器中的绝对路径,并根据所述绝对路径确认所述当前请求对应的目标路由组件,从而获取所述目标路由组件对应的目标路由路径;然后拦截所述当前请求对应的浏览器请求对象,并识别所述浏览器请求对象的当前域名;最后将所述绝对路径与所述目标路由路径附加至所述当前域名中,生成所述当前请求所对应的页面路径。如此,可在当前域名中添加目标路由路径和绝对路径,从而生成当前请对对应的页面路径,即更快地定位当前请求所对应的关系页面,缩小排查范围,以便于排查出现的错误、异常等性能问题。
本申请还提供了另一种实施方式,即提供一种计算机可读存储介质,所述计算机可读存储介质存储有计算机可读指令,所述计算机可读指令可被至少一个处理器执行,以使所述至少一个处理器执行如上述的页面路径的处理方法的步骤。
本实施例中,本申请先通过获取当前请求在浏览器中的绝对路径,并根据所述绝对路径确认所述当前请求对应的目标路由组件,从而获取所述目标路由组件对应的目标路由路径;然后拦截所述当前请求对应的浏览器请求对象,并识别所述浏览器请求对象的当前域名;最后将所述绝对路径与所述目标路由路径附加至所述当前域名中,生成所述当前请求所对应的页面路径。如此,可在当前域名中添加目标路由路径和绝对路径,从而生成当前请对对应的页面路径,即更快地定位当前请求所对应的关系页面,缩小排查范围,以便于排查出现的错误、异常等性能问题。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中,包括若干指令用以使得一台终端设备(可以是手机,计算机,服务器,空调器,或者网络设备等)执行本申请各个实施例所述的方法。
显然,以上所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例,附图中给出了本申请的较佳实施例,但并不限制本申请的专利范围。本申请可以以许多不同的形式来实现,相反地,提供这些实施例的目的是使对本申请的公开内容的理解更加透彻全面。尽管参照前述实施例对本申请进行了详细的说明,对于本领域的技术人员来而言,其依然可以对前述各具体实施方式所记载的技术方案进行修改,或者对其中部分技术特征进行等效替换。凡是利用本申请说明书及附图内容所做的等效结构,直接或间接运用在其他相关的技术领域,均同理在本申请专利保护范围之内。
Claims (10)
1.一种页面路径的处理方法,其特征在于,包括下述步骤:
获取当前请求在浏览器中的绝对路径;
根据所述绝对路径确认所述当前请求对应的目标路由组件,并获取所述目标路由组件对应的目标路由路径;
拦截所述当前请求对应的浏览器请求对象,并识别所述浏览器请求对象的当前域名;以及
将所述绝对路径与所述目标路由路径附加至所述当前域名中,生成所述当前请求所对应的页面路径。
2.根据权利要求1所述的页面路径的处理方法,其特征在于,所述根据所述绝对路径确认所述当前请求对应的目标路由组件的步骤包括:
获取React库的createElement方法,并遍历React组件树,以得到各个React组件的路由路径,其中,所述React组件树包括通过createElement方法渲染后的所有React组件;
将各个所述React组件的路由路径分别与所述绝对路径进行匹配;
若匹配成功,通过预定的渲染函数对匹配成功后的React组件进行渲染,得到渲染后的React组件,并以所述渲染后的React组件作为所述目标路由组件;以及
若匹配不成功,通过createElement方法重新对React组件进行渲染后,返回执行所述获取React库的createElement方法,并遍历React组件树,以得到各个React组件的路由路径的步骤。
3.根据权利要求2所述的页面路径的处理方法,其特征在于,在所述若匹配成功之后,以及所述通过预定的渲染函数对匹配成功后的路由组件进行渲染的步骤之前,还包括:
获取所述匹配成功后的React组件的当前类型标识符;
比较所述当前类型标识符与所述目标路由组件对应的类型标识符;
若所述当前类型标识符与所述目标路由组件对应的类型标识符相同,则继续执行所述通过预定的渲染函数对匹配成功后的路由组件进行渲染的步骤;以及
若所述当前类型标识符与所述目标路由组件对应的类型标识符不相同,则返回执行将各个所述React组件的路由路径分别与所述绝对路径进行匹配的步骤。
4.根据权利要求1所述的页面路径的处理方法,其特征在于,所述识别所述浏览器请求对象的当前域名的步骤包括:
识别所述浏览器请求对象所对应的请求接口;
若所述请求接口为Fetch接口时,拦截所述Fetch接口并获取所述Fetch接口的接口信息的第一参数;
识别所述接口信息的第一个参数;
若所述接口信息的第一个参数为字符串对象,以所述字符串对象作为所述浏览器请求对象的当前域名;以及
若所述接口信息的第一个参数为Request对象,通过调用Request对象的Request.url方法来获取所述浏览器请求对象的当前域名。
5.根据权利要求4所述的页面路径的处理方法,其特征在于,所述将所述绝对路径与所述目标路由路径附加至所述当前域名中,生成所述当前请求所对应的页面路径的步骤包括:
在JavaScript代码中调用fetch函数,并将所述fetch函数保存到预定义的originFetch变量中;
重写window.fetch属性,并定义了一个新的fetch函数,在新的fetch函数中,使用Object.assign方法将所述绝对路径与所述目标路由路径添加到所述当前域名中;以及
调用所述新的fetch函数发起请求,以生成所述当前请求所对应的页面路径。
6.根据权利要求1所述的页面路径的处理方法,其特征在于,在所述根据所述绝对路径确认所述当前请求对应的目标路由组件的步骤、以及在所述拦截所述当前请求对应的浏览器的请求对象的步骤之后,还包括:
对所述目标路由组件以及所述请求对象进行异常检测;以及
当所述目标路由组件和所述请求对象中的任意一个出现异常时,生成异常信息,并根据所述异常信息执行异常处理。
7.一种页面路径的处理装置,其特征在于,包括:
第一获取模块,用于获取当前请求在浏览器中的绝对路径;
第二获取模块,用于根据所述绝对路径确认所述当前请求对应的目标路由组件,并获取所述目标路由组件对应的目标路由路径;
识别模块,用于拦截所述当前请求对应的浏览器请求对象,并识别所述浏览器请求对象的当前域名;以及
生成模块,用于将所述绝对路径与所述目标路由路径附加至所述当前域名中,生成所述当前请求所对应的页面路径。
8.根据权利要求7所述的页面路径的处理装置,其特征在于,所述识别模块包括:
第一识别单元,用于识别所述浏览器请求对象所对应的请求接口;
获取单元,用于若所述请求接口为Fetch接口时,拦截所述Fetch接口并获取所述Fetch接口的接口信息的第一参数;
第二识别单元,用于识别所述接口信息的第一个参数;
第一处理单元,用于若所述接口信息的第一个参数为字符串对象,以所述字符串对象作为所述浏览器请求对象的当前域名;以及
第二处理单元,用于若所述接口信息的第一个参数为Request对象,通过调用Request对象的Request.url方法来获取所述浏览器请求对象的当前域名。
9.一种计算机设备,包括存储器和处理器,所述存储器中存储有计算机可读指令,所述处理器执行所述计算机可读指令时实现如权利要求1至6中任一项所述的页面路径的处理方法的步骤。
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质上存储有计算机可读指令,所述计算机可读指令被处理器执行时实现如权利要求1至6中任一项所述的页面路径的处理方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310380103.4A CN116389409A (zh) | 2023-04-07 | 2023-04-07 | 页面路径的处理方法、装置、计算机设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310380103.4A CN116389409A (zh) | 2023-04-07 | 2023-04-07 | 页面路径的处理方法、装置、计算机设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN116389409A true CN116389409A (zh) | 2023-07-04 |
Family
ID=86970828
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202310380103.4A Pending CN116389409A (zh) | 2023-04-07 | 2023-04-07 | 页面路径的处理方法、装置、计算机设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN116389409A (zh) |
-
2023
- 2023-04-07 CN CN202310380103.4A patent/CN116389409A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10942708B2 (en) | Generating web API specification from online documentation | |
CN106874174B (zh) | 接口测试及功能测试的实现方法和装置 | |
JP6898452B2 (ja) | データ取得方法およびデバイス | |
US20200357007A1 (en) | Page data acquisition method, apparatus, server, electronic device and computer readable medium | |
US20110307238A1 (en) | Methods for utilizing a javascript emulator in a web content proxy server and devices thereof | |
US20170206188A1 (en) | Manipulation of an ajax tree presentation | |
CN109359237B (zh) | 一种用于搜索寄宿程序的方法与设备 | |
CN112394908A (zh) | 埋点页面自动生成的方法、装置、计算机设备及存储介质 | |
CN110968314B (zh) | 一种页面生成方法及装置 | |
JP6877343B2 (ja) | 非構造化メッセージの処理 | |
CN110598135A (zh) | 网络请求处理方法、装置、计算机可读介质及电子设备 | |
CN105094857B (zh) | 用于应用加载的方法和系统 | |
WO2023092580A1 (zh) | 页面显示方法、装置、存储介质及电子设备 | |
CN111400635A (zh) | 数据库的后台管理方法、装置、计算机设备及存储介质 | |
CN111679976A (zh) | 一种页面对象的查找方法及装置 | |
CN116661936A (zh) | 页面数据的处理方法、装置、计算机设备及存储介质 | |
CN110554892A (zh) | 信息获取方法和装置 | |
CN116389409A (zh) | 页面路径的处理方法、装置、计算机设备及存储介质 | |
CN115421693A (zh) | 微前端架构的实现方法、装置、计算机设备和存储介质 | |
CN110362305A (zh) | 一种表单组件状态切换方法及装置 | |
CN114625372A (zh) | 组件自动编译方法、装置、计算机设备及存储介质 | |
CN110471708B (zh) | 基于可重用组件的配置项获取的方法及装置 | |
CN116149639A (zh) | 一种组件开发的方法、装置、电子设备和存储介质 | |
CN109635175B (zh) | 页面数据拼接方法、装置、可读存储介质和电子设备 | |
CN111125565A (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 |