小程序显示界面的生成方法、装置、电子设备及存储介质

技术领域

本发明涉及互联网技术领域，具体涉及界面生成技术领域，尤其涉及一种小程序显示界面的生成方法、一种小程序显示界面的生成装置、一种电子设备及一种计算机存储介质。

背景技术

随着电子技术的进步，电子设备体积越来越小，使得电子设备的使用场景越来越多。电子设备中的应用程序也逐渐呈现出了越来越多的功能，当前应用程序具有响应速度快，功能丰富的特点。具体体现在一个应用程序中可设置有小程序模块，用户可以通过小程序模块执行不同的操作，来实现用户多样的使用需求。

发明内容

本发明实施例提供了一种小程序显示界面的生成方法、装置、电子设备及计算机存储介质，第一电子设备在启动目标应用程序时，通过接收第二电子设备发送的布局文件生成小程序显示界面，有利于现小程序显示界面的灵活配置，提升了电子设备的智能性。

一方面，本发明实施例提供了一种小程序显示界面的生成方法，该小程序显示界面的生成方法包括：

在第一电子设备中的目标应用程序启动时，向第二电子设备发送数据请求；

接收所述第二电子设备发送的布局文件；

通过视觉组件解析所述布局文件，生成视图信息；

检测到针对所述小程序显示界面的显示请求时，通过所述视觉组件针对所述视图信息执行渲染操作，生成所述小程序显示界面。

其中，所述布局文件由JSON字符串构成，所述JSON字符串是根据录入所述第二电子设备的TypeScript代码生成的。

其中，所述视觉组件为设置于所述目标应用程序中的图形显示组件。

其中，所述电子设备运行安卓操作系统，所述视觉组件为WebView组件。

其中，所述生成视图信息之后，所述通过所述视觉组件针对所述视图信息执行渲染操作之前，还包括：

获取所述目标应用程序当前登录的第一账户的历史数据；

根据所述历史数据确定预设数量个待推荐小程序；

根据所述预设数量个待推荐小程序更新所述视图信息，使得针对所述视图信息执行渲染操作生成的所述小程序显示界面中包括所述预设数量个待推荐小程序。

其中，所述历史数据包括当前时间点之前的预设时长内至少一个小程序的使用时长，所述根据所述历史小程序使用数据确定预设数量个待推荐小程序，包括：

根据所述至少一个小程序中每个小程序的使用时长针对所述至少一个小程序进行排序，得到所述至少一个小程序对应的小程序序列；

确定所述小程序序列中前预设数量个小程序为所述预设数量个待推荐小程序。

其中，所述历史数据包括当前时间点之前的预设时长内至少一个小程序的使用时间区间，所述预设时长大于自然日，所述根据所述历史小程序使用数据确定预设数量个待推荐小程序，包括：

根据当前时间点确定第一时间范围；

根据所述预设时长内所述至少一个小程序的使用时间区间确定所述至少一个小程序中每个小程序在所述第一时间范围内的累积使用时长；

根据所述每个小程序的所述累积使用时长针对所述至少一个小程序进行排序，得到所述至少一个小程序对应的小程序序列；

确定所述小程序序列中前预设数量个小程序为所述预设数量个待推荐小程序。

其中，所述生成视图信息之后，所述通过所述视觉组件针对所述视图信息执行渲染操作之前，还包括：

确定当前时间点之前的预设时长内与所述第一账户互动的至少一个第二账户；

确定所述至少一个第二账户中每个第二账户对应的一个小程序；

根据所述每个第二账户对应的一个小程序更新所述视图信息，使得针对所述视图信息执行渲染操作生成的所述小程序显示界面中包括所述每个第二账户对应的一个小程序。

另一方面，本发明实施例提供了一种小程序显示界面的生成装置，该小程序显示界面的生成装置包括：

通信单元，用于在第一电子设备中的目标应用程序启动时，向第二电子设备发送数据请求；以及用于接收所述第二电子设备发送的布局文件；

处理单元，用于通过视觉组件解析所述布局文件，生成视图信息；以及用于检测到针对所述小程序显示界面的显示请求时，通过所述视觉组件针对所述视图信息执行渲染操作，生成所述小程序显示界面。

再一方面，本发明实施例提供了一种电子设备，所述电子设备包括输入设备和输出设备，所述电子设备还包括：

