展示H5页面的方法、客户端应用模块、H5模块及系统技术方案

本发明专利技术公开了一种展示H5页面的方法、客户端应用模块、H5模块及系统，该方法包括：由客户端应用模块响应于展示H5页面的操作，加载webview；确认webview加载完成，向H5模块注入供调用的接口信息；检测向H5模块注入供调用的接口信息完成的第一事件是否发生；在第一事件发生的情况下，通知H5模块；由H5模块响应于展示H5页面的操作，加载对应的H5页面；检测客户端应用模块加载完成webview、并向H5模块注入供调用的接口信息的第三事件是否发生；在第三事件的发生的情况下，根据接口信息调用相应的接口，以根据webview展示H5页面。

Method of displaying H5 page, client application module, H5 module and system

The invention discloses a method for displaying H5 pages, client application module, H5 module and system. The method includes: loading WebView by client application module in response to the operation of displaying H5 pages; confirming the completion of loading webview, injecting interface information for invoking into H5 module; detecting whether the first event completed by injecting interface information for invoking into H5 module occurs; When an event occurs, the H5 module is notified; the corresponding H5 page is loaded by the H5 module in response to the operation of displaying the H5 page; the third event occurs when the client application module loads the WebView and injects the interface information for invocation into the H5 module; and when the third event occurs, the corresponding interface is invoked according to the interface information to display the H5 page according to the webview. Page.

【技术实现步骤摘要】
展示H5页面的方法、客户端应用模块、H5模块及系统
本专利技术涉及H5页面展示
，更具体地，涉及一种展示H5页面的方法、客户端应用模块、H5模块及系统。
技术介绍
超文本标记语言的第五修订版(被称作“HTML5”，简称“H5”)由称为万维网协会(“W3C”)的国际标准组织正式地定义。HTML5包括涉及下一代Web技术的多于100个规范。HTML5描述了被配置成使得设计者和开发者能够构建下一代web站点和应用(“app”)的一组HTML、CSS(级联样式表)以及JavaScript规范。开始加载H5页面时，H5模块开始加载对应的H5页面、且客户端应用模块开始加载webview。但是H5模块加载完成H5页面的时机、与客户端应用模块加载完成webview的时机均是不确定的。如果H5模块调用客户端应用模块的接口时，客户端应用模块已经加载完成webview，且已经向H5页面注入接口信息，那么客户端应用模块可以正常响应H5模块的接口调用。但是，如果客户端应用模块还没有向H5模块注入相关接口，H5模块可能就已经开始调用客户端应用模块的接口了，就会导致H5模块调用客户端应用模块的接口失败，那么可能会导致展示的H5页面不正常。
技术实现思路
本专利技术的一个目的是提供一种用于展示H5页面的新技术方案。根据本专利技术的第一方面，提供了一种展示H5页面的方法，所述方法由客户端应用模块实施，所述方法包括：步骤S1100，响应于展示H5页面的操作，加载webview；步骤S1200，确认所述webview加载完成，向H5模块注入供调用的接口信息；步骤S1300，检测向所述H5模块注入供调用的接口信息完成的第一事件是否发生；步骤S1400，在所述第一事件发生的情况下，通知所述H5模块，以供所述H5模块根据所述接口信息调用相应的接口，根据所述webview展示所述H5页面。可选的，所述方法还包括：检测所述H5模块加载完成对应的H5页面的第二事件是否发生；所述步骤S1400还包括：根据所述第一事件和所述第二事件的检测结果，通知所述H5模块，以供所述H5模块根据所述接口信息调用相应的接口，根据所述webview展示所述H5页面。可选的，所述检测所述H5模块加载完成对应的H5页面的第二事件是否发生的步骤包括：检测是否接收到所述H5模块发送的H5页面加载完成的通知。可选的，所述通知中包括指定的监听事件；所述步骤S1400还包括：根据所述第一事件和所述第二事件的检测结果，回调所述指定的监听事件，以供所述H5模块根据所述接口信息调用相应的接口，根据所述webview展示所述H5页面。根据本专利技术的第二方面，提供了一种展示H5页面的方法，所述方法由H5模块实施，所述方法包括：步骤S2100，响应于展示H5页面的操作，加载对应的H5页面；步骤S2200，检测客户端应用模块加载完成所述webview、并向所述H5模块注入供调用的接口信息的第三事件是否发生；步骤S2300，在所述第三事件的发生的情况下，根据所述接口信息调用相应的接口，以根据所述webview展示所述H5页面。可选的，所述方法还包括：在所述H5页面加载完成的情况下，通过伪协议通知所述客户端应用模块，以供所述客户端应用模块检测到所述H5模块加载完成所述H5页面；其中，所述伪协议中包括所述H5模块加载完成所述H5页面的信息。可选的，所述伪协议中还包括指定的监听事件；所述步骤S2200进一步包括：检测所述客户端应用模块是否回调所述指定的监听事件。根据本专利技术的第三方面，提供了一种客户端应用模块，包括：Webview加载单元，用于响应于展示H5页面的操作，加载webview；接口信息注入单元，用于在所述webview加载完成的情况下，向H5模块注入供调用的接口信息；第一事件检测单元，用于检测向所述H5模块注入供调用的接口信息完成的第一事件是否发生；第一通知单元，用于根据所述第一事件的检测结果，通知所述H5模块，以供所述H5模块根据所述接口信息调用相应的接口，以根据所述webview展示所述H5页面。根据本专利技术的第四方面，提供了一种H5模块，包括：H5页面加载单元，用于响应于展示H5页面的操作，加载对应的H5页面；第三事件检测单元，用于检测所述客户端应用模块加载完成所述webview、并向所述H5模块注入供调用的接口信息的第三事件是否发生；接口调用单元，用于在所述第三事件的发生的情况下，根据所述接口信息调用相应的接口，以根据所述webview展示所述H5页面。根据本专利技术的第五方面，提供了一种展示H5页面的系统，包括根据本专利技术第三方面所述的客户端应用模块、及根据本专利技术第四方面所述的H5模块。本专利技术的实施例通过H5模块和客户端应用模块的握手，即均通知对方完成接口调用的准备工作，使得客户端应用模块中的接口能够被H5模块调用。在握手成功时，H5模块就可以调用客户端应用模块相应的接口，完成通过H5模块与客户端应用模块的数据交互，进而可以进行H5页面的展示。可以避免H5模块在客户端应用模块向其注入接口前调用客户端应用模块中的接口，保障客户端应用模块中的接口能够被H5模块正常调用，以展示H5页面。通过以下参照附图对本专利技术的示例性实施例的详细描述，本专利技术的其它特征及其优点将会变得清楚。附图说明被结合在说明书中并构成说明书的一部分的附图示出了本专利技术的实施例，并且连同其说明一起用于解释本专利技术的原理。图1是显示可用于实现本专利技术的实施例的展示H5页面的系统的硬件配置的例子的框图。图2示出了本专利技术的第一实施例的展示H5页面的方法的流程图。图3示出了本专利技术的第一实施例的客户端应用模块的框图。图4示出了本专利技术的第二实施例的展示H5页面的方法的流程图。图5示出了本专利技术的第二实施例的H5模块的框图。图6示出了本专利技术的第三实施例的测试系统的框图。图7示出了本专利技术的第三实施例的展示H5页面的系统实施展示H5页面的方法的例子的示意图。具体实施方式现在将参照附图来详细描述本专利技术的各种示例性实施例。应注意到：除非另外具体说明，否则在这些实施例中阐述的部件和步骤的相对布置、数字表达式和数值不限制本专利技术的范围。以下对至少一个示例性实施例的描述实际上仅仅是说明性的，决不作为对本专利技术及其应用或使用的任何限制。对于相关领域普通技术人员已知的技术、方法和设备可能不作详细讨论，但在适当情况下，所述技术、方法和设备应当被视为说明书的一部分。在这里示出和讨论的所有例子中，任何具体值应被解释为仅仅是示例性的，而不是作为限制。因此，示例性实施例的其它例子可以具有不同的值。应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步讨论。<硬件配置>如图1所示，展示H5页面的系统1000包括客户端应用模块1100、H5模块1200、及通信网络1300。客户端应用模块1100可以是便携式电脑、台式计算机、手机、平板电脑等电子设备。在在另一个例子中，客户端应用模块1100可以如图1所示，包括处理器1110、存储器1120、接口装置1130、通信装置1140、显示装置1150、输入装置1160。尽管客户端应用模块1100也可以包括扬声器、麦克风等等，但是，这些部件与本专利技术无关，故在此省略。其中本文档来自技高网...

