页面加载方法、装置、电子设备及可读存储介质与流程

1.本公开涉及互联网技术，尤其涉及页面加载领域。


背景技术：

2.网页页面，尤其是落地页，往往是由多个组件拼接得到的。为了能够在不同的设备上浏览页面，需要在每个组件中添加代码垫片(polyfill)以使得页面可以适配不同的设备。


技术实现要素：

3.本公开提供了一种页面加载方法、装置、电子设备及可读存储介质，可以避免页面中存在大量重复的polyfill，有效减少页面体积。使得页面加载更快，性能更好。
4.根据本公开的第一方面，提供了一种页面加载方法，该方法包括：获取访问目标页面的设备的特征信息。根据特征信息获取目标页面对应的页面数据以及适配数据，适配数据用于被挂载后提供加载页面数据的运行环境。挂载适配数据，并加载页面数据得到目标页面。
5.根据本公开的第二方面，提供了一种页面加载装置，该装置包括：获取模块，用于获取访问目标页面的设备的特征信息。获取模块，还用于根据特征信息获取目标页面对应的页面数据以及适配数据，适配数据用于被挂载后提供加载页面数据的运行环境。加载模块，用于挂载适配数据，并加载页面数据得到目标页面。
6.根据本公开的第三方面，提供了一种电子设备，包括：至少一个处理器；以及与至少一个处理器通信连接的存储器；其中，存储器存储有可被至少一个处理器执行的指令，指令被至少一个处理器执行，以使至少一个处理器能够执行如第一方面提供的方法。
7.根据本公开的第四方面，提供了一种存储有计算机指令的非瞬时计算机可读存储介质，计算机指令用于使计算机执行根据第一方面提供的方法。
8.根据本公开的第五方面，提供了一种计算机程序产品，包括计算机程序，计算机程序在被处理器执行时实现根据第一方面提供的方法。
9.本公开通过获取访问目标页面的设备的特征信息。根据特征信息获取目标页面对应的页面数据以及适配数据，适配数据用于被挂载后提供加载页面数据的运行环境。挂载适配数据，并加载页面数据得到目标页面。由于只下载了与设备对应的适配数据，可以有效减少重复、无用适配数据的数量，进而减少页面文件的体积，减少页面加载时间，提高页面加载效率。
10.应当理解，本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征，也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。
附图说明
11.附图用于更好地理解本方案，不构成对本公开的限定。其中：
12.图1为本公开实施例提供的页面加载方法的流程示意图；
13.图2为本公开实施例提供的一种页面加载方法的流程示意图；
14.图3为本公开实施例提供的另一种页面加载方法的流程示意图；
15.图4为本公开实施例提供的另一种页面加载方法的流程示意图；
16.图5为本公开实施例提供的页面加载装置的组成示意图；
17.图6示出了可以用来实施本公开的实施例的示例电子设备600的示意性框图。
具体实施方式
18.以下结合附图对本公开的示范性实施例做出说明，其中包括本公开实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本公开的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。
19.落地页也称：着陆页、引导页。一般来说，落地页会通过用户点击或搜索引擎跳转等方式展示给用户，其中往往会显示和所点击或搜索结果相关的扩展内容。落地页可以基于组件拼接生成。用户可以对落地页中的组件进行编辑以生成个性化的落地页。用户访问落地页时，可能会通过移动端设备，如手机、平板电脑等，也有可能通过电脑端设备，如笔记本电脑、个人电脑等。为了能够适配不同设备，落地页中的组件中会包括多个代码垫片(ployfill)以兼容不同的设备或浏览器。
20.目前，对于编辑好的落地页，在编译生成超文本标记语言(hyper text markup language，html)文件时，会把所有组件中的polyfill都编译进html文件。
21.但是，各个组件使用的polyfill中存在大量重复的，所有组件中的polyfill都编译进html文件会导致html文件体积巨大，引起网页加载变慢，性能变差等问题。
22.对此，本技术提供了一种页面加载方法，该方法包括：获取访问目标页面的设备的特征信息。根据特征信息获取目标页面对应的页面数据以及适配数据，适配数据用于被挂载后提供加载页面数据的运行环境。挂载适配数据，并加载页面数据得到目标页面。
23.由于本公开中只下载了与设备对应的适配数据，可以有效减少重复、无用适配数据的数量，进而减少页面文件的体积，减少页面加载时间，提高页面加载效率。
24.一些实施方式中，本公开提供的页面加载方法可以应用于电子设备，如个人计算机、笔记本电脑、智能手机、平板电脑等电子设备。这些设备的操作系统可以是安卓(android)系统，窗口系统(windows)，苹果移动操作系统(ios)，苹果操作系统(mac os)或者鸿蒙系统(harmony os)、林纳斯系统(linux)等，本公开对此不作限制。
25.在此，以适配数据包括多个代码垫片，特征信息包括设备类型，设备类型包括移动端或电脑端为例，对页面加载方法流程进行说明。本领域技术人员应当明确，本技术并不以此为限。
26.图1为本公开实施例提供的页面加载方法的流程示意图。该方法可以应用于上述电子设备。如图1所示，页面加载方法包括：
27.s110、获取访问目标页面的设备的特征信息。
28.一些实施方式中，访问目标页面的设备的特征信息可以包括设备的系统、设备上运行的用于访问目标页面的浏览器的特征参数，如供应商、核心类型、版本号等数据。可以
通过提取设备的设备属性、系统属性以及提取浏览器的版本信息等方式获取。
29.s120、根据特征信息获取目标页面对应的页面数据以及适配数据。
30.其中，适配数据用于被挂载后提供加载页面数据的运行环境。
31.一些实施方式中，页面数据可以是预先编译好并存储在数据库中的html文件。当执行页面加载方法的电子设备接收到用户操作，指示根据网址或网际互连协议(internet protocol，ip)地址访问目标页面时，可以根据网址或ip地址从数据库下载并获取目标页面的html文件，即获取到目标页面的页面数据。
32.适配数据可以包括代码垫片(polyfill)。例如，可以将适配数据部署在在内容分发网络(content delivery network，cdn)上，获取适配数据时，可以是根据cdn链接从cdn上下载对应的脚本语言(javascript，js)文件。js文件中包括多个polyfill。polyfill是一段代码(或插件)，使用polyfill作为适配数据，可以在设备不具备加载组件所需要的运行环境时，提供相应的运行环境。例如，可以为旧版本的浏览器提供原本无法支持的功能。s130、挂载适配数据，并加载页面数据得到目标页面。
33.一些实施方式中，挂载适配数据可以通过浏览器挂载相应的代码，将适配数据部署，以提供加载页面数据时所需要的运行环境。
34.在本实施例中，由于只挂载与设备对应的适配数据，可以有效减少重复、无用适配数据的数量，进而减少页面文件的体积，减少页面加载时间，提高页面加载效率。
35.图2为本公开实施例提供的一种页面加载方法的流程示意图。
36.一些实施方式中，参考图2，将适配数据部署在内容cdn上时，可以包括以下步骤：
37.s210、根据特征信息和多个代码垫片，生成第一适配数据集合和第二适配数据集合。
38.一些实施方式中，多个代码垫片可以通过在生成目标页面的页面数据时，解析目标页面中的组件，将其中涉及到的配置项进行收集、统计。然后，根据设备的特征信息生成对应的polyfill集合。根据设备的特征信息和多个代码垫片生成第一适配数据集合和第二适配数据集合，能够根据设备的特征信息生成对应的适配数据集合，减少无用polyfill的数量，减少页面体积，提高加载速度和效率。
39.作为示例，可以根据适配移动端的代码垫片，生成第一适配数据集合。根据适配电脑端的代码垫片，生成第二适配数据集合。
40.一些实施方式中。每个组件中的包括多个配置项，如字符串、数字、对象、正则表达、数学公式、数组以及适配浏览器特性等。生成第一适配数据集合，可以先根据移动端设备可能使用的浏览器类型，如安卓系统的浏览器、苹果系统的浏览器以及鸿蒙系统的浏览器，确定所需要的配置项，将确定的配置项打包为js文件(如命名为h5.js)。然后，对h5.js进行编译打包，例如，可以通过巴别塔(babel)的javascript编译器进行编译，编译时可以将babel的配置项设为“entry”，即所有配置项的代码都需要进行编译。编译后即可生成第一适配数据集合，第一适配数据集合可以是包括polyfill的js文件(如命名为h5-polyfill.js)。
41.类似的，生成第二适配数据集合，可以先根据电脑端设备可能使用的浏览器类型，如英特网探索者(internet explorer，ie)浏览器、谷歌浏览器等，确定所需要的配置项，将确定的配置项打包为js文件(如命名为pc.js)。然后，对pc.js进行编译打包，例如，可以通
过babel的javascript编译器进行编译，编译时可以将babel的配置项设为“entry”，即所有配置项的代码都需要进行编译。编译后即可生成第二适配数据集合，第二适配数据集合可以是包括polyfill的js文件(如命名为pc-polyfill.js)。
42.根据设备信息生成对应的适配数据集合，在页面加载时可以针对性的下载对应的适配集合，减少无用polyfill的数量，减少页面体积，提高加载速度和效率。
43.一些实施方式中，当设备类型为电脑端时，特征信息还包括：访问目标页面的浏览器的特征参数。如浏览器的供应商、核心类型、版本号等。生成第二适配数据集合，还可以根据每个浏览器的特征参数，将第二适配数据集合划分为一个或多个集合。
44.例如，可以根据ie浏览器确定所需要的配置项，将确定的配置项打包为js文件(如命名为ie.js)。然后，对ie.js进行编译打包，编译打包的方式与生成第二适配数据集合时相同，在此不做赘述。编译后即可生成针对ie浏览器的适配集合(如命名为ie-polyfill.js)。
45.类似的，还可以根据ie的版本号将针对ie浏览器的适配集合更进一步的划分，以得到更具有针对性的适配集合，减少无用polyfill的数量，进一步减少页面体积，提高加载速度和效率。
46.s220、将第一适配数据集合和第二适配数据集合分别上传至内容分发网络。
47.作为示例而非限制，一些实施方式中，第一适配数据集合和第二适配数据集合在cdn上存储为可以持续保存的js文件。例如，第一适配数据集合(即适配移动端的适配数据)js链接可以是：https://wjz-cdn.baidu.com/loki/client/loki/static/js/h5polyfill.js。第二适配数据集合(即适配电脑端的适配数据)js链接可以是：https://wjz-cdn.baidu.com/loki/client/loki/static/js/polyfill.js。
48.将第一适配数据集合和第二适配数据集合上传cdn，在生成页面数据时，可以只生成第一适配数据集合或第二适配数据集合的下载链接，进一步减少了页面体积。
49.图3为本公开实施例提供的另一种页面加载方法的流程示意图。
50.一些实施方式中，在根据特征信息获取目标页面对应的页面数据之前，可以先生成目标页面对应的页面数据。参考图3，生成目标页面对应的页面数据可以包括以下步骤：
51.s310、响应于用户操作，获取目标页面的代码。
52.一些实施方式中，用户操作可以用于指示编辑或保存目标页面中的组件。编辑组件可包括添加、删除、调整组件等。保存组件之后，即可获得确定的目标页面的代码。其中，组件可以通过javascript object对象简谱(javascript object notation，json)格式保存。json是一个序列化的对象，其中可以包括多个小组件(widgets)，每个widgets中可记录一个组件的组件内容和组件代码的链接。
53.s320、将目标页面的代码编译为适配电脑端的页面数据。
54.s330、将目标页面的代码编译为适配移动端的页面数据。
55.一些实施方式中，在编译目标页面的代码，生成页面数据时，可以在json中添加数据标志，使得编译时可以确定将目标页面的代码编译为适合哪种设备的页面数据。例如，可以在json中添加“pageinfo”字段，“pageinfo”中包括“clienttype”字段。当“clienttype”字段的值为0时，表示该页面为需要适配移动端的页面数据，当“clienttype”字段的值为1时，表示该页面为需要适配电脑端的页面数据。
56.在这样设置之后，即可根据“clienttype”字段的值确定将目标页面的代码编译为适配电脑端的页面数据还是编译为适配移动端的页面数据。
57.需要说明的是，为了保证页面中所有组件均能调用第一适配数据集合或第二适配数据集合，需要保证第一适配数据集合或第二适配数据是在目标页面第一个加载的js。故在编译时，可以在页面中第一个js加载的位置编译对应的polyfill的js文件的链接。
58.作为示例，将目标页面的代码编译为适配电脑端的页面数据时，可在页面中第一个js加载的位置编译第一适配数据集合对应的链接，例如，该链接可以是：《script crossorigin＝"anonymous"src＝"https://wjz-cdn.baidu.com/loki/client/loki/static/js/pc-polyfill.js"》《/script》。
59.将目标页面的代码编译为适配移动端的页面数据时，可在页面中第一个js加载的位置编译第二适配数据集合对应的链接，例如，该链接可以是：《script src＝"https://wjz-cdn.baidu.com/loki/client/loki/static/js/h5-polyfill.js"》《/script》。
60.通过分别生成适配电脑端的页面数据和适配移动端的页面数据，可以是目标页面与设备更匹配，提高页面的展示效果。
61.基于s210-s220以及s310-s330示出的示例，当设备类型为移动端时，可以获取适配移动端的页面数据以及第一适配数据集合。当设备类型为电脑端时，可以获取适配电脑端的页面数据以及第二适配数据集合。
62.通过仅获取适配当前设备的页面数据以及对应的适配数据，可以有效减小页面体积，提高页面加载速度和效率。
63.一些实施方式中，当第一适配数据集合和第二适配数据集合分别上传至cdn以后，每个目标页面均可调用。但是，在设计目标页面时，用到的组件中的polyfill可能不在第一适配数据集合和第二适配数据集合之中。
64.图4为本公开实施例提供的另一种页面加载方法的流程示意图。
65.对于这个问题，参考图4，可以通过以下步骤解决：
66.s410、响应于用户操作，获取目标页面的代码。
67.一些实施方式中，s410的实现方式与s310相同，在此不做赘述。
68.s420、识别目标页面的代码中包括的代码垫片。
69.一些实施方式中，参考s310，可以解析目标页面中组件对应的json文件，获取其中包括的代码垫片。
70.s430、当目标页面的代码中包括的代码垫片中存在未上传至内容分发网络的代码垫片时，展示提示信息
71.一些实施方式中，展示的提示信息可以包括在用户界面展示报错信息以及在管理员界面展示提示上传该polyfill。
72.当显示报错信息时，可以提醒用户调用其他的组件，避免目标页面被访问时由于缺少polyfill而报错。
73.当显示提示上传该polyfill时，可以提醒管理员上传该polyfill，以支持最新的组件。
74.一些实施方式中，当设备类型为移动端时，可以根据第一适配数据集合，挂载适配移动端的页面数据中涉及的代码垫片。根据适配移动端的页面数据和挂载的代码垫片，加
载得到目标页面。
75.由于只挂载与移动端对应的适配数据，可以有效减少重复、无用适配数据的数量，进而减少页面文件的体积，减少页面加载时间，提高页面加载效率。
76.一些实施方式中，当设备类型为电脑端时，根据第二适配数据集合，挂载适配电脑端的页面数据中涉及的代码垫片。根据适配电脑端的页面数据和挂载的代码垫片，加载得到目标页面。
77.由于只挂载与电脑端对应的适配数据，可以有效减少重复、无用适配数据的数量，进而减少页面文件的体积，减少页面加载时间，提高页面加载效率。
78.示例性实施例中，本公开实施例还提供一种页面加载装置，可以用于实现如前述实施例所述的页面加载方法。
79.图5为本公开实施例提供的页面加载装置的组成示意图。如图5所示，该装置可以包括：
80.获取模块51，用于获取访问目标页面的设备的特征信息。
81.获取模块52，还用于根据特征信息获取目标页面对应的页面数据以及适配数据，适配数据用于被挂载后提供加载页面数据的运行环境。
82.加载模块52，用于挂载适配数据，并加载页面数据得到目标页面。一些实施方式中，组件数据中包括组件的组件内容和组件代码的链接，页面数据中包括主应用代码的链接。
83.一些实施方式中，适配数据包括多个代码垫片。特征信息包括设备类型，设备类型包括移动端或电脑端。
84.一些实施方式中，获取模块51具体用于当设备类型为移动端时，获取适配移动端的页面数据以及第一适配数据集合，第一适配数据集合中包括适配移动端的代码垫片。当设备类型为电脑端时，获取适配电脑端的页面数据以及第二适配数据集合，第二适配数据集合中包括适配电脑端的代码垫片。
85.一些实施方式中，该装置还包括生成模块53，用于根据特征信息和多个代码垫片，生成第一适配数据集合和第二适配数据集合。
86.上传模块54，用于将第一适配数据集合和第二适配数据集合分别上传至内容分发网络。
87.一些实施方式中，生成模块53，具体用于根据适配移动端的代码垫片，生成第一适配数据集合。根据适配电脑端的代码垫片，生成第二适配数据集合。
88.一些实施方式中，当设备类型为电脑端时，特征信息还包括：访问目标页面的浏览器的特征参数。
89.生成模块53，还用于根据每个浏览器的特征参数，将第二适配数据集合划分为一个或多个集合。
90.一些实施方式中，该装置还包括编译模块55，用于响应于用户操作，获取目标页面的代码。将目标页面的代码编译为适配电脑端的页面数据。将目标页面的代码编译为适配移动端的页面数据。
91.一些实施方式中，该装置还包括提示模块56，用于响应于用户操作，获取目标页面的代码。识别目标页面的代码中包括的代码垫片。当目标页面的代码中包括的代码垫片中
存在未上传至内容分发网络的代码垫片时，展示提示信息。
92.一些实施方式中，当设备类型为移动端时，加载模块52，具体用于根据第一适配数据集合，挂载适配移动端的页面数据中涉及的代码垫片。根据适配移动端的页面数据和挂载的代码垫片，加载得到目标页面。
93.一些实施方式中，当设备类型为电脑端时，加载模块52，具体用于根据第二适配数据集合，挂载适配电脑端的页面数据中涉及的代码垫片。根据适配电脑端的页面数据和挂载的代码垫片，加载得到目标页面。
94.本公开的技术方案中，所涉及的用户个人信息的获取，存储和应用等，均符合相关法律法规的规定，且不违背公序良俗。
95.根据本公开的实施例，本公开还提供了一种电子设备、一种可读存储介质和一种计算机程序产品。
96.示例性实施例中，电子设备，包括：至少一个处理器；以及与所述至少一个处理器通信连接的存储器；其中，所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行如以上实施例所述的方法。
97.示例性实施例中，可读存储介质可以是存储有计算机指令的非瞬时计算机可读存储介质，所述计算机指令用于使所述计算机执行根据以上实施例所述的方法。
98.示例性实施例中，计算机程序产品包括计算机程序，所述计算机程序在被处理器执行时实现根据以上实施例所述的方法。
99.图6示出了可以用来实施本公开的实施例的示例电子设备600的示意性框图。电子设备旨在表示各种形式的数字计算机，诸如，膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置，诸如，个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例，并且不意在限制本文中描述的和/或者要求的本公开的实现。
100.如图6所示，设备600包括计算单元601，其可以根据存储在只读存储器(rom)602中的计算机程序或者从存储单元608加载到随机访问存储器(ram)603中的计算机程序，来执行各种适当的动作和处理。在ram 603中，还可存储设备600操作所需的各种程序和数据。计算单元601、rom 602以及ram 603通过总线604彼此相连。输入/输出(i/o)接口605也连接至总线604。
101.设备600中的多个部件连接至i/o接口605，包括：输入单元606，例如键盘、鼠标等；输出单元607，例如各种类型的显示器、扬声器等；存储单元808，例如磁盘、光盘等；以及通信单元609，例如网卡、调制解调器、无线通信收发机等。通信单元609允许设备600通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。
102.计算单元601可以是各种具有处理和计算能力的通用和/或专用处理组件。计算单元601的一些示例包括但不限于中央处理单元(cpu)、图形处理单元(gpu)、各种专用的人工智能(ai)计算芯片、各种运行机器学习模型算法的计算单元、数字信号处理器(dsp)、以及任何适当的处理器、控制器、微控制器等。计算单元601执行上文所描述的各个方法和处理，例如页面加载方法。例如，在一些实施例中，页面加载方法可被实现为计算机软件程序，其
被有形地包含于机器可读介质，例如存储单元608。在一些实施例中，计算机程序的部分或者全部可以经由rom 602和/或通信单元609而被载入和/或安装到设备600上。当计算机程序加载到ram 603并由计算单元601执行时，可以执行上文描述的页面加载方法的一个或多个步骤。备选地，在其他实施例中，计算单元601可以通过其他任何适当的方式(例如，借助于固件)而被配置为执行页面加载方法。
103.本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、现场可编程门阵列(fpga)、专用集成电路(asic)、专用标准产品(assp)、芯片上系统的系统(soc)、负载可编程逻辑设备(cpld)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括：实施在一个或者多个计算机程序中，该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释，该可编程处理器可以是专用或者通用可编程处理器，可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令，并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。
104.用于实施本公开的方法的程序代码可以采用一个或多个编程语言的任何组合来编写。这些程序代码可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器或控制器，使得程序代码当由处理器或控制器执行时使流程图和/或框图中所规定的功能/操作被实施。程序代码可以完全在机器上执行、部分地在机器上执行，作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。
105.在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(ram)、只读存储器(rom)、可擦除可编程只读存储器(eprom或快闪存储器)、光纤、便捷式紧凑盘只读存储器(cd-rom)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
106.为了提供与用户的交互，可以在计算机上实施此处描述的系统和技术，该计算机具有：用于向用户显示信息的显示装置(例如，crt(阴极射线管)或者lcd(液晶显示器)监视器)；以及键盘和指向装置(例如，鼠标或者轨迹球)，用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互；例如，提供给用户的反馈可以是任何形式的传感反馈(例如，视觉反馈、听觉反馈、或者触觉反馈)；并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。
107.可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如，作为数据服务器)、或者包括中间件部件的计算系统(例如，应用服务器)、或者包括前端部件的计算系统(例如，具有图形用户界面或者网络浏览器的用户计算机，用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如，通信网络)来将系统的部件相互连接。通信网络的示例包括：局域网(lan)、广域网(wan)和互联网。
108.计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器，也可以为分布式系统的服务器，或者是结合了区块链的服务器。
109.应该理解，可以使用上面所示的各种形式的流程，重新排序、增加或删除步骤。例如，本公开中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行，只要能够实现本公开公开的技术方案所期望的结果，本文在此不进行限制。
110.上述具体实施方式，并不构成对本公开保护范围的限制。本领域技术人员应该明白的是，根据设计要求和其他因素，可以进行各种修改、组合、子组合和替代。任何在本公开的精神和原则之内所作的修改、等同替换和改进等，均应包含在本公开保护范围之内。