CN113849217A - 资源打包方法、装置、电子设备及存储介质 - Google Patents
资源打包方法、装置、电子设备及存储介质 Download PDFInfo
- Publication number
- CN113849217A CN113849217A CN202111005413.5A CN202111005413A CN113849217A CN 113849217 A CN113849217 A CN 113849217A CN 202111005413 A CN202111005413 A CN 202111005413A CN 113849217 A CN113849217 A CN 113849217A
- Authority
- CN
- China
- Prior art keywords
- picture
- position information
- storage position
- file
- packing
- 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
- 238000004806 packaging method and process Methods 0.000 title claims abstract description 48
- 238000000034 method Methods 0.000 title claims abstract description 43
- 238000012856 packing Methods 0.000 claims abstract description 81
- 230000006870 function Effects 0.000 claims description 15
- 238000012545 processing Methods 0.000 claims description 11
- 238000004590 computer program Methods 0.000 claims description 5
- 238000004891 communication Methods 0.000 description 11
- 238000005516 engineering process Methods 0.000 description 7
- 238000010586 diagram Methods 0.000 description 6
- 230000003287 optical effect Effects 0.000 description 4
- 230000008569 process Effects 0.000 description 4
- 230000005236 sound signal Effects 0.000 description 4
- 230000001133 acceleration Effects 0.000 description 2
- 238000004458 analytical method Methods 0.000 description 2
- 230000008859 change Effects 0.000 description 2
- 238000011161 development Methods 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 238000007726 management method Methods 0.000 description 2
- 230000009471 action Effects 0.000 description 1
- 230000006978 adaptation Effects 0.000 description 1
- 238000003491 array Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000003384 imaging method Methods 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/70—Software maintenance or management
- G06F8/71—Version control; Configuration management
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Computer Security & Cryptography (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本申请是关于一种资源打包方法、装置、电子设备及存储介质，该方法包括：获取json文件对应的图片的存储位置信息；使用所述图片存储位置信息对所述json文件进行重写，生成打包控件可识别的动态文件；在所述图片的存储位置信息为本地存储位置信息的情况下，使用所述打包控件对所述动态文件进行解析，获取所述图片的存储位置信息，根据所述图片的存储位置信息获取所述图片，对所述动态文件和所述图片进行打包。本申请可以应用在lottie框架中。
Description
技术领域
本公开涉及通信领域，尤其涉及资源打包方法、装置、电子设备及存储介质。
背景技术
lottie是一种动画解决方案，用户可以在lottie的特效(After Effects，AE)插件中制作动画，然后通过Bodymovin插件将制作的动画导出成一个json文件和一系列png图片，动画应用端，如web端、安卓端以及IOS端等，可以接收json文件和对应的png图片，在lottie框架下还原出制作的动画。
在动画应用端为web端的情况下，相关技术一般需要采用webpack技术对资源进行打包处理，然而，webpack无法获知json文件和png图片之间的依赖关系，在进行资源打包时，webpack只能对json文件进行打包，使得png图片丢失，从而无法在web端显示采用lottie框架制作的动画。
发明内容
为克服相关技术中存在的问题，本公开提供一种资源打包方法、装置、电子设备及存储介质。
根据本公开实施例的第一方面，提供一种资源打包方法，包括：
获取json文件对应的图片的存储位置信息；
使用所述图片存储位置信息对所述json文件进行重写，生成打包控件可识别的动态文件；
在所述图片的存储位置信息为本地存储位置信息的情况下，使用所述打包控件对所述动态文件进行解析，获取所述图片的存储位置信息，根据所述图片的存储位置信息获取所述图片，对所述动态文件和所述图片进行打包。
可选的，所述在所述图片的存储位置信息为本地存储位置信息的情况下，使用所述打包控件对所述动态文件进行解析，获取所述图片的存储位置信息，根据所述图片的存储位置信息获取所述图片，对所述动态文件和所述图片进行打包之前，还包括：
将所述图片的存储位置信息发送给所述打包控件，以供所述打包控件通过所述图片的存储位置信息确定所述json文件与所述图片存在依赖关系；
所述使用所述打包控件对所述动态文件进行解析，获取所述图片的存储位置信息，根据所述图片的存储位置信息获取所述图片，对所述动态文件和所述图片进行打包具体为：
根据所述图片与所述json文件的依赖关系，使用所述打包控件对所述动态文件进行解析，获取所述图片的存储位置信息，根据所述图片的存储位置信息获取所述图片，对所述图片和所述动态文件进行打包。
可选的，所述获取json文件对应的图片的存储位置信息包括：
在所述图片的存储位置信息为本地存储位置信息的情况下，对所述json文件进行解析，获取所述图片与所述json文件的相对位置信息；
根据所述json文件的存储位置，以及所述图片与所述json文件的相对位置信息，获取所述图片的本地存储位置信息。
可选的，所述使用所述图片存储位置信息对所述json文件进行重写，生成打包控件可识别的动态文件包括：
通过所述打包控件可识别的重写函数，将所述图片存储位置信息重写到所述json文件的图片地址属性中，生成打包控件可识别的动态文件。
可选的，所述打包控件可识别的重写函数为require函数。
可选的，所述使用所述图片存储位置信息对所述json文件进行重写，生成打包控件可识别的动态文件之后，还包括：
在所述图片的存储位置信息为所述图片在服务器的访问地址链接的情况下，使用所述打包控件对所述动态文件进行打包。
根据本公开实施例的第二方面，提供一种资源打包装置，包括：
第一获取模块，被配置为执行获取json文件对应的图片的存储位置信息；
第二获取模块，被配置为执行使用所述图片存储位置信息对所述json文件进行重写，生成打包控件可识别的动态文件；
第一打包模块，被配置为执行在所述图片的存储位置信息为本地存储位置信息的情况下，使用所述打包控件对所述动态文件进行解析，获取所述图片的存储位置信息，根据所述图片的存储位置信息获取所述图片，对所述动态文件和所述图片进行打包。
可选的，所述资源打包装置，还包括：
发送模块，被配置为执行将所述图片的存储位置信息发送给所述打包控件，以供所述打包控件通过所述图片的存储位置信息确定所述json文件与所述图片存在依赖关系；
所述第一打包模块，具体被配置为执行根据所述图片与所述json文件的依赖关系，使用所述打包控件对所述动态文件进行解析，获取所述图片的存储位置信息，根据所述图片的存储位置信息获取所述图片，对所述图片和所述动态文件进行打包。
可选的，所述第一获取模块包括：
第一获取子模块，被配置为执行在所述图片的存储位置信息为本地存储位置信息的情况下，对所述json文件进行解析，获取所述图片与所述json文件的相对位置信息；
第二获取子模块，被配置为执行根据所述json文件的存储位置，以及所述图片与所述json文件的相对位置信息，获取所述图片的本地存储位置信息。
可选的，所述第二获取模块，具体被配置为执行通过所述打包控件可识别的重写函数，将所述图片存储位置信息重写到所述json文件的图片地址属性中，生成打包控件可识别的动态文件。
可选的，所述资源打包装置，还包括：
第二打包模块，被配置为执行在所述图片的存储位置信息为所述图片在服务器的访问地址链接的情况下，使用所述打包控件对所述动态文件进行打包。
根据本公开实施例的第三方面，提供一种电子设备，包括：
处理器；
用于存储所述处理器可执行指令的存储器；
其中，所述处理器被配置为执行所述指令，以实现如第一方面所述的资源打包方法。
根据本公开实施例的第四方面，提供一种计算机可读存储介质，当所述计算机可读存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行如第一方面所述的资源打包方法。
根据本公开实施例的第五方面，提供一种计算机程序产品，该计算机程序产品包括计算机程序或计算机指令，该计算机程序或计算机指令被处理器执行时实现如第一方面所述的资源打包方法。
本公开的实施例提供的技术方案可以包括以下有益效果：
本公开可以获取json文件对应的图片的存储位置信息，并根据图片的存储位置信息对json文件进行重写，生成打包控件可以识别的动态文件，在图片的存储位置信息为本地存储位置信息的情况下，使用打包控件对动态文件进行解析，从而获取动态文件中记录的存储位置信息对应的图片，在获取图片之后，打包空间可以对动态文件和图片一起进行打包操作，从而解决了现有技术打包控件无法对图片进行打包，造成无法在web端显示采用lottie框架制作的动画的问题。通过本公开的实施例提供的技术方案可以使打包控件对json文件对应的图片进行正确的打包操作，从而可以使web端也能够正常地显示采用lottie框架制作的动画。
应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本发明的实施例，并与说明书一起用于解释本发明的原理。
图1是根据一示例性实施例示出的一种资源打包方法的流程图；
图2是图1所示的根据一示例性实施例示出的一种资源打包方法中步骤S11的流程图；
图3是根据一示例性实施例示出的另一种资源打包方法的流程图；
图4是根据一示例性实施例示出的一种资源打包装置的框图；
图5是根据一示例性实施例示出的一种电子设备的框图。
具体实施方式
这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本发明相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本发明的一些方面相一致的装置和方法的例子。
图1是根据一示例性实施例示出的一种资源打包方法的流程图，如图1所示，资源打包方法用于终端中，该终端上应用lottie框架，将lottie导出格式直接应用于前端项目中，降低了业务嵌入动画资源的成本的难度。lottie框架输出的资源包括json文件和json文件对应的多个图片，包括以下步骤。
在步骤S11中，获取json文件对应的图片的存储位置信息。
其中，图片可以为png图片，也可以为其他格式的图片，此处不做赘述。再以下的实施例中，以图片为png图片为例进行说明。
在本实施例中，如图2所示，步骤S11可以包括以下步骤。
在步骤S111中，在图片的存储位置信息为本地存储位置信息的情况下，对json文件进行解析，获取图片与json文件的相对位置信息。
在对json文件进行解析的过程中，由于json文件兼容javascript语法，使得步骤S111可以获取json文件对应的js普通对象，并从js普通对象的assets属性中获取一个对象数组，该对象数组的每一项对应一个png图片，每一项包含一个u属性和一个p属性，其中，u属性为png图片相对json文件的目录，p属性为png图片的文件名；根据u属性和p属性确定png图片与json文件的相对位置信息：relImgPath＝u+p。
在步骤S112中，根据json文件的存储位置，以及图片与json文件的相对位置信息，获取图片的本地存储位置信息。
具体地，步骤S112可以根据json文件所在的目录，以及png图片与json文件的相对位置信息，确定png图片的存储位置：absImgPath。
如图2所示的步骤S111和步骤S112可以使本实施例提供的技术方案通过对json文件进行解析的方式自动获取每个png图片的存储位置，无需人为手动操作即可完成，降低了开发成本，提高了开发效率。
当然，以上仅为具体的举例说明，在实际的使用过程中步骤S11还可以通过其他方式获取图片的存储位置信息，此处不做赘述。
在步骤S12中，使用图片存储位置信息对json文件进行重写，生成打包控件可识别的动态文件。
在本实施例中，步骤S12可以根据png图片的存储位置，使用打包控件可识别的重写函数，将图片存储位置信息重写到json文件的图片地址属性中，生成打包控件可识别的动态文件。其中，重写函数具体可以为require函数，打包控件可识别的动态文件可以为js文件。
目前，json文件对png图片的应用是纯数据的，打包控件在对json文件进行分析时无法感知png图片的存在。由于JavaScript语法兼容json语法，步骤S12可以将json文件的文本内容读取出来直接作为被打包的JavaScript模块的一部分，然后将其对png图片引用的位置重写成以“require()”函数调用，而require函数是打包控件能够识别依赖关系的关键点。将重写后的JavaScript模块代码作为json文件的代理者，使得不仅json文件所描述的动画细节被保留，而且其对png图片的引用也暴露给了打包控件。
在步骤S13中，在图片的存储位置信息为本地存储位置信息的情况下，使用打包控件对动态文件进行解析，获取图片的存储位置信息，根据图片的存储位置信息获取图片，对动态文件和图片进行打包。
可选的，在本实施例中，为了使打包控件能够获知json文件和图片之间具有依赖关系，在步骤S13之前，还可以包括将图片的存储位置信息发送给打包控件，以供打包控件通过图片的存储位置信息确定json文件与图片存在依赖关系的步骤。
需要说明的是，本实施例以应用在web端场景下，打包控件是webpack为例进行说明。在实际的使用过程中，根据具体的应用场景不同，打包控件还可以为其他任意一种可用的控件，此处不对每种情况进行一一赘述。
具体地，将图片的存储位置信息发送给打包控件，以供打包控件通过图片的存储位置信息确定json文件与图片存在依赖关系的步骤，可以在webpack loader环境中，使用API:this.addDependency,通过如下程序实现：
this.addDependency(absImgPath)；
此时，在步骤S13中，根据所述图片与所述json文件的依赖关系，使用所述打包控件对所述动态文件进行解析，获取所述图片的存储位置信息，根据所述图片的存储位置信息获取所述图片，对所述图片和所述动态文件进行打包。
具体地，步骤S13可以根据json文件与png图片的依赖关系，读取js文件中require函数指示的png图片的存储位置，获取png图片，使用webpack对js文件和png图片进行打包。
本公开可以获取json文件对应的图片的存储位置信息，并根据图片的存储位置信息对json文件进行重写，生成打包控件可以识别的动态文件，在图片的存储位置信息为本地存储位置信息的情况下，使用打包控件对动态文件进行解析，从而获取动态文件中记录的存储位置信息对应的图片，在获取图片之后，打包空间可以对动态文件和图片一起进行打包操作，从而解决了现有技术打包控件无法对图片进行打包，造成无法在web端显示采用lottie框架制作的动画的问题。通过本公开的实施例提供的技术方案可以使打包控件对json文件对应的图片进行正确的打包操作，从而可以使web端也能够正常地显示采用lottie框架制作的动画。
图3是根据一示例性实施例示出的一种资源打包方法的流程图，如图3所示，资源打包方法用于终端中，该终端上应用lottie框架，将lottie导出格式直接应用于前端项目中，降低了业务嵌入动画资源的成本的难度。lottie框架输出的资源包括json文件和json文件对应的多个图片，包括以下步骤。
在步骤S31中，获取json文件对应的图片的存储位置信息。
其中，图片的存储位置信息具体为图片在服务器的访问地址链接。
在本实施例中，可以预先将json文件对应的图片存储到服务器上，并为每个图片生成对应的访问地址链接。
需要说明的是，本实施例不对服务器进行具体的限定，只要服务器具备存储功能即可。另外，本实施例不对图片的具体存储方式进行限定，在实际的使用过程中可以根据需求进行存储，例如，在本实施例中，在存储图片时，需要存储图片的名称，以及该图片与json文件的对应关系。
在步骤S32中，使用图片存储位置信息对json文件进行重写，生成打包控件可识别的动态文件。
具体地，步骤S32是将json文件对应的js普通对象中的assets属性进行重写，生成打包控件可识别的动态文件，该目标文件仍为json文件。
在S33中，使用打包控件对动态文件进行打包。
本公开的实施例提供的技术方案，由于json文件中图片的属性信息重写成了可访问的访问地址链接，而每个访问地址链接中存储了json文件对应的图片，使得json文件与图片的依赖关系保存在了服务器中，打包控件可以只对json文件进行打包，在web端对json文件进行解析，获取每个图片访问地址链接，通过访问地址链接获取图片，从而实现即可在web端正常地显示采用lottie框架制作的动画。
图4是根据一示例性实施例示出的一种资源打包装置框图。参照图4，该装置应用在lottie框架下，将lottie导出格式直接应用于前端项目中，降低了业务嵌入动画资源的成本的难度。所述资源包括json文件和所述json文件对应的多个图片，该装置包括第一获取模块41，第二获取模块42和第一打包模块43。
该第一获取模块41被配置为执行获取json文件对应的图片的存储位置信息；
该第二获取模块42被配置为执行使用所述图片存储位置信息对所述json文件进行重写，生成打包控件可识别的动态文件；
该第一打包模块43被配置为执行在所述图片的存储位置信息为本地存储位置信息的情况下，使用所述打包控件对所述动态文件进行解析，获取所述图片的存储位置信息，根据所述图片的存储位置信息获取所述图片，对所述动态文件和所述图片进行打包。
可选的，所述资源打包装置，还可以包括：
发送模块，被配置为执行将所述图片的存储位置信息发送给所述打包控件，以供所述打包控件通过所述图片的存储位置信息确定所述json文件与所述图片存在依赖关系；
所述第一打包模块43具体被配置为执行根据所述图片与所述json文件的依赖关系，使用所述打包控件对所述动态文件进行解析，获取所述图片的存储位置信息，根据所述图片的存储位置信息获取所述图片，对所述图片和所述动态文件进行打包。
可选的，所述第一获取模块41可以包括：
第一获取子模块，被配置为执行在所述图片的存储位置信息为本地存储位置信息的情况下，对所述json文件进行解析，获取所述图片与所述json文件的相对位置信息；
第二获取子模块，被配置为执行根据所述json文件的存储位置，以及所述图片与所述json文件的相对位置信息，获取所述图片的本地存储位置信息。
可选的，所述第二获取模块42具体被配置为执行通过所述打包控件可识别的重写函数，将所述图片存储位置信息重写到所述json文件的图片地址属性中，生成打包控件可识别的动态文件。
可选的，所述资源打包装置，还可以包括：
第二打包模块，被配置为执行在所述图片的存储位置信息为所述图片在服务器的访问地址链接的情况下，使用所述打包控件对所述动态文件进行打包。
关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。
图5是根据一示例性实施例示出的一种用于电子设备500的框图。例如，电子设备500可以是移动电话，计算机，数字广播终端，消息收发设备，游戏控制台，平板设备，医疗设备，健身设备，个人数字助理等。
参照图5，电子设备500可以包括以下一个或多个组件：处理组件502，存储器504，电力组件506，多媒体组件508，音频组件510，输入/输出(I/O)的接口512，传感器组件514，以及通信组件516。
处理组件502通常控制装置500的整体操作，诸如与显示，电话呼叫，数据通信，相机操作和记录操作相关联的操作。处理组件502可以包括一个或多个处理器520来执行指令，以完成上述的方法的全部或部分步骤。此外，处理组件502可以包括一个或多个模块，便于处理组件502和其他组件之间的交互。例如，处理组件502可以包括多媒体模块，以方便多媒体组件508和处理组件502之间的交互。
存储器504被配置为存储各种类型的数据以支持在设备500的操作。这些数据的示例包括用于在装置500上操作的任何应用程序或方法的指令，联系人数据，电话簿数据，消息，图片，视频等。存储器504可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(SRAM)，电可擦除可编程只读存储器(EEPROM)，可擦除可编程只读存储器(EPROM)，可编程只读存储器(PROM)，只读存储器(ROM)，磁存储器，快闪存储器，磁盘或光盘。
电源组件506为电子设备500的各种组件提供电力。电源组件506可以包括电源管理***，一个或多个电源，及其他与为电子设备500生成、管理和分配电力相关联的组件。
多媒体组件508包括在所述电子设备500和用户之间的提供一个输出接口的屏幕。在一些实施例中，屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板，屏幕可以被实现为触摸屏，以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界，而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中，多媒体组件508包括一个前置摄像头和/或后置摄像头。当电子设备500处于操作模式，如拍摄模式或视频模式时，前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜***或具有焦距和光学变焦能力。
音频组件510被配置为输出和/或输入音频信号。例如，音频组件510包括一个麦克风(MIC)，当电子设备500处于操作模式，如呼叫模式、记录模式和语音识别模式时，麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器804或经由通信组件516发送。在一些实施例中，音频组件510还包括一个扬声器，用于输出音频信号。
I/O接口512为处理组件502和***接口模块之间提供接口，上述***接口模块可以是键盘，点击轮，按钮等。这些按钮可包括但不限于：主页按钮、音量按钮、启动按钮和锁定按钮。
传感器组件514包括一个或多个传感器，用于为电子设备500提供各个方面的状态评估。例如，传感器组件514可以检测到电子设备500的打开/关闭状态，组件的相对定位，例如所述组件为电子设备500的显示器和小键盘，传感器组件514还可以检测电子设备500或电子设备500一个组件的位置改变，用户与电子设备500接触的存在或不存在，电子设备500方位或加速/减速和电子设备500的温度变化。传感器组件514可以包括接近传感器，被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件514还可以包括光传感器，如CMOS或CCD图像传感器，用于在成像应用中使用。在一些实施例中，该传感器组件514还可以包括加速度传感器，陀螺仪传感器，磁传感器，压力传感器或温度传感器。
通信组件516被配置为便于电子设备500和其他设备之间有线或无线方式的通信。电子设备500可以接入基于通信标准的无线网络，如WiFi，运营商网络(如2G、3G、4G或5G)，或它们的组合。在一个示例性实施例中，通信组件516经由广播信道接收来自外部广播管理***的广播信号或广播相关信息。在一个示例性实施例中，所述通信组件516还包括近场通信(NFC)模块，以促进短程通信。例如，在NFC模块可基于射频识别(RFID)技术，红外数据协会(IrDA)技术，超宽带(UWB)技术，蓝牙(BT)技术和其他技术来实现。
在示例性实施例中，电子设备500可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现，用于执行上述方法。
在示例性实施例中，还提供了一种包括指令的非临时性计算机可读存储介质，例如包括指令的存储器804，上述指令可由电子设备500的处理器520执行以完成上述方法。例如，所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。
本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本发明的其它实施方案。本申请旨在涵盖本发明的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本发明的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本发明的真正范围和精神由下面的权利要求指出。
应当理解的是，本发明并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本发明的范围仅由所附的权利要求来限制。
Claims (10)
1.一种资源打包方法，其特征在于，包括：
获取json文件对应的图片的存储位置信息；
使用所述图片存储位置信息对所述json文件进行重写，生成打包控件可识别的动态文件；
在所述图片的存储位置信息为本地存储位置信息的情况下，使用所述打包控件对所述动态文件进行解析，获取所述图片的存储位置信息，根据所述图片的存储位置信息获取所述图片，对所述动态文件和所述图片进行打包。
2.根据权利要求1所述的资源打包方法，其特征在于，所述在所述图片的存储位置信息为本地存储位置信息的情况下，使用所述打包控件对所述动态文件进行解析，获取所述图片的存储位置信息，根据所述图片的存储位置信息获取所述图片，对所述动态文件和所述图片进行打包之前，还包括：
将所述图片的存储位置信息发送给所述打包控件，以供所述打包控件通过所述图片的存储位置信息确定所述json文件与所述图片存在依赖关系；
所述使用所述打包控件对所述动态文件进行解析，获取所述图片的存储位置信息，根据所述图片的存储位置信息获取所述图片，对所述动态文件和所述图片进行打包具体为：
根据所述图片与所述json文件的依赖关系，使用所述打包控件对所述动态文件进行解析，获取所述图片的存储位置信息，根据所述图片的存储位置信息获取所述图片，对所述图片和所述动态文件进行打包。
3.根据权利要求1所述的资源打包方法，其特征在于，所述获取json文件对应的图片的存储位置信息包括：
在所述图片的存储位置信息为本地存储位置信息的情况下，对所述json文件进行解析，获取所述图片与所述json文件的相对位置信息；
根据所述json文件的存储位置，以及所述图片与所述json文件的相对位置信息，获取所述图片的本地存储位置信息。
4.根据权利要求3所述的资源打包方法，其特征在于，所述使用所述图片存储位置信息对所述json文件进行重写，生成打包控件可识别的动态文件包括：
通过所述打包控件可识别的重写函数，将所述图片存储位置信息重写到所述json文件的图片地址属性中，生成打包控件可识别的动态文件。
5.根据权利要求4所述的资源打包方法，其特征在于，所述打包控件可识别的重写函数为require函数。
6.根据权利要求1所述的资源打包方法，其特征在于，所述使用所述图片存储位置信息对所述json文件进行重写，生成打包控件可识别的动态文件之后，还包括：
在所述图片的存储位置信息为所述图片在服务器的访问地址链接的情况下，使用所述打包控件对所述动态文件进行打包。
7.一种资源打包装置，其特征在于，包括：
第一获取模块，被配置为执行获取json文件对应的图片的存储位置信息；
第二获取模块，被配置为执行使用所述图片存储位置信息对所述json文件进行重写，生成打包控件可识别的动态文件；
第一打包模块，被配置为执行在所述图片的存储位置信息为本地存储位置信息的情况下，使用所述打包控件对所述动态文件进行解析，获取所述图片的存储位置信息，根据所述图片的存储位置信息获取所述图片，对所述动态文件和所述图片进行打包。
8.一种电子设备，其特征在于，包括：
处理器；
用于存储处理器可执行指令的存储器；
其中，所述处理器被配置为执行所述指令，以实现如权利要求1至6中任一项所述的资源打包方法。
9.一种计算机可读存储介质，其特征在于，当所述存储介质中的指令由移动终端的处理器执行时，使得移动终端能够执行如权利要求1至6中任一项所述的资源打包方法。
10.一种计算机程序产品，包括计算机程序或计算机指令，其特征在于，所述计算机程序或计算机指令被处理器执行时实现权利要求1至6中任一项所述的资源打包方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111005413.5A CN113849217A (zh) | 2021-08-30 | 2021-08-30 | 资源打包方法、装置、电子设备及存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111005413.5A CN113849217A (zh) | 2021-08-30 | 2021-08-30 | 资源打包方法、装置、电子设备及存储介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN113849217A true CN113849217A (zh) | 2021-12-28 |
Family
ID=78976552
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202111005413.5A Pending CN113849217A (zh) | 2021-08-30 | 2021-08-30 | 资源打包方法、装置、电子设备及存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113849217A (zh) |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20160381118A1 (en) * | 2015-06-23 | 2016-12-29 | Microsoft Technology Licensing, Llc | Extracting and formatting content from web-resources |
| CN108509209A (zh) * | 2018-04-08 | 2018-09-07 | 平安普惠企业管理有限公司 | 一种资源包的生成方法、装置、计算机设备及存储介质 |
| CN111399863A (zh) * | 2020-03-13 | 2020-07-10 | 深圳前海微众银行股份有限公司 | 依赖文件打包方法、装置、设备与计算机可读存储介质 |
| CN112835568A (zh) * | 2019-11-25 | 2021-05-25 | 北京京东尚科信息技术有限公司 | 一种项目构建方法和装置 |
| CN113050984A (zh) * | 2021-03-26 | 2021-06-29 | 挂号网（杭州）科技有限公司 | 资源调取方法、装置、电子设备及存储介质 |
-
2021
- 2021-08-30 CN CN202111005413.5A patent/CN113849217A/zh active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20160381118A1 (en) * | 2015-06-23 | 2016-12-29 | Microsoft Technology Licensing, Llc | Extracting and formatting content from web-resources |
| CN108509209A (zh) * | 2018-04-08 | 2018-09-07 | 平安普惠企业管理有限公司 | 一种资源包的生成方法、装置、计算机设备及存储介质 |
| CN112835568A (zh) * | 2019-11-25 | 2021-05-25 | 北京京东尚科信息技术有限公司 | 一种项目构建方法和装置 |
| CN111399863A (zh) * | 2020-03-13 | 2020-07-10 | 深圳前海微众银行股份有限公司 | 依赖文件打包方法、装置、设备与计算机可读存储介质 |
| CN113050984A (zh) * | 2021-03-26 | 2021-06-29 | 挂号网（杭州）科技有限公司 | 资源调取方法、装置、电子设备及存储介质 |
Non-Patent Citations (2)
| Title |
|---|
| CYNTHIA: "lottie-web的动画图片加载处理", pages 1 - 6, Retrieved from the Internet <URL:《https://dingxx.im/2020/07/10/2020-07-lottie-web-img/》> * |
| 潇湘待雨: "如何开发webpack loader", pages 1 - 3, Retrieved from the Internet <URL:《https://www.cnblogs.com/pqjwyn/p/7684010.html》> * |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN106569800B (zh) | 前端界面生成方法及装置 | |
| CN107423106B (zh) | 支持多框架语法的方法和装置 | |
| EP3147802B1 (en) | Method and apparatus for processing information | |
| CN106547547B (zh) | 数据采集方法及装置 | |
| CN107239351B (zh) | 粘贴方法及装置 | |
| CN106792442B (zh) | 数据迁移方法及装置 | |
| CN109117144B (zh) | 页面处理方法、装置、终端及存储介质 | |
| CN115185717B (zh) | 接口调用方法、装置、电子设备和存储介质 | |
| CN107316207B (zh) | 一种获取展示效果信息的方法和装置 | |
| CN105653320B (zh) | 加载图标的显示方法及装置 | |
| CN110704030A (zh) | 接口配置信息生成方法、装置、电子设备及存储介质 | |
| CN112328330A (zh) | iOS组件的调用方法、装置、中间件、电子设备及介质 | |
| CN111079040A (zh) | 资源嗅探方法、装置、终端、服务器及存储介质 | |
| CN107679205B (zh) | 多媒体数据播放方法、装置、计算机设备及存储介质 | |
| CN111131000B (zh) | 一种信息传输方法、装置、服务器、终端 | |
| CN112860625A (zh) | 数据获取方法、数据存储方法、装置、设备及存储介质 | |
| CN114896165A (zh) | 会话机器人***的测试方法、装置、电子设备和存储介质 | |
| CN113849217A (zh) | 资源打包方法、装置、电子设备及存储介质 | |
| CN112631695A (zh) | 一种数据校验方法、装置、电子设备及存储介质 | |
| CN107423060B (zh) | 动画效果的呈现方法、装置及终端 | |
| CN112102009A (zh) | 广告展示方法、装置、设备及存储介质 | |
| CN111049732A (zh) | 推送消息展示方法、装置、电子设备及介质 | |
| CN110659253A (zh) | 文件打包方法、装置、电子设备及介质 | |
| CN113407879A (zh) | 一种数据上报方法、装置及可读介质 | |
| CN106846050B (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 |