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,如需转载请自行联系原作者

目录
相关文章
|
移动开发 JavaScript 前端开发
PhoneGap Plugin与Wind.js结合,实现异步通信
<p>    <span style="font-size:10px"><span style="background-color:rgb(255,255,255)">  最近在做一个的ios的App。项目</span><span style="font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; line-height:19px
1684 0
|
移动开发 容器 关系型数据库
《PhoneGap精粹:构建跨平台的移动App》——导读
本节书摘来自异步社区《PhoneGap精粹:构建跨平台的移动App》一书中的目录,作者 【美】John M. Wargo,更多章节内容可以访问云栖社区“异步社区”公众号查看
1331 0