处理器，适于实现一条或多条指令；以及，

计算机存储介质，所述计算机存储介质存储有一条或多条指令，所述一条或多条指令适于由所述处理器加载并执行如下步骤：

在第一电子设备中的目标应用程序启动时，向第二电子设备发送数据请求；

接收所述第二电子设备发送的布局文件；

通过视觉组件解析所述布局文件，生成视图信息；

检测到针对所述小程序显示界面的显示请求时，通过所述视觉组件针对所述视图信息执行渲染操作，生成所述小程序显示界面。

再一方面，本发明实施例提供了一种计算机存储介质，所述计算机存储介质存储有一条或多条指令，所述一条或多条指令适于由处理器加载并执行如下步骤：

在第一电子设备中的目标应用程序启动时，向第二电子设备发送数据请求；

接收所述第二电子设备发送的布局文件；

通过视觉组件解析所述布局文件，生成视图信息；

检测到针对所述小程序显示界面的显示请求时，通过所述视觉组件针对所述视图信息执行渲染操作，生成所述小程序显示界面。

可以看出，本发明实施例中，在第一电子设备中的目标应用程序启动时，向第二电子设备发送数据请求；接收所述第二电子设备发送的布局文件；通过视觉组件解析所述布局文件，生成视图信息；检测到针对所述小程序显示界面的显示请求时，通过所述视觉组件针对所述视图信息执行渲染操作，生成所述小程序显示界面。可见，本发明实施例中，第一电子设备在目标应用程序程序启动时，可向第二电子设备获取布局文件，进而根据布局文件执行解析和渲染操作，生成小程序显示界面，使得小程序显示界面在每次启动目标应用程序时都可根据第二电子设备发送的布局文件进行更新，有利于实现小程序显示界面的灵活配置；由于每次启动目标应用程序时，都可以实现针对小程序显示界面的更新，进而便于小程序显示界面的开发人员针对小程序显示界面进行AB测试，进而快速高效的确定出合适的小程序显示界面，提升了电子设备的智能性。

附图说明

为了更清楚地说明本发明实施例技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本发明实施例提供的一种通信系统的架构示意图；

图2A是本发明实施例提供的一种小程序显示界面的生成方法的流程示意图；

图2B是本发明实施例提供的另一种通信系统的架构图；

图2C是本发明实施例提供的一种小程序显示界面的示意图；

图2D是本发明实施例提供的一种由静态代码生成的小程序显示界面的示意图；

图2E是本发明实施例提供的一种由ark模板生成的小程序显示界面的示意图；

图3是本发明另一实施例提供的一种小程序显示界面的生成方法的流程示意图；

图4是本发明实施例提供的一种小程序显示界面的生成装置的结构示意图；

图5是本发明实施例提供的一种电子设备的结构示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

请参阅图1，图1是本发明实施例提供的一种通信系统的架构图，其中包括电子设备101和电子设备102；电子设备101中安装有目标应用程序，目标应用程序中可安装小程序，同时，目标应用程序中设置有小程序显示界面，在每次应用程序启动时，电子设备101向电子设备102发送关联小程序显示界面的数据请求；电子设备102向电子设备101返回关联小程序显示界面的布局文件，电子设备101可针对布局文件进行解析得到视图信息，并根据视图信息进行渲染生成小程序显示界面，需要说明的是电子设备102可以是服务器，电子设备102可以与当前登录目标应用程序至少一个电子设备通信连接，并可以向至少一个电子设备发送小程序显示界面的布局文件。用户在使用电子设备101的过程中，用户可以通过预设操作(如进入目标应用程序后，根据显示屏的指示点击屏幕中对应的区域；通过语音控制；或者通过眼球追踪的方式，用户根据显示屏的指示使得眼睛的注视点停留对应区域的时长大于预设时长)使电子设备101在显示屏上显示目标应用程序中的小程序显示界面。

其中，本发明实时例中的电子设备可以包括各种具有无线通信功能的手持设备、车载设备、可穿戴设备(例如智能手表、智能手环、计步器等)、计算设备或连接到无线调制解调器的其他处理设备，以及各种形式的用户设备(User Equipment，UE)，移动台(MobileStation，MS)，终端设备(terminal device)等等。为方便描述，上面提到的设备统称为电子设备。

