[发明专利]一种页面处理方法、装置、电子设备及存储介质

说明书

本发明实施例适用于互联网技术领域，提供了一种页面处理方法、装置、电子设备及存储介质，其中，页面处理方法包括：获取第一页面的第一页面数据；所述第一页面表征为应用程序中的一个页面；所述第一页面数据表征构成所述第一页面的RN组件对应的代码；基于设定插件将所述第一页面数据转换为第二页面数据；所述设定插件用于将RN组件对应的代码转换为超文本标记语言HTML组件对应的代码；通过浏览器渲染第二页面数据对应的第二页面。

技术领域

本发明涉及互联网技术领域，尤其涉及一种页面处理方法、装置、电子设备及存储介质。

背景技术

电商应用软件(APP，Application)通常基于RN(React Native)架构开发，通过用于设计电子商铺界面的设计平台，用户可以实现对电子商铺的个性化界面需求。为了使用户直观感受到设计的电子商铺界面在电商APP上呈现的视觉效果，相关技术中，每开发一个APP端的RN组件，就需要在设计平台上开发一个与RN组件相对应的H5(HTML5)组件，导致开发效率低。

发明内容

为了解决上述问题，本发明实施例提供了一种页面处理方法、装置、电子设备及存储介质，以至少解决相关技术每开发一个APP端的RN组件，就需要开发一个与RN组件相对应的H5组件的问题。

本发明的技术方案是这样实现的：

第一方面，本发明实施例提供了一种页面处理方法，该方法包括：

获取第一页面的第一页面数据；所述第一页面表征为应用程序中的一个页面；所述第一页面数据表征构成所述第一页面的RN组件对应的代码；

基于设定插件将所述第一页面数据转换为第二页面数据；所述设定插件用于将RN组件对应的代码转换为超文本标记语言HTML组件对应的代码；

通过浏览器渲染所述第二页面数据对应的第二页面。

在一实施例中，所述方法还包括：

获取第三页面数据；所述第三页面数据表征在所述浏览器中对构成所述第二页面的HTML组件进行操作的操作数据；

基于所述第三页面数据更新所述第二页面的页面内容。

在一实施例中，所述通过浏览器渲染所述第二页面数据对应的第二页面，包括：

创建与所述第一页面的尺寸一致的DIV容器；

在所述DIV容器中创建一个iframe页面框架；

基于所述iframe页面框架和所述第二页面数据，渲染得到所述第二页面。

在一实施例中，所述基于所述第三页面数据更新所述第二页面的页面内容，包括：

基于所述第三页面数据修改所述第二页面对应的所述第二页面数据；

通过所述浏览器渲染修改后的第二页面数据对应的第二页面。

在一实施例中，所述通过浏览器渲染所述第二页面数据对应的第二页面时，所述方法还包括：

从内容分发网络CDN中获取所述第二页面数据。

在一实施例中，对构成所述第二页面的HTML组件进行操作包括以下任意一项：

初始化HTML组件；

选择HTML组件；

新增HTML组件；

删除HTML组件；

调整HTML组件的顺序；

更新HTML组件。

在一实施例中，所述获取第三页面数据，包括：