开发者社区> zting科技> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

Phonegap 通信原理

简介:
+关注继续查看

下图为JavaScript调用本地代码的通信过程

Phonegap的核心API都是基于插件的,这些JavaScript API都会调用cordova.exec() 函数来完成操作。cordova.exec()函数如下

cordova.exec(success, fail, service, action, args);

其中success是操作成功后的回调函数

fail是操作失败后的回调函数

service是所要操作的本地服务名称

action是要执行的服务的具体操作

args是操作所需要的参数

 

在cordova.exec() 函数中,实现JavaScript到本地代码通信的关键代码为:

1
2
3
exec: function(bridgeSecret, service, action, callbackId, argsJson) {
      return prompt(argsJson, 'gap:'+JSON.stringify([bridgeSecret, service, action, callbackId]));
  },

 

prompt函数本身为浏览器用来提示用户输入信息的。 但是实际上并没有,原因是浏览器做过处理。

在Android中,用到SystemWebChromeClient类,会覆盖WebChromeClient的onJsPrompt方法。这个函数就是用来处理JavaScrpt的prompt函数的请求

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
@Override
public boolean onJsPrompt(WebView view, String origin, String message, String defaultValue, final JsPromptResult result) {
    // Unlike the @JavascriptInterface bridge, this method is always called on the UI thread.
    String handledRet = parentEngine.bridge.promptOnJsPrompt(origin, message, defaultValue);
    if (handledRet != null) {
        result.confirm(handledRet);
    else {
        dialogsHelper.showPrompt(message, defaultValue, new CordovaDialogsHelper.Result() {
            @Override
            public void gotResult(boolean success, String value) {
                if (success) {
                    result.confirm(value);
                else {
                    result.cancel();
                }
            }
        });
    }
    return true;
}

  里面调用promptOnJsprompt方法

1
2
3
4
public String promptOnJsPrompt(String origin, String message, String defaultValue) {
               String r = jsExec(bridgeSecret, service, action, callbackId, message);
               ...   
   }

  在jsExec里调用

pluginManager.exec(service, action, callbackId, arguments);

至此Js到本地通信完成

 

参考

Android JSBridge的原理与实现

PhoneGap插件调用Java流程源码分析



本文转自Work Hard Work Smart博客园博客,原文链接:http://www.cnblogs.com/linlf03/p/7084774.html,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
JSBridge框架解决通信问题实现移动端跨平台开发
移动开发的跨平台是大势所趋,可以节省开发成本,提高开发效率,迅速响应业务变化,现在主流的应用还是使用H5和原生的通信来实现跨平台的开发。JSBridge框架解决JS和Native的通信问题实现移动端跨平台开发。
3625 0
如何用 Electron + WebRTC 开发一个跨平台的视频会议应用
在搭建在线教育、医疗、视频会议等场景时,很多中小型公司常常面临 PC 客户端和 Web 端二选一的抉择。Electron 技术的出现解决了这一难题,只需前端开发就能完成一个跨平台的 PC 端应用。本文主要介绍使用 Electron + WebRTC 搭建跨平台的视频会议应用的技术方案。
0 0
[连载]《C#通讯(串口和网络)框架的设计与实现》- 12.二次开发及应用
目       录 第十二章     二次开发及应用... 2 12.1        项目配制... 3 12.2        引用相关组件... 4 12.3        构建主程序..
466 0
[连载]《C#通讯(串口和网络)框架的设计与实现》-2.框架的总体设计
目       录 C#通讯(串口和网络)框架的设计与实现... 1 (SuperIO)- 框架的总体设计... 1 第二章           框架总体的设计... 2 2.1           宿主程序设计.
1145 0
[连载]《C#通讯(串口和网络)框架的设计与实现》- 9.插件引擎设计
目       录 第九章           插件引擎设计... 2 9.1           框架的契约-接口... 2 9.2           插件的雏形-抽象类... 3 9.3           实现接口... 4 9.4           反射机制... 5 9.5           反射工具类... 8 9.6           小结... 9   第九章     插件引擎设计 在介绍《第10章 宿主程序详细设计》之前对接口和插件的相关内容进行一下整体介绍,在设计宿主程序的时候会用到这些知识,也是宿主程序与插件之间交互的核心内容。
516 0
+关注
文章
问答
文章排行榜
最热
最新
相关电子书
更多
ReactNative框架在京东无线端的实践
立即下载
PWA:移动Web的现在与未来
立即下载
PWA 移动Web的现在与未来
立即下载