需要说明的是，本发明实施例的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别不同对象，而不是用于描述特定顺序。

基于上述的描述，本发明实施例提出一种小程序显示界面的生成方法，该小程序显示界面的生成方法可以由第一电子设备执行。请参见图2A，该小程序显示界面的生成方法可包括以下步骤S201-S204：

S201，在第一电子设备中的目标应用程序启动时，第一电子设备向第二电子设备发送数据请求，目标应用程序包括小程序显示界面。

其中，第二电子设备可以是用于构建小程序显示界面的服务器。其中，第二电子设备可以存储有第一电子设备运行目标应用程序时所需要的全部小程序的数据。

可选的，第二电子设备可以是小程序总服务器，请参阅图2B，图2B是本发明实施例提供的另一种通信系统的架构图，其中包括：第一电子设备，小程序总服务器，以及至少一个子服务器。其中，第一电子设备可以与小程序总服务器通信连接；小程序总服务器与至少一个子服务器通信连接，子服务器包括每个小程序对应的服务器和小程序显示界面对应的服务器；当第一电子设备获取第一数据时(第一数据可以是第一电子设备用于正常运行一个小程序所需要的数据或者第一电子设备用于生成小程序显示界面所需要的数据)，第一电子设备首先向小程序总服务器发送针对第一数据的数据请求信息，小程序总服务器收到第一数据的数据请求信息后，针对第一数据的数据请求信息进行分析，确定出存储第一数据的第一子服务器；之后小程序总服务器向第一子服务器发送针对第一数据的数据请求信息，第一子服务器解析第一数据的数据请求信息，生成第一数据，将第一数据发送至小程序总服务器，小程序总服务器将第一数据转发给第一电子设备，第一电子设备根据第一数据完成小程序的正常运行或者小程序显示界面的生成。举例来说，目标应用程序中共包含N个小程序，N为正整数，N个小程序中的每个小程序均为不同的开发商开发的，因此N个小程序对应N个子服务器；小程序显示界面对应的服务器则用于生成布局文件。第一电子设备获取布局文件的方式为：当第一电子设备中的目标应用程序启动时，第一电子设备向小程序总服务器发送关联小程序显示界面的数据请求，小程序总服务器收到第一电子设备发送的数据请求后，向小程序显示界面对应的服务器发送数据请求，接收小程序显示界面对应的服务器返回的布局文件，并向第一电子设备发送布局文件。

S202，第一电子设备接收第二电子设备发送的布局文件。

其中，布局文件是小程序显示界面的开发人员根据产品设计需求编译生成的字符串。具体的，小程序显示界面的设计师首先设计显示界面，之后，将设计好的显示界面交给小程序显示界面的开发人员，小程序显示界面的开发人员根据显示界面编写TypeScript代码；开发人员编写完成后，在电子设备上进行编译生成由JSON(JavaScript ObjectNotation,JS对象简谱)字符串构成的布局文件，并存储至第二电子设备；之后第二电子设备接收到第一电子设备发送的数据请求时，第二电子设备向第一电子设备发送布局文件。

其中，请参阅图2C，图2C是本发明实施例提供的一种小程序显示界面的示意图。其中整个显示界面中包括两个模块：大家在玩和流行排行；第一电子设备可根据布局文件可确定显示界面中显示的模块数量和模块种类，例如显示界面中还可以包括口碑最佳模块，好友在玩模块，可能喜欢模块等。

S203，第一电子设备通过视觉组件解析布局文件，生成视图信息。

其中，视图信息是可被第一电子设备读取，识别，执行渲染操作的数据；第一电子设备可根据该数据进行渲染操作，进而生成小程序显示界面。

其中，视觉组件为设置于目标应用程序中的图形显示组件，视觉组件可以实现针对JSON字符串的解析，得到视图信息；并且可以根据视图信息执行渲染操作，生成小程序显示界面。

可选的，电子设备运行安卓操作系统，视觉组件为网页视图(WebView)组件。

S204，第一电子设备检测到针对小程序显示界面的显示请求时，通过视觉组件针对视图信息执行渲染操作，生成小程序显示界面。

