[发明专利]一种JavaScript和原生APP之间数据交互方法

说明书

本发明公开一种JavaScript和原生APP之间数据交互方法，涉及通信技术领域，该方法利用引入Android系统下原生APP的Webview组件、IOS系统下UIWebView组件进行原生APP加载Html网页，来实现JavaScript与原生APP两者之间的数据交互，从而使用原生功能。实现JavaScript与原生APP两者之间的数据交互，其具体操作包括：在业务层调用JavaScript API封装层提供的API函数；JavaScript API封装层通过交互桥接层提供的统一原生交互接口，与原生API封装层交互；原生API封装层，使用原生代码对移动端硬件的接口函数进行封装；利用封装的接口函数请求原生功能的数据。本发明数据交互方法于跨平台使用，节省开发费用的同时还缩短了开发周期。

技术领域

本发明涉及通信技术领域，具体的说是一种JavaScript和原生APP之间数据交互方法。

背景技术

在开发移动应用时，会用到webview控件(浏览器控件)进行加载网页展示进行交互，会出现javascript调用native code(原生功能)或者native code调用javascript的情况。通常做法是利用原生API进行操作。

在传统的移动设备APP中，大多需要对每个系统进行适配，此种开发方式成本高、周期长，Android、iOS以及Windows Phone都需要单独开发；在代码中频繁判断手机型号调用不通的API，代码冗余难维护。

发明内容

本发明针对目前技术发展的需求和不足之处，提供一种JavaScript和原生APP之间数据交互方法。

本发明的一种JavaScript和原生APP之间数据交互方法，解决上述技术问题采用的技术方案如下：

一种JavaScript和原生APP之间数据交互方法，利用引入Android系统下原生APP的Webview组件、IOS系统下UIWebView组件进行原生APP加载Html网页，来实现JavaScript与原生APP两者之间的数据交互，从而使用原生功能。

实现JavaScript与原生APP两者之间的数据交互，其具体操作包括：

在业务层调用JavaScript API封装层提供的API函数；

JavaScript API封装层通过交互桥接层提供的统一原生交互接口，与原生API封装层交互；

原生API封装层，使用原生代码对移动端硬件的接口函数进行封装；

利用封装的接口函数请求原生功能的数据。

JavaScript API封装层提供的API函数为：

cmApi.barcode.scan(‘mainModule.getScanQRcodeCallback’)。

统一原生交互接口为：

利用封装的接口函数请求原生功能的数据，该请求操作包括同步请求和异步请求两种请求方法；

同步请求的方法可以将处理数据完成后的结果直接返回给业务层；

异步请求的方法可以将处理数据完成后的结果返回给统一的回调函数，再由回调函数返回给业务层。

回调函数的格式为：

NSString*callback＝[[@”cmApi.router.loadContent(‘”

stringByAppendingString:userInfo[@”custom_content”][@”funcPath”]]