启动小程序的方法、装置、设备以及存储介质与流程

1.本公开涉及计算机技术领域，尤其涉及客户端、小程序等技术领域。


背景技术：

2.小程序是一种通过渲染层和逻辑层物理隔离的可纯离线工作的运行时生态。由于小程序基于标准javascript扩展的dsl(domain specific language，领域特定语言)语法，以及依托本地化能力加持，使得小程序拥有接近html5的开发效率以及接近本地应用的用户体验而广受开发者的青睐。


技术实现要素：

3.本公开提供了一种启动小程序的方法、装置、设备、存储介质以及程序产品。
4.根据本公开的一方面，提供了一种启动小程序的方法，包括：响应于针对目标小程序的启动操作，加载小程序框架；在所述小程序框架的加载过程中，加载轻量级框架；获取与所述目标小程序对应的目标页面数据，其中，所述目标页面数据是通过服务器渲染得到的；以及根据所述轻量级框架和所述目标页面数据，展示目标页面。
5.根据本公开的另一方面，提供了一种启动小程序的装置，包括：第一加载模块，用于响应于针对目标小程序的启动操作，加载小程序框架；第二加载模块，用于在所述小程序框架的加载过程中，加载轻量级框架；获取模块，用于获取与所述目标小程序对应的目标页面数据，其中，所述目标页面数据是通过服务器渲染得到的；以及展示模块，用于根据所述轻量级框架和所述目标页面数据，展示目标页面。
6.本公开的另一个方面提供了一种电子设备，包括：至少一个处理器；以及与所述至少一个处理器通信连接的存储器；其中，所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行本公开实施例所示的方法。
7.根据本公开实施例的另一方面，提供了一种存储有计算机指令的非瞬时计算机可读存储介质，其中，所述计算机指令用于使所述计算机执行本公开实施例所示的方法。
8.根据本公开实施例的另一方面，提供了一种计算机程序产品，包括计算机程序/指令，其特征在于，该计算机程序/指令被处理器执行时实现本公开实施例所示方法的步骤。
9.应当理解，本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征，也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。
附图说明
10.附图用于更好地理解本方案，不构成对本公开的限定。其中：
11.图1是根据本公开实施例的启动小程序的方法、装置、电子设备和存储介质的应用场景示意图；
12.图2示意性示出了根据本公开的实施例的启动小程序的方法的流程图；
13.图3示意性示出了根据本公开的实施例的加载轻量级框架的方法的流程图；
14.图4示意性示出了根据本公开的实施例的获取目标页面数据的方法的流程图；
15.图5示意性示出了根据本公开的实施例的启动小程序的方法的流程图；
16.图6示意性示出了根据本公开实施例的启动小程序的装置的框图；以及
17.图7示意性示出了可以用来实施本公开的实施例的示例电子设备的框图。
具体实施方式
18.以下结合附图对本公开的示范性实施例做出说明，其中包括本公开实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本公开的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。
19.以下将结合图1对本公开提供的方法和装置的应用场景进行描述。
20.图1是根据本公开实施例的启动小程序的方法、装置、电子设备和存储介质的应用场景示意图。需要注意的是，图1所示仅为可以应用本公开实施例的应用场景的示例，以帮助本领域技术人员理解本公开的技术内容，但并不意味着本公开实施例不可以用于其他设备、系统、环境或场景。
21.如图1所示，该应用场景100包括终端设备110和数据服务器120。
22.终端设备110可以通过网络与数据服务器120交互，以接收或发送消息等。终端设备110中可以运行有宿主应用(application，app)111。宿主应用111例如可以包括购物类应用、网页浏览器应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等(仅为示例)。
23.终端设备110可以是具有显示屏并且支持网页浏览的各种电子设备，包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。
24.数据服务器120可以为用于提供数据服务的服务器。数据服务器120可以是云服务器，又称为云计算服务器或云主机，是云计算服务体系中的一项主机产品，以解决了传统物理主机与vps服务(virtual private server，或简称vps)中，存在的管理难度大，业务扩展性弱的缺陷。数据服务器120也可以为分布式系统的服务器，或者是结合了区块链的服务器。
25.根据本公开的实施例，小程序可以基于宿主应用111运行。例如，可以在宿主应用111中加载小程序框架，然后获取对应的小程序数据包，在小程序框架中加载该小程序数据包，以运行对应的小程序。其中，小程序数据包例如可以从数据服务器120中获取。
26.根据本公开的实施例，宿主应用111可以为原生应用，具有原生组件(native)1111。小程序可以与原生组件1111相互通信，也可以通过原生组件1111调用系统api(application programming interface，应用程序接口)。
27.根据本公开的实施例，小程序可以使用双线程模型，包括逻辑层1112和渲染层1113。逻辑层1112可以包括javascript引擎，可以用于执行javascript代码，控制小程序数据的生成和处理等。渲染层1113可以包括webview组件，可以用于处理页面的渲染和用户的事件交互行为等。
28.在小程序启动时，需要先加载小程序框架再加载对应的小程序数据包。在小程序
框架未加载完成时，小程序会一直处于没有实际内容的加载页面，用户需要等待较长时间才能看到包含实际内容的小程序页面。较长的等待过程容易导致用户产生焦躁情绪。
29.根据本公开的实施例，终端设备110可以在小程序框架未加载完成前获取与小程序对应的目标页面数据。其中，目标页面数据可以通过服务器120渲染得到，终端设备110在获取目标页面数据后不需要渲染即可进行展示对应的目标页面。基于此，终端设备110可以加载轻量级框架，利用该轻量级框架和目标页面数据，展示目标页面。该目标页面可以作为进入小程序页面前的中转页，从而可以减少用户对于加载页面的等待时长，缓解用户因等待而产生的焦躁情绪，提高用户的体验。
30.根据本公开的实施例，目标页面的内容可以根据实际需要设置，另外，目标页面可以支持页面交互，可以对用户的在目标页面中的操作进行响应。
31.本公开的技术方案中，所涉及的小程序数据包、页面数据等数据的收集、存储、使用、加工、传输、提供和公开等处理，均符合相关法律法规的规定，且不违背公序良俗。
32.图2示意性示出了根据本公开的实施例的启动小程序的方法的流程图。
33.如图2所示，该方法200包括操作s210～s240。该方法200例如可以由上文所示的终端设备执行。
34.在操作s210，响应于针对目标小程序的启动操作，加载小程序框架。
35.然后，在操作s220，在小程序框架的加载过程中，加载轻量级框架。
36.在操作s230，获取与目标小程序对应的目标页面数据。其中，目标页面数据是通过服务器渲染得到的。
37.在操作s240，根据轻量级框架和目标页面数据，展示目标页面。
38.根据本公开的实施，小程序框架可以包括用于运行小程序的各种相关组件，例如可以包括端容器和前端框架。其中，端容器可以包括逻辑层组件、渲染层组件等，前端框架可以包括api集合以及相关组件等。
39.根据本公开的实施例，加载小程序框架包括例如可以包括创建逻辑层容器和渲染层容器，然后利用逻辑层容器和渲染层容器，加载小程序框架代码。
40.根据本公开的实施例，轻量级框架例如可以包括渲染层中用于创建页面视图容器相关组件。根据本公开的另一些实施例，根据实际需求，轻量级框架还可以包括小程序框架中的路由api、请求、存储等组件。相对于小程序框架，轻量级框架不包含逻辑层，另外包含的api以及组件的数量也更为精简，因此数据量更小，加载速度更快。
41.下面参考图3对上文所示的加载轻量级框架的方法做进一步说明。
42.图3示意性示出了根据本公开的实施例的加载轻量级框架的方法的流程图。
43.如图3所示，该方法320包括操作s321～s322。
44.在操作s321，获取轻量级框架数据。
45.然后，在操作s322，利用轻量级框架数据，创建网页视图容器。
46.根据本公开的实施例，可以获取轻量级框架数据，其中，轻量级框架数据包括页面视图容器组件。然后利用页面视图容器组件，创建网页视图容器。
47.本实施例中目标页面数据可以包含目标页面的html文件和目标页面的css文件等，可以用于生成目标页面的展示内容。。
48.其中，目标页面可以为当数据还未加载完小程序页面之前，对应加载页面的中转
页面。通过在小程序页面完全渲染完成之前向用户展示中转页面，然后切换至由小程序框架渲染的小程序页面，可以使小程序页面加载的过程更为平滑，缓解用户因等待而产生的焦躁情绪，提高了用户的体验感。
49.根据本公开的实施例，轻量级框架相对小程序框架更为精简，因此加载速度更快。在小程序框架的加载过程中，利用轻量级框架能够更快地生成目标页面，从而可以提高小程序性能，减少用户的等待时长，可以给用户带来更好的用户体验。
50.根据本公开的实施例，目标页面数据可以包含在小程序数据包中。本实施例中，每个小程序可以对应于一个小程序数据包。小程序数据包可以包括小程序的开发代码、页面数据以及资源等。根据本公开的实施例，小程序数据包可以存储在终端设备本地，也可以存储在数据服务器。
51.根据本公开的另一些实施例，目标页面数据也可以存储至数据服务器，由数据服务器进行托管。
52.下面参考图4对上文所示的获取目标页面数据的方法做进一步说明。
53.图4示意性示出了根据本公开的实施例的获取目标页面数据的方法的流程图。
54.如图4所示，该方法430包括操作s431～s434。
55.在操作s431，确定本地是否存储有与目标小程序对应的小程序数据包。在本地存储有小程序数据包的情况下，执行操作s432。在本地没有存储小程序数据包的情况下，执行操作s433～s434。
56.在操作s432，获取小程序数据包中的目标页面数据。
57.在操作s433，根据目标小程序的打开协议，确定目标页面数据的存储地址。
58.在操作s434，根据存储地址，获取目标页面数据。
59.根据本公开的实施例，打开协议例如可以从目标小程序的启动请求中获取。该启动请求是根据针对目标小程序的启动操作生成的。
60.根据本公开的实施例，在接收到目标小程序的启动请求时，可以根据该启动请求获取与目标小程序对应的打开协议。打开协议中可以设置有与目标小程序对应的目标页面数据的存储地址，可以根据该存储地址从数据服务器中获取目标页面数据。
61.根据本公开的实施例，在获取目标页面数据之后，可以根据目标页面数据，在网页视图容器中渲染目标页面，并针对目标页面进行事件绑定。示例性地，本实施例中，可以利用轻量级框架的webview.loadurl()方法加载目标页面数据，以渲染目标页面。
62.图5示意性示出了根据本公开的实施例的启动小程序的方法的流程图。
63.如图5所示，该方法500包括操作s510～s590。该方法500例如可以由上文所示的终端设备执行。
64.在操作s510，响应于针对目标小程序的启动操作，加载小程序框架。
65.然后，在操作s520，确定小程序框架是否加载完成。在小程序框架加载未完成的情况下，执行操作s530。在小程序框架加载已完成的情况下，执行操作s590。
66.在操作s530，加载轻量级框架。
67.在操作s540，获取与目标小程序对应的目标页面数据。
68.在操作s550，根据轻量级框架和目标页面数据，展示目标页面。
69.根据本公开的实施例，操作s510～s550例如可以参考上文，在此不再赘述。
70.在操作s560，等待小程序框架加载完成。在小程序框架加载完成的情况下，利用小程序框架，加载与目标小程序对应的小程序数据包。
71.在操作s570，根据小程序数据包，创建内容页面。
72.根据本公开的实施例，内容页面例如可以包括具有实际内容的页面。
73.在操作s580，调用轻量级框架的路由应用程序接口，以使目标页面跳转到内容页面。
74.根据本公开的实施例，例如可以通过调用轻量级框架的路由应用程序接口，来使目标页面跳转到内容页面。即可以由轻量级框架切换至小程序框架，从而正常实现小程序的各项功能。
75.在操作s590，利用小程序框架渲染后续小程序页面。
76.根据公开的实施例，终端设备可以在小程序框架加载完成后，自动调用轻量级框架的路由应用程序接口，由目标页面跳转到内容页面。根据公开的另一些实施例，除了自动跳转到内容页面之外，还可以根据用户的操作来触发跳转。例如，本实施例中，可以在用户触发跳转时生成跳转事件，然后响应于接收到目标页面中的跳转事件，从目标页面跳转到内容页面。
77.根据本公开的实施例，轻量级框架相对小程序框架更为精简，因此加载速度更快。在小程序框架的加载过程中，利用轻量级框架能够更快地生成目标页面，从而可以提高小程序性能，减少用户的等待时长，可以给用户带来更好的用户体验。
78.图6示意性示出了根据本公开实施例的启动小程序的装置的框图。
79.如图6所示，启动小程序的装置600包括第一加载模块610、第二加载模块620、获取模块630和展示模块640。
80.第一加载模块610，用于响应于针对目标小程序的启动操作，加载小程序框架。
81.第二加载模块620，用于在小程序框架的加载过程中，加载轻量级框架。
82.获取模块630，用于获取与目标小程序对应的目标页面数据，其中，目标页面数据是通过服务器渲染得到的。
83.展示模块640，用于根据轻量级框架和目标页面数据，展示目标页面。根据本公开的实施例，获取模块包括第一获取子模块、确定子模块和第二获取子模块。其中，第一获取子模块，用于在本地存储有小程序数据包的情况下，获取小程序数据包中的目标页面数据。确定子模块，用于在本地没有存储小程序数据包的情况下，根据目标小程序的打开协议，确定目标页面数据的存储地址。第二获取子模块，用于根据存储地址，获取目标页面数据。
84.根据本公开的实施例，第二加载模块可以包括第三获取子模块和第一创建子模块。其中，第三获取子模块，用于获取轻量级框架数据，其中，轻量级框架数据包括页面视图容器组件。第一创建子模块，用于利用轻量级框架数据，创建网页视图容器。。
85.根据本公开的实施例，展示模块可以包括渲染子模块，用于根据目标页面数据，在网页视图容器中渲染目标页面，并针对目标页面进行事件绑定。
86.根据本公开的实施例，第一加载模块可以包括第二创建子模块和代码加载子模块。其中，第二创建子模块，用于创建逻辑层容器和渲染层容器。代码加载子模块，用于利用逻辑层容器和渲染层容器，加载小程序框架代码。
87.根据本公开的实施例，上述装置还可以包括数据包加载模块和第三创建模块。其
中，数据包加载模块，用于在小程序框架加载完成的情况下，利用小程序框架，加载与目标小程序对应的小程序数据包。第三创建模块，用于根据小程序数据包，创建内容页面。
88.根据本公开的实施例，上述装置还可以包括调用模块，用于调用轻量级框架的路由应用程序接口，以使目标页面跳转到内容页面。
89.根据本公开的实施例，上述装置还可以包括跳转模块，用于响应于接收到目标页面中的跳转事件，从目标页面跳转到内容页面。
90.根据本公开的实施例，本公开还提供了一种电子设备、一种可读存储介质和一种计算机程序产品。
91.图7示意性示出了可以用来实施本公开的实施例的示例电子设备700的框图。电子设备旨在表示各种形式的数字计算机，诸如，膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置，诸如，个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例，并且不意在限制本文中描述的和/或者要求的本公开的实现。
92.如图7所示，设备700包括计算单元701，其可以根据存储在只读存储器(rom)702中的计算机程序或者从存储单元708加载到随机访问存储器(ram)703中的计算机程序，来执行各种适当的动作和处理。在ram 703中，还可存储设备700操作所需的各种程序和数据。计算单元701、rom 702以及ram 703通过总线704彼此相连。输入/输出(i/o)接口705也连接至总线704。
93.设备700中的多个部件连接至i/o接口705，包括：输入单元706，例如键盘、鼠标等；输出单元707，例如各种类型的显示器、扬声器等；存储单元708，例如磁盘、光盘等；以及通信单元709，例如网卡、调制解调器、无线通信收发机等。通信单元709允许设备700通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。
94.计算单元701可以是各种具有处理和计算能力的通用和/或专用处理组件。计算单元701的一些示例包括但不限于中央处理单元(cpu)、图形处理单元(gpu)、各种专用的人工智能(ai)计算芯片、各种运行机器学习模型算法的计算单元、数字信号处理器(dsp)、以及任何适当的处理器、控制器、微控制器等。计算单元701执行上文所描述的各个方法和处理，例如启动小程序的方法。例如，在一些实施例中，启动小程序的方法可被实现为计算机软件程序，其被有形地包含于机器可读介质，例如存储单元708。在一些实施例中，计算机程序的部分或者全部可以经由rom 702和/或通信单元709而被载入和/或安装到设备700上。当计算机程序加载到ram 703并由计算单元701执行时，可以执行上文描述的启动小程序的方法的一个或多个步骤。备选地，在其他实施例中，计算单元701可以通过其他任何适当的方式(例如，借助于固件)而被配置为执行启动小程序的方法。
95.本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、场可编程门阵列(fpga)、专用集成电路(asic)、专用标准产品(assp)、芯片上系统的系统(soc)、负载可编程逻辑设备(cpld)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括：实施在一个或者多个计算机程序中，该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释，该可编程处理器可以是专用或者通用可编程处理器，可以从存储系统、至少一个输入装置、和至少一个输出
装置接收数据和指令，并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。
96.用于实施本公开的方法的程序代码可以采用一个或多个编程语言的任何组合来编写。这些程序代码可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器或控制器，使得程序代码当由处理器或控制器执行时使流程图和/或框图中所规定的功能/操作被实施。程序代码可以完全在机器上执行、部分地在机器上执行，作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。
97.在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(ram)、只读存储器(rom)、可擦除可编程只读存储器(eprom或快闪存储器)、光纤、便捷式紧凑盘只读存储器(cd-rom)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
98.为了提供与用户的交互，可以在计算机上实施此处描述的系统和技术，该计算机具有：用于向用户显示信息的显示装置(例如，crt(阴极射线管)或者lcd(液晶显示器)监视器)；以及键盘和指向装置(例如，鼠标或者轨迹球)，用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互；例如，提供给用户的反馈可以是任何形式的传感反馈(例如，视觉反馈、听觉反馈、或者触觉反馈)；并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。
99.可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如，作为数据服务器120)、或者包括中间件部件的计算系统(例如，应用服务器)、或者包括前端部件的计算系统(例如，具有图形用户界面或者网络浏览器的用户计算机，用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如，通信网络)来将系统的部件相互连接。通信网络的示例包括：局域网(lan)、广域网(wan)和互联网。
100.计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。
101.应该理解，可以使用上面所示的各种形式的流程，重新排序、增加或删除步骤。例如，本发公开中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行，只要能够实现本公开公开的技术方案所期望的结果，本文在此不进行限制。
102.上述具体实施方式，并不构成对本公开保护范围的限制。本领域技术人员应该明白的是，根据设计要求和其他因素，可以进行各种修改、组合、子组合和替代。任何在本公开的精神和原则之内所作的修改、等同替换和改进等，均应包含在本公开保护范围之内。