其中，检测到针对小程序显示界面的显示请求的具体方法可以是：用户在启动目标应用程序后，进入目标应用程序的主界面，用户根据主界面的指示信息点击显示屏对应的区域，则第一电子设备确定为针对小程序显示界面的显示请求；或者第一电子设备具有眼球追踪功能，用户根据主界面的指示信息注视显示屏对应的区域，第一电子设备检测到用户的注视点停留在显示屏对应的区域的时长大于预设时长时，则第一电子设备确定为针对小程序显示界面的显示请求；或者，第一电子设备检测到用于打开小程序显示界面的语音控制指令，则确定为针对小程序显示界面的显示请求；或者，在进入目标应用程序的主界面后，第一电子设备检测到预设手势，则确定为针对小程序显示界面的显示请求。

可选的，在生成视图信息之后，在通过视觉组件针对视图信息执行渲染操作之前，方法还包括：定当前时间点之前的预设时长内与第一账户互动的至少一个第二账户；确定至少一个第二账户中每个第二账户对应的一个小程序；根据每个第二账户对应的一个小程序更新视图信息，使得针对视图信息执行渲染操作生成的小程序显示界面中包括每个第二账户对应的一个小程序。其中，第二账户可以是在第一电子设备之外的电子设备上登录目标应用程序的账户。其中，互动可以是两个账户之间发送消息，以及两个账户之间存在一方点赞，收藏，转发另一方发布的内容，等产生信息交互的过程均可以视为两个账户之间的互动。预设时长可以是目标应用程序的开发者根据实际情况预先设定的例如：一周，一个月等；其中，确定至少一个第二账户中每个第二账户对应的一个小程序的方法可以是：确定每个第二账户在当前时间点之前的预设时长内使用时长最大的小程序为每个第二账户对应的一个小程序。

可以看出，本发明实施例中，在第一电子设备中的目标应用程序启动时，向第二电子设备发送数据请求，目标应用程序包括小程序显示界面；接收第二电子设备发送的布局文件；通过视觉组件解析布局文件，生成视图信息；检测到针对小程序显示界面的显示请求时，通过视觉组件针对视图信息执行渲染操作，生成小程序显示界面。可见，本发明实施例中，第一电子设备在目标应用程序启动时，可向第二电子设备获取布局文件，进而根据布局文件执行解析和渲染操作，生成小程序显示界面，使得小程序显示界面在每次启动目标应用程序时都可根据第二电子设备发送的布局文件进行更新，有利于实现小程序显示界面的灵活配置；由于每次启动目标应用程序时，都可以实现针对小程序显示界面的更新，进而便于小程序显示界面的开发人员针对小程序显示界面进行AB测试，进而快速高效的确定出合适的小程序显示界面，提升了电子设备的智能性。

可选的，小程序显示界面的方生成法还可以是：在第一电子设备中的目标应用程序启动时，加载小程序显示界面对应的静态代码，根据静态代码生成小程序显示界面；接收第二电子设备发送的后台数据，其中，后台数据中包括用于指示第一电子设备显示第一数量个小程序的信息；第一电子设备根据后台数据更新小程序显示界面，使得最终生成的小程序显示界面中包括第一数量个小程序。请参阅图2D，图2D是本发明实施例提供的一种由静态代码生成的小程序显示界面的示意图。

可选的，目标应用程序中设置有ark模板，ark模板可根据传入的数据渲染出对应的显示界面，其中，传入的数据可以是可扩展标记语言(XML，Extensible MarkupLanguage)构成的数据；小程序显示界面的方生成法还可以是：在第一电子设备中的目标应用程序启动时，加载ark模板；当检测到ark模板加载完成后，通过ark模板解析布局文件，得到解析后的数据；根据解析后的数据执行渲染操作，生成小程序显示界面；

其中，在通过ark模板解析布局文件之前，还包括：第一电子设备接收第二电子设备发送的布局文件；

其中，在第一电子设备加载ark模板的同时，第一电子设备向第二电子设备发送数据请求；或者，在第一电子设备完成ark模板的加载之后，在第一电子设备接收第二电子设备发送的布局文件之前，第一电子设备向第二电子设备发送数据请求，其中，数据请求用于获取布局文件；

请参阅图2E，图2E是本发明实施例提供的一种由ark模板生成的小程序显示界面的示意图。

