PhoneGap，Cordova框架下Html5中JS调用Android原码

按照我一惯得套路，我会先说一点废话。PhoneGap和Cordova什么关系？为什么有的地方叫Cordova而有的地方叫PhoneGap ?PhoneGap是一款HTML5平台， 通过它，开发商可以使用HTML、CSS及JavaScript来开发本地移动应用程序。因此，目前开发商可以只编写一次应用程序，然后在6个主要的移动 平台和应用程序商店(app store)里进行发布，这些移动平台和应用程序商店包括：iOS、Android、BlackBerry、webOS、bada以及Symbian。 Apache Cordova是PhoneGap贡献给Apache后的开源项目，是从PhoneGap中抽出的核心代码，是驱动PhoneGap的核心引擎。大概意思 也就是说：Cordova是由PhoneGap发展而来的，现在的Cordova就是当年的PhoneGap。所以下文中我来回的切换叫法，其实都是一个东西而已。下面言归正传，如何在PhoneGap或者Cordova框架下实现JS调用Android原生代码?(这里就不再啰嗦如何在Android程序中集成PhoneGap了)

 1.在你的html5中config.js定义你的Plugin的名称和方法。名为MyPlugin,有两个插件：一个为自动更新(Update)，一个为密码锁定(PassLock)

 
 

  
  
var MyPlugin = { 
  
  
             UpDate: function (success, fail, url) { 
  
  
               
  
  
return  PhoneGap.exec(function (args) { 
  
  
             success(args); 
  
  
           }, function (args) { 
  
  
            fail(args); 
  
  
          }, ‘UpDate’, ‘Update’, [url]); 
  
  
       },       
  
  
     PassLock: function (success, fail, url){ 
  
  
        return  PhoneGap.exec(function (args) { 
  
  
            success(args); 
  
  
        }, function (args) { 
  
  
            fail(args); 
  
  
        }, ‘PassLock’, ‘PassLock’, [url]); 
  
  
       
  
  
     } 
  
  
}; 
 
 

 2.在xml文件夹下的plugin里注册你的Plugin.

3.自定义你的Plugin类和处理方法.(这里只贴出了自动更新插件的代码，很简单，只是作了一个跳转

 
 

  
  
ublic class UpdatePlugin extends Plugin { 
  
  
      @Override 
  
  
        
  
  
public PluginResult execute(String arg0, JSONArray arg1, String arg2) { 
  
  
        /* 
  
  
       * 跳转到UpdateActivity 
  
  
       */ 
  
  
      
  
  
      Intent intent = new Intent(ctx.getContext(),UpdateActivity.class); 
  
  
          ctx.startActivity(intent);   
  
  
          String result = “跳转至UpdateActivity”;  
  
  
          PluginResult pluginResult = new PluginResult(Status.OK, result); 
  
  
            
  
  
return pluginResult; 
  
  
         
  
  
} 
  
  
    } 
 
 

4.在你的JS中调用你的插件。

 
 

  
  
//自动更新 
  
  
    upDate: function () { 
  
  
        //调用android原生的方法检查并更新 
  
  
       MyPlugin.UpDate(function(){},function(){},’这里是一个参数，我这里不涉及参数的使用，所以随便写’); 
  
  
    }, 
  
  
    passLock: function(){ 
  
  
      //调用android原生的方法进行密码锁定有关操作 
  
  
        MyPlugin.PassLock(function(){},function(){},’ 
  
  
这里是一个参数，我这里不涉及参数的使用，所随便写 
  
  
‘); 
  
  
    }, 
 
 

  5.测试，当你点击你的某个按钮或者链接执行你的update：function这个JS，然后在JS里调用了MyPlugin下的Update插件，这 个插件在config.js里被定义，在plugin.xml中被注册，插件具体执行的地方时UpdatePlugin里的execute()方法。执行 完这个方法后，你就已经调用了Android的原生代码咯，当然我这里是设置成了跳转到另外一个Activity.

所需工具打包下载：http://pan.baidu.com/share/link?shareid=1636341858&uk=2937351404

本文链接：http://my.oschina.net/u/1157906/blog/293177

当前文章：PhoneGap，Cordova框架下Html5中JS调用Android原码
网页URL：http://www.shufengxianlan.com/qtweb/news2/469002.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联