资源文件的路径处理方法、装置、电子设备及存储介质与流程

1.本公开涉及计算机技术领域，尤其涉及网页处理领域。


背景技术：

2.随着计算机技术和网络技术的发展，互联网改变了人们的生活方式，人们可以通过登录各个网站获取各种信息，以满足日常生活的需求。
3.在将网页投放到各网站对应的第三方平台进行运营的时候，为了保证安全性，第三方平台会对网页的链接进行规则审核，对于不符合规则要求的，进行逻辑更改(例如，更改资源文件的路径等)，然后生成新的链接去投放。因此，为了符合第三方平台的要求，投放到第三方平台的网页中不能有相对路径，然而，由于相对路径操作简单，项目开发中大部分的资源文件都会使用相对路径，如果人工逐一去更改工作量太大，而且容易遗漏或出错，因此，如何高效更改项目中的资源文件的相对路径，成为需要解决的问题。


技术实现要素：

4.本公开提供了一种资源文件的路径处理方法、装置、电子设备及存储介质。
5.根据本公开的一方面，提供了一种资源文件的路径处理方法，该方法应用于网页项目的打包工具中，该方法包括：
6.获取网页项目的各资源文件的第一绝对路径；
7.将第一绝对路径按照预设的处理规则进行序列化处理，得到第二绝对路径；
8.基于预配置的域名信息和第二绝对路径，确定各资源文件的公共路径；
9.对各资源文件中包含相对路径的资源文件，将其中的相对路径替换为公共路径。
10.根据本公开的另一方面，提供了一种资源文件的路径处理装置，该装置应用于网页项目的打包工具中，该装置包括：
11.获取模块，用于获取网页项目的各资源文件的第一绝对路径；
12.处理模块，用于将第一绝对路径按照预设的处理规则进行序列化处理，得到第二绝对路径；
13.确定模块，用于基于预配置的域名信息和第二绝对路径，确定各资源文件的公共路径；
14.替换模块，用于对各资源文件中包含相对路径的资源文件，将其中的相对路径替换为公共路径。
15.根据本公开的另一方面，提供了一种电子设备，包括：
16.至少一个处理器；以及
17.与该至少一个处理器通信连接的存储器；其中，
18.该存储器存储有可被该至少一个处理器执行的指令，该指令被该至少一个处理器执行，以使该至少一个处理器能够执行本公开任一实施例中的方法。
19.根据本公开的另一方面，提供了一种存储有计算机指令的非瞬时计算机可读存储
介质，该计算机指令用于使计算机执行本公开任一实施例中的方法。
20.根据本公开的另一方面，提供了一种计算机程序产品，包括计算机程序，该计算机程序被处理器执行时实现本公开任一实施例中的方法。
21.本公开技术方案解决了人工逐一更改资源文件的相对路径工作量大，而且容易遗漏或出错的问题。本公开技术方案中，利用打包工具在对网页项目中的资源文件进行打包过程中，利用公共路径统一替换每个资源文件中的相对路径，使得投放到第三方平台的网页不包含相对路径，在前期项目开发过程中不需要考虑相对路径的问题，项目打包后自动生成不包含相对路径资源文件的数据包，减少了修改相对路径的工作量，避免遗漏或出错的风险。
22.应当理解，本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征，也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。
附图说明
23.附图用于更好地理解本方案，不构成对本公开的限定。其中：
24.图1为本公开一实施例中资源文件的路径处理方法的示意图；
25.图2为本公开一实施例中资源文件的路径处理方法的示意图；
26.图3为本公开一实施例中资源文件的路径处理装置的示意图；
27.图4是用来实现本公开实施例的资源文件的路径处理方法的电子设备的框图。
具体实施方式
28.以下结合附图对本公开的示范性实施例做出说明，其中包括本公开实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本公开的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。
29.本公开技术方案可以应用于网页项目的打包工具中，例如，webpack等。利用打包工具在对网页项目中的资源文件进行打包过程中，利用公共路径统一替换每个资源文件中的相对路径，项目打包后自动生成不包含相对路径资源文件的包，可以直接投放到第三方平台，符合第三方平台不允许网页项目的资源文件中有相对路径的要求。
30.本公开的执行主体可以是任一电子设备，例如，安装有网页项目的打包工具的终端设备等。以下将详细介绍本公开实施例中的资源文件的路径处理方法。
31.图1为本公开一实施例中资源文件的路径处理方法的示意图。该方法可以应用于网页项目的打包工具中，如图1所示，该方法可以包括：
32.步骤s101，获取网页项目的各资源文件的第一绝对路径；
33.其中，资源文件可以包括但不限于文本、图像、音频、视频、视音频等网页中可能包含的各类型文件。第一绝对路径可以根据具体需要进行配置。
34.步骤s102，将第一绝对路径按照预设的处理规则进行序列化处理，得到第二绝对路径；
35.其中，序列化(serialization)处理是将对象的状态信息转换为可以存储或传输的形式的过程。在序列化期间，对象将其当前状态写入到临时或持久性存储区。以后，可以
通过从存储区中读取或反序列化对象的状态，重新创建该对象。
36.其中，预设的处理规则可以根据具体的配置文件来确定，不同的配置文件对应的序列化处理规则可以不同。
37.步骤s103，基于预配置的域名信息和第二绝对路径，确定各资源文件的公共路径；
38.其中，基于域名信息和第二绝对路径，可以得到统一的公共路径，可以用于后续步骤中替换各资源文件中的相对路径。其中，域名信息可以是预先配置的。
39.步骤s104，对各资源文件中包含相对路径的资源文件，将其中的相对路径替换为公共路径。
40.其中，相对路径就是相对于当前文件的路径。若网页中包含相对路径，则第三方平台无法确认该网页的安全性，因此，利用公共路径统一替换每个资源文件的相对路径以满足第三方平台的要求。
41.本公开实施例提供的资源文件的路径处理方法，利用打包工具在对网页项目中的资源文件进行打包过程中，利用公共路径统一替换每个资源文件中的相对路径，使得投放到第三方平台的网页不包含相对路径，在前期项目开发过程中不需要考虑相对路径的问题，项目打包后自动生成不包含相对路径资源文件的数据包，减少了修改相对路径的工作量，避免遗漏或出错的风险。
42.对于步骤s101的具体实现方式，见如下实施例。
43.在一种可能的实现方式中，获取网页项目的各资源文件的第一绝对路径，包括：
44.在网页项目为vue框架下的落地页项目的情况下，接收预配置的第一绝对路径，利用node.js脚本语言将第一绝对路径添加到落地页项目中的第一配置文件中，第一配置文件为env.config.js。
45.其中，vue是一套用于构建用户界面的渐进式框架。落地页也可以称为着陆页、引导页，可以是用户点击广告或者利用搜索引擎搜索后显示给用户的网页，一般这个页面会显示和所点击广告或搜索结果链接相关的扩展内容。
46.其中，node.js是一个事件驱动i/o服务端javascript运行环境，基于google的chrome v8引擎，v8引擎执行javascript的速度快，性能好。
47.其中，第一变量配置文件可以是位于项目入口的配置文件，接收node.js传入的第一绝对路径后续进行处理。
48.对于步骤s102的具体实现方式，见如下实施例。
49.在一种可能的实现方式中，将第一绝对路径按照预设的处理规则进行序列化处理，得到第二绝对路径，包括：
50.通过第一配置文件将第一绝对路径按照第一配置文件对应的处理规则进行序列化处理，得到处理后的第一绝对路径；
51.通过落地页项目中的第二配置文件将处理后的第一绝对路径按照第二配置文件对应的处理规则进行序列化处理，得到第二绝对路径，第二配置文件为vue.config.js。
52.其中，第一配置文件、第二配置文件各自对应有处理规则，按照各自对应的处理规则对第一绝对路径进行相应的处理，以符合vue框架下的打包工具的处理过程。
53.对于步骤s103的具体实现方式，见如下实施例。
54.在一种可能的实现方式中，基于预配置的域名信息和第二绝对路径，确定各资源
文件的公共路径，包括：
55.将预配置的域名信息与第二绝对路径进行拼接处理，得到公共路径。
56.在实际应用中，将第二绝对路径拼接在预配置的域名信息的后面，得到项目中各资源文件的统一的公共路径，可以用于后续步骤中替换各资源文件中的相对路径。
57.对于步骤s104的具体实现方式，见如下实施例。
58.在一种可能的实现方式中，对各资源文件中包含相对路径的资源文件，将其中的相对路径替换为公共路径，包括：
59.利用公共路径对打包工具中的publicpath属性进行赋值得到属性值；
60.对各资源文件中包含相对路径的资源文件，将其中的相对路径替换为属性值。
61.在实际应用中，利用公共路径对publicpath属性进行赋值，得到publicpath属性的属性值，对于包含相对路径的资源文件，利用publicpath属性的属性值替换该资源文件中的相对路径，对于不包含相对路径的资源文件可以不进行替换操作。项目打包后自动生成不包含相对路径资源文件的数据包，减少了修改相对路径的工作量，避免遗漏或出错的风险。
62.在一种可能的实现方式中，对各资源文件中包含相对路径的资源文件，将其中的相对路径替换为属性值，包括：
63.遍历各资源文件中的每一资源文件，确定资源文件的访问路径中是否包含特定字符；
64.对于访问路径中包含特定字符的资源文件，利用属性值替换访问路径中特定字符对应的位置。
65.在实际应用中，遍历网页项目的各资源文件中的每个资源文件，每个资源文件均具有访问路径，根据该访问路径可以访问该资源文件。在资源文件的访问路径中识别是否包含特定字符，特定字符用于指示该访问路径为相对路径，特定字符可以包括但不限于./、../，如果访问路径中包含特定字符，则说明该资源文件的访问路径为相对路径，利用publicpath属性的属性值替换资源文件的访问路径中特定字符对应的位置，也就是相对路径对应的位置，从而得到不包含相对路径的资源文件的数据包。
66.下面通过一个具体的实施例来介绍本公开中的资源文件的路径处理方法的实现过程。图2为本公开一实施例中资源文件的路径处理方法的示意图。
67.本实施例中，打包工具为webpack。如图2所示，本实施例中的方法包括：
68.步骤s201，利用node.js脚本语言将预配置的第一绝对路径添加到落地页项目中的env.config.js文件中；
69.步骤s202，通过env.config.js文件将第一绝对路径按照第一配置文件对应的处理规则进行序列化处理，得到处理后的第一绝对路径；
70.步骤s203，通过vue.config.js文件将处理后的第一绝对路径按照第二配置文件对应的处理规则进行序列化处理，得到第二绝对路径；
71.步骤s204，将域名信息与第二绝对路径进行拼接处理，得到公共路径；
72.步骤s205，利用公共路径对webpack中的publicpath属性进行赋值；
73.步骤s206，遍历各资源文件中的每一资源文件，确定资源文件的访问路径中是否包含特定字符；
74.步骤s207，对于访问路径中包含特定字符的资源文件，利用publicpath属性的属性值替换资源文件的访问路径中特定字符对应的位置。
75.本公开实施例提供的资源文件的路径处理方法，利用打包工具在对网页项目中的资源文件进行打包过程中，利用公共路径统一替换每个资源文件中的相对路径，使得投放到第三方平台的网页不包含相对路径，在前期项目开发过程中不需要考虑相对路径的问题，项目打包后自动生成不包含相对路径资源文件的数据包，减少了修改相对路径的工作量，避免遗漏或出错的风险。
76.图3为本公开一实施例中资源文件的路径处理装置的示意图。该装置应用于网页项目的打包工具中，如图3所示，该装置可以包括：
77.获取模块301，用于获取网页项目的各资源文件的第一绝对路径；
78.处理模块302，用于将所述第一绝对路径按照预设的处理规则进行序列化处理，得到第二绝对路径；
79.确定模块303，用于基于预配置的域名信息和所述第二绝对路径，确定所述各资源文件的公共路径；
80.替换模块304，用于对各资源文件中包含相对路径的资源文件，将其中的相对路径替换为公共路径。
81.本公开实施例提供的资源文件的路径处理装置，利用打包工具在对网页项目中的资源文件进行打包过程中，利用公共路径统一替换每个资源文件中的相对路径，使得投放到第三方平台的网页不包含相对路径，在前期项目开发过程中不需要考虑相对路径的问题，项目打包后自动生成不包含相对路径资源文件的包，减少了修改相对路径的工作量，避免遗漏或出错的风险。
82.在一种可能的实现方式中，获取模块301具体用于：
83.在网页项目为vue框架下的落地页项目的情况下，接收预配置的第一绝对路径，利用node.js脚本语言将第一绝对路径添加到落地页项目中的第一配置文件中，第一配置文件为env.config.js。
84.在一种可能的实现方式中，处理模块302具体用于：
85.通过第一配置文件将第一绝对路径按照第一配置文件对应的处理规则进行序列化处理，得到处理后的第一绝对路径；
86.通过落地页项目中的第二配置文件将处理后的第一绝对路径按照第二配置文件对应的处理规则进行序列化处理，得到第二绝对路径，第二配置文件为vue.config.js。
87.在一种可能的实现方式中，确定模块303具体用于：
88.将预配置的域名信息与第二绝对路径进行拼接处理，得到公共路径。
89.在一种可能的实现方式中，替换模块304包括赋值单元和替换单元；
90.赋值单元，用于利用公共路径对打包工具中的publicpath属性进行赋值得到属性值；
91.替换单元，用于对各资源文件中包含相对路径的资源文件，将其中的相对路径替换为属性值。
92.在一种可能的实现方式中，替换单元具体用于：
93.遍历各资源文件中的每一资源文件，确定资源文件的访问路径中是否包含特定字
符；
94.对于访问路径中包含特定字符的资源文件，利用属性值替换访问路径中特定字符对应的位置。
95.本公开实施例各装置中的各单元、模块或子模块的功能可以参见上述方法实施例中的对应描述，在此不再赘述。
96.根据本公开的实施例，本公开还提供了一种电子设备、一种可读存储介质和一种计算机程序产品。
97.图4示出了可以用来实施本公开的实施例的示例电子设备400的示意性框图。电子设备旨在表示各种形式的数字计算机，诸如，膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置，诸如，个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例，并且不意在限制本文中描述的和/或要求的本公开的实现。
98.如图4所示，电子设备400包括计算单元401，其可以根据存储在只读存储器(rom)402中的计算机程序或者从存储单元408加载到随机访问存储器(ram)403中的计算机程序来执行各种适当的动作和处理。在ram 403中，还可存储电子设备400操作所需的各种程序和数据。计算单元401、rom 402以及ram 403通过总线404彼此相连。输入输出(i/o)接口405也连接至总线404。
99.电子设备400中的多个部件连接至i/o接口405，包括：输入单元406，例如键盘、鼠标等；输出单元407，例如各种类型的显示器、扬声器等；存储单元408，例如磁盘、光盘等；以及通信单元409，例如网卡、调制解调器、无线通信收发机等。通信单元409允许电子设备400通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。
100.计算单元401可以是各种具有处理和计算能力的通用和/或专用处理组件。计算单元401的一些示例包括但不限于中央处理单元(cpu)、图形处理单元(gpu)、各种专用的人工智能(ai)计算芯片、各种运行机器学习模型算法的计算单元、数字信号处理器(dsp)、以及任何适当的处理器、控制器、微控制器等。计算单元401执行上文所描述的各个方法和处理，例如资源文件的路径处理方法。例如，在一些实施例中，资源文件的路径处理方法可被实现为计算机软件程序，其被有形地包含于机器可读介质，例如存储单元408。在一些实施例中，计算机程序的部分或者全部可以经由rom 402和/或通信单元409而被载入和/或安装到电子设备400上。当计算机程序加载到ram 403并由计算单元401执行时，可以执行上文描述的资源文件的路径处理方法的一个或多个步骤。备选地，在其他实施例中，计算单元401可以通过其他任何适当的方式(例如，借助于固件)而被配置为执行资源文件的路径处理方法。
101.本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、场可编程门阵列(fpga)、专用集成电路(asic)、专用标准产品(assp)、芯片上系统的系统(soc)、负载可编程逻辑设备(cpld)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括：实施在一个或者多个计算机程序中，该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释，该可编程处理器可以是专用或者通用可编程处理器，可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令，并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至
少一个输出装置。
102.用于实施本公开的方法的程序代码可以采用一个或多个编程语言的任何组合来编写。这些程序代码可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器或控制器，使得程序代码当由处理器或控制器执行时使流程图和/或框图中所规定的功能/操作被实施。程序代码可以完全在机器上执行、部分地在机器上执行，作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。
103.在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(ram)、只读存储器(rom)、可擦除可编程只读存储器(eprom或快闪存储器)、光纤、便捷式紧凑盘只读存储器(cd
‑
rom)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
104.为了提供与用户的交互，可以在计算机上实施此处描述的系统和技术，该计算机具有：用于向用户显示信息的显示装置(例如，crt(阴极射线管)或者lcd(液晶显示器)监视器)；以及键盘和指向装置(例如，鼠标或者轨迹球)，用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互；例如，提供给用户的反馈可以是任何形式的传感反馈(例如，视觉反馈、听觉反馈、或者触觉反馈)；并且可以用任何形式(包括声输入、语音输入、或者触觉输入来接收来自用户的输入。
105.可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如，作为数据服务器)、或者包括中间件部件的计算系统(例如，应用服务器)、或者包括前端部件的计算系统(例如，具有图形用户界面或者网络浏览器的用户计算机，用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如，通信网络)来将系统的部件相互连接。通信网络的示例包括：局域网(lan)、广域网(wan)和互联网。
106.计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端
‑
服务器关系的计算机程序来产生客户端和服务器的关系。
107.应该理解，可以使用上面所示的各种形式的流程，重新排序、增加或删除步骤。例如，本公开中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行，只要能够实现本公开公开的技术方案所期望的结果，本文在此不进行限制。
108.上述具体实施方式，并不构成对本公开保护范围的限制。本领域技术人员应该明白的是，根据设计要求和其他因素，可以进行各种修改、组合、子组合和替代。任何在本公开的精神和原则之内所作的修改、等同替换和改进等，均应包含在本公开保护范围之内。