请参见图3，是本发明实施例提供的另一种小程序显示界面的生成方法的流程示意图。该小程序显示界面的生成方法可以由第一电子设备执行。如图3所示，该小程序显示界面的生成方法可包括以下步骤S301-S307：

S301，在第一电子设备中的目标应用程序启动时，向第二电子设备发送数据请求，目标应用程序包括小程序显示界面。

S302，第一电子设备接收第二电子设备发送的布局文件。

S303，第一电子设备通过视觉组件解析布局文件，生成视图信息。

S304，第一电子设备获取目标应用程序当前登录的第一账户的历史数据；

其中，第一电子设备可与目标应用程序对应的服务器通信连接，获取第一账户的历史数据；或者，第一电子设备读取本地的缓存数据，得到第一账户的历史数据。

S305，第一电子设备根据历史数据确定预设数量个待推荐小程序。

在一种实施方式中，历史数据包括历史数据包括当前时间点之前的预设时长内至少一个小程序的使用时长，步骤S305可以包括以下步骤：第一电子设备根据至少一个小程序中每个小程序的使用时长针对至少一个小程序进行排序，得到至少一个小程序对应的小程序序列；第一电子设备确定小程序序列中前预设数量个小程序为预设数量个待推荐小程序。

其中，小程序序列可以是根据小程序的使用时长由大到小排列的。预设数量为正整数，若小程序序列中小程序的数量小于预设数量，则确定小程序序列中的全部小程序均为待推荐小程序。

其中，小程序显示界面包括可能喜欢模块；第一电子设备在确定出预设数量个待推荐小程序之后，还可以包括：第一电子设备获取预设数量个待推荐小程序的类别信息，根据预设数量个待推荐小程序的类别信息将预设数量个待推荐小程序划分为第二数量个类别；确定第二数量个类别中每个类别包含的小程序数量；每个类别包含的小程序数量确定第二数量个类别中包含小程序数量最多的目标类别；以目标类别为查询标识，查询目标类别对应的排行榜，获取目标类别对应的排行榜中前K个小程序的信息，K为正整数；根据K个小程序的信息更新视图信息，使得最终小程序显示界面中的可能喜欢模块中包括上述K个小程序。

再一种实施方式中，历史数据包括当前时间点之前的预设时长内至少一个小程序的使用时间区间，预设时长大于自然日，步骤S305可以包括以下步骤：第一电子设备根据当前时间点确定第一时间范围；第一电子设备根据预设时长内至少一个小程序的使用时间区间确定至少一个小程序中每个小程序在第一时间范围内的累积使用时长；第一电子设备根据每个小程序的累积使用时长针对至少一个小程序进行排序，得到至少一个小程序对应的小程序序列；第一电子设备确定小程序序列中前预设数量个小程序为预设数量个待推荐小程序。

其中，预设数量为正整数，若小程序序列中小程序的数量小于预设数量，则确定小程序序列中的全部小程序均为待推荐小程序。第一时间范围的确定方式可以是：若第一时间范围为第一时间点至第二时间点，则第一时间点为当前时间点之前的M分钟的时间点，第二时间点为当前时间点之后的N分钟的时间点。其中，第一时间范围小于自然日；其中，累计时长指的是预设时长内每个时间范围内使用小程序的时长之和。举例来说，预设时长为2天，当前时间点为18点，M为20，N为30，则第一时间范围为17：40至18：30；当前至少一个小程序为两个小程序，两个小程序中的第一小程序在2天时间中的第一天的17：40至18：30之间使用10分钟，在2天时间中的第二天的17：40至18：30之间使用20分钟，则第一小程序的累积使用时长为30分钟；两个小程序中的第二小程序在2天时间中的第一天的17：40至18：30之间使用5分钟，在2天时间中的第二天的17：40至18：30之间使用27分钟，则第一小程序的累积使用时长为32分钟，根据时长由大到小排列，小程序序列中第一小程序排列在第一位，第二小程序排列在第二为，若预设数量为1，则确定第一小程序为待推荐小程序。

S306，第一电子设备根据预设数量个待推荐小程序更新视图信息，使得针对视图信息执行渲染操作生成的小程序显示界面中包括预设数量个待推荐小程序。

S307，第一电子设备检测到针对小程序显示界面的显示请求时，通过视觉组件针对视图信息执行渲染操作，生成小程序显示界面。

