CN113312046B 子应用页面处理方法、装置和计算机设备 （广州腾讯科技有限公司）

2下载所述代码转换插件，将所述代码转换插件配置在子应用开发者工具的配置目录从所述配置目录中获取调用所述代码转换插件，根据配置的代页源代码编译为子应用页面代码，子应用开发者工具为子应用提供开发阶段的母应用环调用适配器所提供的文档对象模型接口，将所述子应用所述适配器的数据包安装构建到所述子应用开发者工具所对应根据所述适配器中的自定义组件，将文档对象模型树映射为组件树，检测所述子应用页面是渲染在所述子应用开发者工具中的视图区域中，子将所述文档对象模型树中的文档对象模型节点进行划分，得到子通过所述适配器中的自定义组件进行递归自引用，创建与各所述子其中，所述组件树中的自定义组件，与所映射对应的所述当所述文档对象模型树中的文档对象模型节点需要通过子应用内置组件进行渲染时，创建用户配置的自定义组件，并将所述用户配置的3将唯一的所述文档对象模型节点合并至所述自定义组件的父组针对所述组件树中的每个自定义组件，从父组件对应的第一子在所述文档对象模型树中，根据所述根节点标识获取对应将所述子树信息传输至子应用的视图层，并在所述视图层中根据所述子在文档对象模型树中，定位所述事件源组件所对应的文档所述文档对象模型节点上触发用于描述所述事件的仿造网通过定位的所述文档对象模型节点，将所述仿造网页事件在所述文在所述逻辑层中将所述节点更新事件所针对的文档对象模型节点的数据进行相应修将所述自定义组件对数据传输函数的多次调用合并为统一调用调用适配器所提供的文档对象模型接口，将所述子应用调用适配器所提供的浏览器对象模型接口，将所述子4将所述子应用页面所对应的窗口对象和文档对象，保存于所述子获取子应用页面代码；所述子应用页面代码，是通过如权利要求1-调用适配器所提供的文档对象模型接口，将所述子应用根据所述适配器中的自定义组件，将文档对象模型树映射为组件树，并在将所述代码转换插件配置在子应用开发者工具的配置目录中，通过所述子应用开发者工编译转换模块，用于从所述配置目录中获取调用所述抽象模拟模块，用于调用适配器所提供的文档对象模型述子应用是运行于原生母应用中的轻量级应抽象模块，用于调用适配器所提供的文档对象模型接口5被处理器执行时实现权利要求1至12中任一项所述的6小程序(Miniprogram)是一种不需要下载安装即可在母应用中运行使用的轻量级的应用[0003]传统方法中，是通过静态模板编译的方式将Web端页面代码直接转换成小程序代会导致转换成的小程序代码丢失了部分web端代码的特性，从而导致页面的内容无法在小7[0028]在一个实施例中，更新模块还用于当自定义组件监测到8而为子应用网页代码提供浏览器环境。通过调用所安装的适配器提供的文档对象模型接档对象模型树映射为组件树，并在所述子应用的视图层中渲染所述组件树中的自定义组9106可以用独立的服务器或者是多个服务器组成的服[0052]开发者102可以操作终端104，从服务器106的异端同构工具中下载适配器的数据插件配置在子应用开发者工具所对应的配置目录中。开发者102还可以配置网页源代码在发者102可以通过终端104执行子应用使用npm的流程的操作，将适配器安装于开发者工具档对象模型树映射为组件树。终端104可以在检测到对子应用开发者工具中的渲染入口的具(IDE，IntegratedDevelopmentEnvironment)，是一类辅助开发计算机程序的应用软[0071]可以理解，子应用本身不具备文档对象模型接口(DOM接口)和浏览器对象模型提供浏览器对象模型接口。适配器通过所提供的文档对象模型接口和浏览器对象模型接完全分离的，渲染和逻辑之间的交互通过数据和事件来驱动，子应用的逻辑层中是没有以直接在这之上运行。适配器的基本原理就是在逻辑层中提供基础的dom接口和bom接口。逻辑层(appService)和视图层(webview)的交互被封装在适配器里面，子应用页面代码不代码特性的代码在需要调用dom/bom接口时(比如，vue代码即为所保留的具有网页代码特应用端适用。则与该子树中的文档对象模型节点具有绑定有办法用固定的标签语言将其描述出来，因此这里使用了小程序自定义组件的自引用特点构成一棵子树。一棵子树可以用一个自定义组件渲染(即映射对应于一个自定义组件)，取出根节点的子节点标识，作为这个根自定义组件的子组件的根节点标识，通过调用从文档对象模型树中获取到该子组件所对应的完整的子树信息。然后通过调用setdata函页事件在文档对象模型树的各文档对象模型节点给用户代码。通常用户代码会调用dom接口(文档对象模型接口)在具体的dom节点(文档对造网页事件体系中进行模拟。至于部分文档对象模型节点对于一些事件需要有特殊的响传输至逻辑层中与自定义组件对应的各个文档以及调用数据传输函数(setData函数)进行传输以外，还需要递归触发子孙文档对象模型节点的更新事件。因此这里可能诱发在同一个自定义组件内重复调用数据传输函数的情[0131]可以理解，考虑到Web端多页面的隔离性，在子应用中的多页面也需要做隔离处务代码获取到的窗口对象和文档对象都是所属于当前页面的，而不会获取到其他页面的，编译生成能够运行的网页代码到web端的目标代码目录——即dist/web目录中。针对小程网页源代码编译转换成能够运行的小程序页面代码到小程序端的目标代码目录——即赖，即，将适配器包括的网页运行接口包(miniprogram-render)和自定义组件包序开发者工具将dist/mp目录作为小程序项目导入之后，即实现对适配器的安装以及基础依赖环境的安装。开发者可以点击微信小程序开发者工具的工具栏下的构建npm这一渲染可以与其它步骤或者其它步骤中的步骤或者阶段的至少一部分轮流或者交输至逻辑层；在逻辑层中将节点更新事件所针对的文档对象模型节点的数据进行相应修[0158]在一个实施例中，更新模块还用于当自定义组件监测到[0166]关于子应用页面处理装置的具体限定可以参见上文中对于子应用页面处理方法件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中，算机设备的通信接口用于与外部的终端进行有线或无线方式的通信，无线方式可通过一种子应用页面处理方法。该计算机设备的显示屏可以是液晶显示屏或者电子墨水显示包括非易失性和易失性存储器中的至少一种。非易失性存储器可包括只读存储器(Read-