[发明专利]页面卡片显示方法、装置、设备及介质

说明书

本申请提供一种页面卡片显示方法、装置、设备及介质，该方法包括：响应于在Web页面显示页面卡片的请求，加载第一文件，第一文件包括与前端框架代码相关的可执行文件；通过对第一文件进行解析，为页面卡片的显示提供框架环境；加载第二文件，第二文件包括与页面卡片的业务代码相关且适合客户端原生页面的可执行文件；在框架环境中，对第二文件进行解析；根据第二文件的解析结果，在Web页面显示页面卡片，解析结果包括页面卡片中页面元素的渲染指令。从而，基于适合于客户端原生页面的可执行文件，在Web页面上实现页面卡片的渲染，降低了开发成本，节约资源，还能够保持Web页面和客户端原生页面上页面卡片渲染效果的一致。

技术领域

本申请涉及计算机技术领域，尤其涉及一种页面卡片显示方法、装置、设备及介质。

背景技术

页面卡片(又可称为小部件)是嵌入在业务页面上的页面区块，主要的视觉展现形式为卡片形式，可以独立开发、独立执行且动态下发。页面卡片可应用于直播间、店铺等多个商家私域场景的业务展示，为用户提供更为轻便、快捷、完整、灵活的业务服务，还起到为相关业务吸引用户注意力的作用。

目前，主要是以移动设备的客户端作为页面卡片的承接主体，即主要在客户端执行页面卡片的业务代码的可执行文件。在面对Web场景中的页面卡片渲染需求时，前端人员需要将页面卡片的业务代码另行打包为适合Web场景的可执行文件。

然而，将页面卡片的业务代码另行打包为适合Web场景的可执行文件的方式，开发成本较高且存在资源浪费。

发明内容

本申请的多个方面提供一种页面卡片显示方法、装置、设备及介质，用以解决Web场景中页面卡片显示所存在的开发成本较高、浪费资源的问题。

第一方面，本申请实施例提供一种页面卡片显示方法，包括：响应于在Web页面显示页面卡片的请求，加载第一文件，第一文件包括与前端框架代码相关的可执行文件；通过对第一文件进行解析，为页面卡片的显示提供框架环境；加载第二文件，第二文件包括与页面卡片的业务代码相关且适合客户端原生页面的可执行文件；在框架环境中，对第二文件进行解析；根据第二文件的解析结果，在Web页面显示页面卡片，解析结果包括页面卡片中页面元素的渲染指令。

第二方面，本申请实施例提供一种页面卡片显示装置，包括：第一加载单元，用于响应于在Web页面显示页面卡片的请求，加载第一文件，第一文件包括与前端框架代码相关的可执行文件；第一解析单元，用于通过对第一文件进行解析，为页面卡片的显示提供框架环境；第二加载单元，用于加载第二文件，第二文件包括与页面卡片的业务代码相关且适合客户端原生页面的可执行文件；第二解析单元，用于在框架环境中，对第二文件进行解析；显示单元，用于根据第二文件的解析结果，在Web页面显示页面卡片，解析结果包括页面卡片中页面元素的渲染指令。

第三方面，本申请实施例提供一种电子设备，包括：至少一个处理器；以及与至少一个处理器通信连接的存储器；其中，存储器存储有可被至少一个处理器执行的指令，指令被至少一个处理器执行，以使电子设备能够执行本申请第一方面中任一项提供的页面卡片显示方法。

第四方面，本申请实施例提供一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现本申请第一方面中任一项提供的页面卡片显示方法。

在本申请实施例中，响应于在Web页面显示页面卡片的请求，先通过加载和解析第一文件，为页面卡片的显示提供合适的框架环境，即为第二文件的解析提供合适的框架环境，接着加载和解析第二文件，实现页面卡片在Web页面的渲染和显示。其中，第一文件包括与前端框架代码相关的可执行文件，第二文件包括与页面卡片的业务代码相关且适合客户端原生页面的可执行文件。