本发明实施例中，在第一电子设备中的目标应用程序启动时，向第二电子设备发送数据请求，目标应用程序包括小程序显示界面；接收第二电子设备发送的布局文件；通过视觉组件解析布局文件，生成视图信息，使得每次启动应用程序时都可以针对视图信息进行更新，有利于针对根据视图信息生成的小程序显示界面进行灵活的配置；之后第一电子设备获取目标应用程序当前登录的第一账户的历史数据；根据历史数据确定预设数量个待推荐小程序；根据预设数量个待推荐小程序更新视图信息，使得根据更新后的视图信息生成的小程序显示界面与第一账户的关联性更高，提升了电子设备的智能性；最后，检测到针对小程序显示界面的显示请求时，通过视觉组件针对视图信息执行渲染操作，生成小程序显示界面。

基于上述小程序显示界面的生成方法实施例的描述，本发明实施例还公开了一种小程序显示界面的生成装置，所述小程序显示界面的生成装置可以是运行于电子设备中的一个计算机程序(包括程序代码)。该小程序显示界面的生成装置可以执行图2A或图3所示的方法。请参见图4，所述小程序显示界面的生成装置可以运行如下单元：

通信单元101，用于在第一电子设备中的目标应用程序启动时，向第二电子设备发送数据请求；以及用于接收所述第二电子设备发送的布局文件；

处理单元102，用于通过视觉组件解析所述布局文件，生成视图信息；以及用于检测到针对所述小程序显示界面的显示请求时，通过所述视觉组件针对所述视图信息执行渲染操作，生成所述小程序显示界面。

在一种实施方式中，所述布局文件由JSON字符串构成，所述JSON字符串是根据录入所述第二电子设备的TypeScript代码生成的。

再一种实施方式中，所述视觉组件为设置于所述目标应用程序中的图形显示组件。

再一种实施方式中，在所述生成视图信息之后，所述通过所述视觉组件针对所述视图信息执行渲染操作之前，处理单元102还可用于：获取所述目标应用程序当前登录的第一账户的历史数据；根据所述历史数据确定预设数量个待推荐小程序；根据所述预设数量个待推荐小程序更新所述视图信息，使得针对所述视图信息执行渲染操作生成的所述小程序显示界面中包括所述预设数量个待推荐小程序。

再一种实施方式中，所述历史数据包括当前时间点之前的预设时长内至少一个小程序的使用时长，处理单元102在用于根据所述历史小程序使用数据确定预设数量个待推荐小程序时，具体用于：根据所述至少一个小程序中每个小程序的使用时长针对所述至少一个小程序进行排序，得到所述至少一个小程序对应的小程序序列；确定所述小程序序列中前预设数量个小程序为所述预设数量个待推荐小程序。

再一种实施方式中，所述历史数据包括当前时间点之前的预设时长内至少一个小程序的使用时间区间，所述预设时长大于自然日，处理单元102在用于根据所述历史小程序使用数据确定预设数量个待推荐小程序，具体用于：根据当前时间点确定第一时间范围；根据所述预设时长内所述至少一个小程序的使用时间区间确定所述至少一个小程序中每个小程序在所述第一时间范围内的累积使用时长；根据所述每个小程序的所述累积使用时长针对所述至少一个小程序进行排序，得到所述至少一个小程序对应的小程序序列；确定所述小程序序列中前预设数量个小程序为所述预设数量个待推荐小程序。

再一种实施方式中，所述生成视图信息之后，所述通过所述视觉组件针对所述视图信息执行渲染操作之前，处理单元102还可用于：确定当前时间点之前的预设时长内与所述第一账户互动的至少一个第二账户；确定所述至少一个第二账户中每个第二账户对应的一个小程序；根据所述每个第二账户对应的一个小程序更新所述视图信息，使得针对所述视图信息执行渲染操作生成的所述小程序显示界面中包括所述每个第二账户对应的一个小程序。

根据本发明的一个实施例，图2A或图3所示的方法所涉及的各个步骤均可以是由图4所示的小程序显示界面的生成装置中的各个单元来执行的。例如，图2A中所示的步骤S201、S202可以由图4中所示的通信单元101来执行，步骤S203和S204可由图4中所示的处理单元102来执行；又如，图3中所示的步骤S301和S302以由图4中所示的通信单元101来执行，步骤S303至S307可由图4中所示的处理单元102来执行。

