一种Native与Web页面的交互方法和系统的制作方法
【技术领域】
[0001] 本发明涉及信息交互技术领域，尤其涉及一种Native与Web页面的交互方法和系 统。
【背景技术】
[0002] 目前，大部分App通过内嵌Web页以便于快速发布或修改新页面。随着App用户 量与日倶增，对Web页面的形式或内容的要求更加复杂，Web页面与Native的交互也更加 复杂。因此，如何最小成本的解决复杂的需求和交互成为我们的重要工作和亟待解决的问 题。
[0003] 现有技术中，一般是通过识别字符串的方式来进行Web页面的跳转，根据不同的 字符串来进行下一步操作。
[0004] 判断字符串这种方式虽然能解决交互的部分问题，但是这种方式也存在明显缺 占 .
[0005] 首先，字符串的判断规则写在Native端，一旦上线就不能修改Web页面，导致不能 及时满足Web页面的新的需求；
[0006] 其次，Native端不能灵活从Web端读取参数来进行相应操作；
[0007] 最后，Native端不能通过Web端的灵活配置来控制Native端的行为。
【发明内容】
[0008] 本发明的目的在于提供一种Native与Web页面的交互方法和系统，从而解决现有 技术中存在的前述问题。
[0009] 为了实现上述目的，本发明采用的技术方案如下：
[0010] 一种Native与Web页面的交互方法，包括：
[0011] SI，Native端定制交互规则，并将该规则存储在Web端；
[0012] S2, Native端捕获点击的URL链接；
[0013] S3, Native端从Web端获取包含所述交互规则的Json实体；
[0014] S4,将URL链接传入所述Json实体，判断是否需要处理此URL链接，如果需要，则 执行S5-S7,否则直接跳转到此URL链接对应的Web页面；
[0015] S5,根据URL链接，在所述Json实体中获取需要处理此URL链接的规则、参数和/ 或配置信息；
[0016] S6,根据S5获取的规则、参数和/或配置信息呼唤Native页面进行相应处理操 作；
[0017] S7,调用 Native 操作。
[0018] 优选地，Sl中所述Native端定制交互规贝lj，根据Native端的性能进行定制。
[0019] 优选地，所述Native端的性能包括能够执行业务逻辑、能够接收的参数和/或能 够处理的对应关系。
[0020] 其中，S3具体为，Native端执行Web页面中的JS方法，获取包含交互规则的Json 实体。
[0021] 优选地，所述 JS 方法为：window. AppRule ()。
[0022] 优选地，S4中，所述将URL链接传入所述Json实体，判断是否需要处理此URL链 接，根据如下方法进行判断：
[0023] 当Json中的action Key值是native时，取nativeName Key中的值跳转到对应 的APP原生页面；
[0024] 当Json中的action Key值是push时，取url Key中的值，并跳转到对应的web 页面；
[0025] 当Json中的action Key值是back时，取backCount Key中的值进行返回操作；
[0026] 当Json实体为空时不处理URL链接，即直接刷新当前web页面。
[0027] 优选地，S5中，所述需要处理此URL链接的规则、参数和/或配置信息包括：
[0028] 需要跳转到APP原生页面时包括：
[0029]
[0030] 其中，
[0031] action:表示要跳转的动作类型，这里为跳转到原生页面；
[0032] nativeName:表示要跳转到的页面名称；
[0033] params:表示要传给原生页面所需的参数；
[0034] callback:表示从原生页面返回至web页面时，自动调取的web页面js方法；
[0035] buttons:表示原生页面要显示的功能按钮；
[0036] 需要跳转到web页面时包括：
[0037] CN 105138340 A 仇 口月巾 3/7 页
[0038] action:表示要跳转的动作类型，这里为跳转到web页面；
[0039] url:表示要跳转的目标地址；
[0040] nativeParams:表示目标地址所需要的参数，需要拼接至URL中，得到最终的目 标地址；
[0041] params:表示要传给下一个web页面所需的参数；
[0042] 需要进行返回操作时包括：
[0043]
[0044] action:表示要跳转的动作类型，这里为返回到上级页面；
[0045] backCount:表示要返回的层级数，0表示回根页面其他数字返回对应的层级。
[0046] 一种Native与Web页面的交互系统，包括：
[0047] Native端：用于定制交互规则，用于捕获点击的URL链接，还用于将URL链接传入 所述Json实体，判断是否需要处理此URL链接，还用于跳转到此URL链接对应的Web页面 或根据URL链接，在所述Json实体中获取需要处理此URL链接的规则、参数和/或配置信 息，并根据获取到的规则、参数和/或配置信息呼唤Native页面进行相应处理操作，以及进 行相应的操作；
[0048] Web端：用于存储交互规则，还用于根据URL链接，为Native端提供包含交互规则 的Json实体。
[0049] 本发明的有益效果是：本发明实施例提供的Native与Web页面的交互方法和系 统，通过在Native端定制字符串的判断规则，并将该规则写在Web端，这样，Native端就将 其能干什么事，接收什么参数，如何处理对应关系等信息全部告知了 Web端，则无论Web端 如何改变，Native端都会保证可以正确执行业务逻辑，在Web页面频繁变化时，也不需要重 新发新版本，从而保证了信息的及时性和可复用性。
【附图说明】
[0050] 图1是本发明实施例一提供的Native与Web页面的交互方法流程示意图。
【具体实施方式】
[0051] 为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图，对本发明进 行进一步详细说明。应当理解，此处所描述的【具体实施方式】仅仅用以解释本发明，并不用于 限定本发明。
[0052] 本发明实施例中涉及到的技术术语解释如下：
[0053] App :应用程序 application 的缩写；
[0054] Native :用App技术编写的应用程序；
[0055] Web:网页；
[0056] JS : javascript 的简称；
[0057] Json : -种数据格式。
[0058] 实施例一
[0059] 如图1所示，本发明实施例提供了一种Native与Web页面的交互方法，包括：
[0060] SI，Native端定制交互规则，并将该规则存储在Web端；
[0061] S2, Native端捕获点击的URL链接；
[0062] S3, Native端从Web端获取包含所述交互规则的Json实体；
[0063] S4,将URL链接传入所述Json实体，判断是否需要处理此URL链接，如果需要，则 执行S5-S7,否则直接跳转到此URL链接对应的Web页面；
[0064] S5,根据URL链接，在所述Json实体中获取需要处理此URL链接的规则、参数和/ 或配置信息；
[0065] S6,根据S5获取的规则、参数和/或配置信息呼唤Native页面进行相应处理操 作；
[0066] S7,调用 Native 操作。
[0067] 上述方法中，URL链接也可以为对应的JS代码，但是这样一来无论是Web端还是 Native端，都要额外编写业务代码，不利于扩展维护。
[0068] 采用上述方法，使得本发明实施例通过以下方式：
[0069] 首先，将规则写在了 Web端，Native端不存储交互规则，完全交给Web端控制；
[0070] 其次，Web端可以给Native端需要的参数；
[0071] 最后，Web端可以告知Native端它需要的参数，并控制Native的行为。
[0072] 很好的解决了现有技术中存在的问题。
[0073] 因此，本发明实施例具有以下有益效果：通过在Native端定制字符串的判断规 贝1J，并将该规则写在Web端，这样，Native端就将其能干什么事，接收什么参数，如何处理对 应关系等信息全部告知了 Web端，则无论Web端如何改变，Native端都会保证可以正确执 行业务逻辑，在Web页面频繁变化时，也不需要重新发新版本，从而保证了信息的及时性和 可复用性。
[0074] 其中，Sl中所述Native端定制交互规则，根据Native端的性能进行定制。
[0075] 所述Native端的性能包括能够执行业务逻辑、能够接收的参数和/或能够处理的 对应关系。
[0076] S3具体为，Native端执行Web页面中的JS方法，获取包含交互规则的Json实体。
[0077] 具体的，所述 JS 方法为：window. AppRule ()。
[0078] 其中，JS方法提供的JS代码可以跨平台使用。
[0079] 本发明实施例中，S4中，所述将URL链接传入所述Json实体，判断是否需要处理 此URL链接，根据如下方