本发明涉及移动端混合交互技术领域，具体提供一种前端与客户端混合交互的分层设计方法及系统。
背景技术：
在移动互联网高度成熟的今天，高效的h5前端技术与流畅的客户端技术结合已成为时代的主流，而如何设计两者之间的交互模块变的越来越重要。在客户端不断迭代的情况下，如何保障h5前端只关注上层业务，屏蔽底层接口兼容问题以及脱离客户端实现h5的快速开发、快速调试是我们关注的重点。
设计更加灵活的混合交互模块在开源社区已经存在了很长一段时间，phonegap就是其中一种比较流行的通用解决方案，phonegap可以让h5开发人员利用工具把代码打包成android、ios等不同操作系统平台可以运行的app，phonegap内置了大量基础api接口，除此之外开发者可以在此基础上添加新的api接口。然而，目前的解决方案更多的是封装native，简化h5开发，但仍存在h5应用无法脱离客户端app实现快速开发、快速调试的问题，并且伴随客户端app的发展，h5业务层嵌入大量接口版本兼容问题。
技术实现要素：
本发明的技术任务是针对上述存在的问题，提供一种能使混合开发中h5应用的调试更加顺畅，更适合快速开发和快速调试，兼容性好的前端与客户端混合交互的分层设计方法。
本发明进一步的技术任务是提供一种前端与客户端混合交互的分层设计系统。
为实现上述目的，本发明提供了如下技术方案：
一种前端与客户端混合交互的分层设计方法，该分层设计方法对js层进行分层设计，根据功能划分成native对接层、接口代理层和api层，native对接层对接客户端提供的本地化接口，适配不同操作系统之间的接口区别，为接口代理层提供统一的本地化操作形式，消除上层系统接口适配工作；接口代理层设有接口模拟模块，对native对接层进行代理，提供接口模拟功能，在开发、调试过程中完全脱离客户端开启模拟的情况下，开启本地化接口模拟；api层对外暴露混合交互开放的接口，同时适配同一个接口在不同客户端版本下的兼容。
本发明中native对接层完成系统本地化接口统一，接口代理层完成接口的真实调用与接口模拟，api层完成版本接口兼容的适配工作。
接口代理层的接口模拟需要的数据可以通过接口暴露给业务层，让业务层可以控制模拟的接口内容。接口模拟模块在模拟数据设置时，直接对数据进行内容分析、组合，以便在使用时提供更快的返回速度。此外，代理层也能为自动化测试提供基础保障。
api层会处理大量因客户端升级而引起的接口变化，对业务层提供一致的使用形式。接口兼容的原则是向下兼容，在新增同类接口时，老接口的正常运行是首位的。如果接口分级访问，在本层提供多份对外的接口调用文件，多份文件的生成方式采用接口继承原则，最大限度保障代码的可读性与可维护性。
作为优选，所述native对接层对本地化接口进行转化，使其更利于前端人员阅读和使用。
作为优选，所述native对接层设有数据缓存模块，提供数据缓存能力，提高信息读取速度，数据缓存模块为独立模块。
缓存的具体原则取决于具体的业务需求，并不唯一。数据存储优先使用sessionstorage，避免因应用过多而导致缓存占用系统资源过大。缓存模块为独立模块，设计原则要解耦。
作为优选，所述接口代理层的接口模拟模块提供的模拟接口范围与客户端提供的本地化接口保持一致。
作为优选，所述api层交互需要的数据采用非对称加密算法进行转化，密匙采用预先加密存放，与客户端交互过程中由客户端完成解密。
作为优选，所述api层区分用户权限，根据用户权限等级提供用户可调用的接口数量。
一种前端与客户端混合交互的分层设计系统，所述分层设计系统包括native对接层、接口代理层和api层，native对接层用于对接客户端提供的本地化接口，适配不同操作系统之间的接口区别，为接口代理层提供统一的本地化操作形式，消除上层系统接口适配工作；接口代理层设有接口模拟模块，用于对native对接层进行代理，提供接口模拟功能，在开发、调试过程中完全脱离客户端开启模拟的情况下，开启本地化接口模拟；api层用于对外暴露混合交互开放的接口，同时适配同一个接口在不同客户端版本下的兼容问题。
与现有技术相比，本发明的前端与客户端混合交互的分层设计方法具有以下突出的有益效果：所述前端与客户端混合交互的分层设计方法解决了h5应用开发过程中调试不便、兼容性不高的问题，保留了h5开发、调试的灵活性；在开启接口模拟功能下，满足了线上应用可调试需求；所述api层进行了用户权限分级，保障了不同业务下的数据安全，且接口兼容适配保障了对外暴露的一致性，极大降低了代码维护成本，交互数据的加密也保障了本地化接口的安全，具有良好的推广应用价值。
附图说明
图1是本发明所述前端与客户端混合交互的分层设计系统的结构框图。
具体实施方式
下面将结合附图和实施例，对本发明的前端与客户端混合交互的分层设计方法及系统作进一步详细说明。
实施例
本发明的前端与客户端混合交互的分层设计方法，对js层进行分层设计，根据功能划分成native对接层、接口代理层和api层。
native对接层完成系统本地化接口统一。native对接层对接客户端提供的本地化接口，适配不同操作系统之间的接口区别，为接口代理层提供统一的本地化操作形式，消除上层系统接口适配工作。native对接层负责对本地化接口进行转化，使其便利于前端人员阅读和使用。native对接层设有数据缓存模块，提供数据缓存能力，以此提高信息读取的速度，缓存的具体原则取决于具体的业务需求，并不唯一，数据存储优先使用sessionstorage，避免因应用过多而导致缓存占用系统资源过大的问题。数据缓存模块属于独立模块，设计原则要解耦。
接口代理层完成接口的真实调用与接口模拟。接口代理层设有接口模拟模块，对native对接层进行代理，提供接口模拟功能，在开发、调试过程中完全脱离客户端的情况下，开启本地化接口模拟模块，让整个业务流程可以正常运行，模拟接口的范围与客户端提供的本地化接口保持一致。接口模拟需要的数据可以通过接口暴露给业务层，让业务层可以控制模拟的接口内容。接口模拟模块是一个独立模块，设计原则要解耦，在模拟数据设置时，直接对数据进行内容分析、组合，以便在使用时提供更快的返回速度。接口代理层也能为自动化测试提供基础保障。
api层完成版本接口兼容的适配工作。api层对外暴露混合交互开放的接口，同时适配同一个接口在不同客户端版本下的兼容问题。api处理大量因客户端升级而引起的接口变化，对业务层提供一致的使用形式。接口兼容的原则是向下兼容，在新增类接口时，老接口的正常运行是首位的。若需要接口分级访问，在本层提供多份对外的接口调用文件，多份文件的生成方式采用接口继承原则，最大限度保障代码的可读性与可维护性。
为保障数据安全需要做以下工作：
1、交互需要的数据在js层内采用非对称加密算法进行转化，密匙在js层内采用预先加密存放，与客户端交互过程中由客户端完成解密工作；
2、api层区分用户权限，根据权限等级提供用户可以调用的接口数量；
3、公共接口的调用需要提供密匙访问。
如图1所示，本发明的前端与客户端混合交互的分层设计系统，包括native对接层、接口代理层和api层。
native对接层完成系统本地化接口统一。native对接层用于对接客户端提供的本地化接口，适配不同操作系统之间的接口区别，为接口代理层提供统一的本地化操作形式，消除上层系统接口适配工作。
接口代理层完成接口的真实调用与接口模拟。接口代理层设有接口模拟模块，用于对native对接层进行代理，提供接口模拟功能，在开发、调试过程中完全脱离客户端开启模拟的情况下，开启本地化接口模拟。
api层完成版本接口兼容的适配工作。api层用于对外暴露混合交互开放的接口，同时适配同一个接口在不同客户端版本下的兼容问题
以上所述的实施例，只是本发明较优选的具体实施方式，本领域的技术人员在本发明技术方案范围内进行的通常变化和替换都应包含在本发明的保护范围内。