根据本发明的另一个实施例，图4所示的小程序显示界面的生成装置中的各个单元可以分别或全部合并为一个或若干个另外的单元来构成，或者其中的某个(些)单元还可以再拆分为功能上更小的多个单元来构成，这可以实现同样的操作，而不影响本发明的实施例的技术效果的实现。上述单元是基于逻辑功能划分的，在实际应用中，一个单元的功能也可以由多个单元来实现，或者多个单元的功能由一个单元实现。在本发明的其它实施例中，基于小程序显示界面的生成装置也可以包括其它单元，在实际应用中，这些功能也可以由其它单元协助实现，并且可以由多个单元协作实现。

根据本发明的另一个实施例，可以通过在包括中央处理单元(CPU)、随机存取存储介质(RAM)、只读存储介质(ROM)等处理元件和存储元件的例如计算机的通用计算设备上运行能够执行如图2A或图3中所示的相应方法所涉及的各步骤的计算机程序(包括程序代码)，来构造如图4中所示的小程序显示界面的生成装置设备，以及来实现本发明实施例的小程序显示界面的生成方法。所述计算机程序可以记载于例如计算机可读记录介质上，并通过计算机可读记录介质装载于上述计算设备中，并在其中运行。

可以看出，本发明实施例中，在第一电子设备中的目标应用程序启动时，向第二电子设备发送数据请求；接收所述第二电子设备发送的布局文件；通过视觉组件解析所述布局文件，生成视图信息；检测到针对所述小程序显示界面的显示请求时，通过所述视觉组件针对所述视图信息执行渲染操作，生成所述小程序显示界面。可见，本发明实施例中，第一电子设备在目标应用程序程序启动时，可向第二电子设备获取布局文件，进而根据布局文件执行解析和渲染操作，生成小程序显示界面，使得小程序显示界面在每次启动目标应用程序时都可根据第二电子设备发送的布局文件进行更新，有利于实现小程序显示界面的灵活配置，；由于每次启动目标应用程序时，都可以实现针对小程序显示界面的更新，进而便于小程序显示界面的开发人员针对小程序显示界面进行AB测试，进而快速高效的确定出合适的小程序显示界面，提升了电子设备的智能性。

基于上述方法实施例以及装置实施例的描述，本发明实施例还提供一种电子设备。请参见图5，该电子设备至少包括处理器201、输入设备202、输出设备203以及计算机存储介质204。其中，电子设备内的处理器201、输入设备202、输出设备203以及计算机存储介质204可通过总线或其他方式连接。

计算机存储介质204可以存储在电子设备的存储器中，所述计算机存储介质204用于存储计算机程序，所述计算机程序包括程序指令，所述处理器201用于执行所述计算机存储介质204存储的程序指令。处理器201(或称CPU(Central Processing Unit，中央处理器))是电子设备的计算核心以及控制核心，其适于实现一条或多条指令，具体适于加载并执行一条或多条指令从而实现相应方法流程或相应功能；在一个实施例中，本发明实施例所述的处理器201可以用于进行一系列的小程序显示界面的生成处理，包括：在第一电子设备中的目标应用启动时，向第二电子设备发送数据请求；接收所述第二电子设备发送的布局文件；通过视觉组件解析所述布局文件，生成视图信息；检测到针对所述小程序显示界面的显示请求时，通过所述视觉组件针对所述视图信息执行渲染操作，生成所述小程序显示界面。

本发明实施例还提供了一种计算机存储介质(Memory)，所述计算机存储介质是电子设备中的记忆设备，用于存放程序和数据。可以理解的是，此处的计算机存储介质既可以包括电子设备中的内置存储介质，当然也可以包括电子设备所支持的扩展存储介质。计算机存储介质提供存储空间，该存储空间存储了电子设备的操作系统。并且，在该存储空间中还存放了适于被处理器201加载并执行的一条或多条的指令，这些指令可以是一个或一个以上的计算机程序(包括程序代码)。需要说明的是，此处的计算机存储介质可以是高速RAM存储器，也可以是非不稳定的存储器(non-volatile memory)，例如至少一个磁盘存储器；可选的还可以是至少一个位于远离前述处理器的计算机存储介质。