【技术保护点】
1.一种展示H5页面的方法，其特征在于，所述方法由客户端应用模块实施，所述方法包括：步骤S1100，响应于展示H5页面的操作，加载webview；步骤S1200，确认所述webview加载完成，向H5模块注入供调用的接口信息；步骤S1300，检测向所述H5模块注入供调用的接口信息完成的第一事件是否发生；步骤S1400，在所述第一事件发生的情况下，通知所述H5模块，以供所述H5模块根据所述接口信息调用相应的接口，根据所述webview展示所述H5页面。

【技术特征摘要】
1.一种展示H5页面的方法，其特征在于，所述方法由客户端应用模块实施，所述方法包括：步骤S1100，响应于展示H5页面的操作，加载webview；步骤S1200，确认所述webview加载完成，向H5模块注入供调用的接口信息；步骤S1300，检测向所述H5模块注入供调用的接口信息完成的第一事件是否发生；步骤S1400，在所述第一事件发生的情况下，通知所述H5模块，以供所述H5模块根据所述接口信息调用相应的接口，根据所述webview展示所述H5页面。2.根据权利要求1所述的方法，其特征在于，所述方法还包括：检测所述H5模块加载完成对应的H5页面的第二事件是否发生；所述步骤S1400还包括：根据所述第一事件和所述第二事件的检测结果，通知所述H5模块，以供所述H5模块根据所述接口信息调用相应的接口，根据所述webview展示所述H5页面。3.根据权利要求2所述的方法，其特征在于，所述检测所述H5模块加载完成对应的H5页面的第二事件是否发生的步骤包括：检测是否接收到所述H5模块发送的H5页面加载完成的通知。4.根据权利要求3所述的方法，其特征在于，所述通知中包括指定的监听事件；所述步骤S1400还包括：根据所述第一事件和所述第二事件的检测结果，回调所述指定的监听事件，以供所述H5模块根据所述接口信息调用相应的接口，根据所述webview展示所述H5页面。5.一种展示H5页面的方法，其特征在于，所述方法由H5模块实施，所述方法包括：步骤S2100，响应于展示H5页面的操作，加载对应的H5页面；步骤S2200，检测客户端应用模块加载完成所述webview、并向所述H5模块注入供调用的接口信息的第三事件是否发生...

【专利技术属性】
技术研发人员：梁承飞，叶仁成，
申请(专利权)人：平安普惠企业管理有限公司，
类型：发明
国别省市：广东,44