在一个实施例中，可由处理器201加载并执行计算机存储介质中存放的一条或多条指令，以实现上述有关小程序显示界面的生成实施例中的方法的相应步骤；具体实现中，计算机存储介质中的一条或多条指令由处理器201加载并执行如下步骤：

在第一电子设备中的目标应用程序启动时，向第二电子设备发送数据请求；

接收所述第二电子设备发送的布局文件；

通过视觉组件解析所述布局文件，生成视图信息；

检测到针对所述小程序显示界面的显示请求时，通过所述视觉组件针对所述视图信息执行渲染操作，生成所述小程序显示界面。

在一种实施方式中，所述布局文件由JSON字符串构成，所述JSON字符串是根据录入所述第二电子设备的TypeScript代码生成的。

再一种实施方式中，所述视觉组件为设置于所述目标应用程序中的图形显示组件。

再一种实施方式中，在所述生成视图信息之后，所述通过所述视觉组件针对所述视图信息执行渲染操作之前，所述一条或多条指令还可由处理器201加载并具体执行：获取所述目标应用程序当前登录的第一账户的历史数据；根据所述历史数据确定预设数量个待推荐小程序；根据所述预设数量个待推荐小程序更新所述视图信息，使得针对所述视图信息执行渲染操作生成的所述小程序显示界面中包括所述预设数量个待推荐小程序。

再一种实施方式中，所述历史数据包括当前时间点之前的预设时长内至少一个小程序的使用时长，在用于根据所述历史小程序使用数据确定预设数量个待推荐小程序时，所述一条或多条指令还可由处理器201加载并具体执行：根据所述至少一个小程序中每个小程序的使用时长针对所述至少一个小程序进行排序，得到所述至少一个小程序对应的小程序序列；确定所述小程序序列中前预设数量个小程序为所述预设数量个待推荐小程序。

再一种实施方式中，所述历史数据包括当前时间点之前的预设时长内至少一个小程序的使用时间区间，所述预设时长大于自然日，在用于根据所述历史小程序使用数据确定预设数量个待推荐小程序时，所述一条或多条指令还可由处理器201加载并具体执行：根据当前时间点确定第一时间范围；根据所述预设时长内所述至少一个小程序的使用时间区间确定所述至少一个小程序中每个小程序在所述第一时间范围内的累积使用时长；根据所述每个小程序的所述累积使用时长针对所述至少一个小程序进行排序，得到所述至少一个小程序对应的小程序序列；确定所述小程序序列中前预设数量个小程序为所述预设数量个待推荐小程序。

再一种实施方式中，所述生成视图信息之后，所述通过所述视觉组件针对所述视图信息执行渲染操作之前，所述一条或多条指令还可由处理器201加载并具体执行：确定当前时间点之前的预设时长内与所述第一账户互动的至少一个第二账户；确定所述至少一个第二账户中每个第二账户对应的一个小程序；根据所述每个第二账户对应的一个小程序更新所述视图信息，使得针对所述视图信息执行渲染操作生成的所述小程序显示界面中包括所述每个第二账户对应的一个小程序。

可以看出，本发明实施例中，在第一电子设备中的目标应用程序启动时，向第二电子设备发送数据请求；接收所述第二电子设备发送的布局文件；通过视觉组件解析所述布局文件，生成视图信息；检测到针对所述小程序显示界面的显示请求时，通过所述视觉组件针对所述视图信息执行渲染操作，生成所述小程序显示界面。可见，本发明实施例中，第一电子设备在目标应用程序程序启动时，可向第二电子设备获取布局文件，进而根据布局文件执行解析和渲染操作，生成小程序显示界面，使得小程序显示界面在每次启动目标应用程序时都可根据第二电子设备发送的布局文件进行更新，有利于实现小程序显示界面的灵活配置；由于每次启动目标应用程序时，都可以实现针对小程序显示界面的更新，进而便于小程序显示界面的开发人员针对小程序显示界面进行AB测试，进而快速高效的确定出合适的小程序显示界面，提升了电子设备的智能性。

以上所揭露的仅为本发明较佳实施例而已，当然不能以此来限定本发明之权利范围，因此依本发明权利要求所作的等同变化，仍属本发明所涵盖的范围。