PhoneGap(Cordova)通过自定义plugin插件实现javascript与android交互

一.配置相关环境



1,安装jdk jdk-7u79-windows-x64.exe (应该是64-Bit Server VM 版本,若不是需要调换否则eclipse启动不起来)

配置环境变量

2,安装node,node-v4.2.4-x64.msi

3,安装cordova 。命令:npm install -g [email protected]版本号(若是最新的话,就不需要加 @版本号)

4,安装sdk。 installer_r24.3.3-windows.exe

5,安装 apache-ant,复制 apache-ant-1.9.6-bin 文件夹到任意位置,并配置 ANT_HOME

6,安装ADT,可以从网上下载后安装,也可以在线安装,但都很慢。可以复制Android-sdk文件夹下所有内容到任意位置,可以与 apache-ant-1.9.6-bin 放在同一个目录下

配置环境变量 ANDROID_HOME 指到 Android-sdk 目录下

7,打开 eclipse-SDK-3.7.2-win32-x86_64 中的eclipse.exe 启动 eclipse ;

修改:SDK path 使其指向Android-sdk 目录 .preferences–>Android

8,重启Eclipse

9,Eclipse连接手机联调:

a,连接手机到电脑 安装手机驱动程序

b,打开手机中的 开发者模式 开启 USB联调功能

二、创建工程(使用命令行)



1.安装phonegap,cordova

命令:

npm install -g phonegap

npm install -g [email protected](以版本号为4.2.0为例)

2.查看版本号

命令:

phonegap -version

cordova -version

3.创建phonegap工程

命令:

1.切换盘符(需要创建工程的目录 ,例:d: cd demo)

2.cordova create hello com.example.hello HelloWorld(在hello文件夹下创建一个HelloWorld工程)

3.cd hello

4.cordova platform add android

5.cordova build

(如果不出什么问题,此时工程已创建完毕。在D:demo/hello/platforms/android中就是Android工程)

三、编写插件



1.将创建好的工程导入Eclipse(File–>Import–>Android–>Existing Android Code Into Workspace)

注意:导入工程后,需要将www文件夹以及config.xml文件的根目录修改一下

(右键选中对应的文件,点击Propreties选项进行路径修改)

修改完毕后,点击Project–>clean一下

2.编写插件

<1>配置 cordova _plugins.js 文件

在www文件夹下创建cordova _plugins.js 文件。

这里要配置2个地方:

(1)module.exports= [{}];

file 代表 javascript写的接口位置

id 代表 唯一

merges(clobbers) 代表你在 javascript中调用该接口的语句 (类似activity中的 getApplication() 等等 ;就是个调用语句)

(2)module.exports.metadata = { }

配置id标号随意(不要与其他的标号重复)

<2>编写javascript接口文件(bluetooth.js)

<3>在res/xml 目录下配置 config.xml 文件

feature的name属性 非常重要

name必须是步骤<2>中 function中调用的类名

value属性指定插件在src目录下的java文件 (命名空间)

<4>在Javascript中调用插件

方法:

四、编译工程,调用插件



自定义插件类MyPlugins继承自CordovaPlugin重写execute()方法实现与JS的交互

(如有错误,欢迎指正!)

时间: 2024-10-01 07:06:42

PhoneGap(Cordova)通过自定义plugin插件实现javascript与android交互的相关文章

cordova开发自定义的插件

1.环境搭建 (ios)   andriod(http://www.wenzhixin.net.cn/2014/03/20/cordova_my_plugin) cordova插件开发前需要安装一些软件和配置环境 1.1 node.js环境搭建 到node.js官网(https://nodejs.org/)下载安装就好 , 或者命令行  用homebrew 也很方便:百度一堆资料 1.2 cordova 的安装 在窗口输入下面命令全局安装cordova npm install -g cordov

[Phonegap+Sencha Touch] 移动开发77 Cordova Hot Code Push插件实现自己主动更新App的Web内容

原文地址:http://blog.csdn.net/lovelyelfpop/article/details/50848524 插件地址:https://github.com/nordnet/cordova-hot-code-push 以下是我对GitHub项目readme的翻译 ---------------------------------------------- Cordova Hot Code Push Plugin 此插件提供了能够使cordova app自己主动更新web内容的功

PhoneGap/Cordova微信分享插件【升级版】

去年7月底我在博客上发布了微信分享插件之后,一年来几乎有二三十位网友加我QQ,遇到各种问题,终究还是因为手动安装方式步骤繁琐,容易出错. 于是我决定开发命令行安装的版本,希望能为有需要的网友提供便利.然而,由于微信分享的一些限制,尚不能做到完全自动化,但已经比之前简单了许多. 安装: cordova plugin add https://git.oschina.net/jiusem/WechatShare-for-PhoneGap.git 安装成功后,需要将插件目录中的 wxapi 文件夹 移动

javascript自定义滚动条插件.

在实际项目中,经常由于浏览器自带的滚动条样式太戳,而且在各个浏览器中显示不一样,所以我们不得不去实现自定义的滚动条,今天我就用最少的代码实现了一个自定义滚动条,代码量区区只有几十行,使用起来也非常方便. <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title

javascript自定义滚动条插件,几行代码的事儿

在实际项目中,经常由于浏览器自带的滚动条样式太戳,而且在各个浏览器中显示不一样,所以我们不得不去实现自定义的滚动条,今天我就用最少的代码实现了一个自定义滚动条,代码量区区只有几十行,使用起来也非常方便. <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title

给萌新的 TS custom transformer plugin 教程——TypeScript 自定义转换器插件

xuld/原创 Custom transformer (自定义转换器)是干什么的 简单说,TypeScript 可以将 TS 源码编译成 JS 代码,自定义转换器插件则可以让你定制生成的代码.比如删掉代码里的注释.改变变量的名字.将类转换为函数等等. TypeScript 将 TS 代码编译到 JS 的功能,其实也是通过内置的转换器实现的,从 TS 2.3 开始,TS 将此功能开放,允许开发者编写自定义的转换器. 预备知识 语法树 语法树是用于表示语法的数据结构.具体请参考我的另一个篇文章:ht

Phonegap(cordova)创建项目,并结合eclipse开发工具进行打包生成apk包

1.使用phonegap(cordova)创建并编辑项目 (1)创建一个文件夹用于存放稍后创建的Android程序,这里我们在E盘创建了一个文件夹AndroidProject,适用cd命令进入该目录,接下来适用phonegap命令创建对应的android项目. phonegap的创建指令:  phonegap create hello com.example.hello HelloWorld hello:你的项目文件夹名称,   com.example.hello:你的项目内部包名   Hell

PhoneGap或者Cordova框架下实现Html5中JS调用Android原生代码

PhoneGap或者Cordova框架下实现Html5中JS调用Android原生代码 看看新闻网>看引擎>开源产品 0人收藏此文章, 发表于8小时前(2013-09-06 00:39) , 已有13次阅读 ,共0个评论 依照我一惯得套路,我会先说一点废话. PhoneGap和Cordova什么关系?为什么有的地方叫Cordova而有的地方叫PhoneGap ?PhoneGap是一款HTML5平台.通过它,开发商能够使用HTML.CSS及JavaScript来开发本地移动应用程序.因此,眼下开

Phonegap环境配置和安装插件

一:安装好jdk(配置好环境变量) 二:安装好Android SDK(配置好环境变量path F:\Android\android-sdk-windows\platform-tools;F:\Android\android-sdk-windows\tools) 三:安装好Apache Ant(配置好环境变量path D:\apache-ant-1.9.4\bin;) 四:安装好nodejs 五:安装好git 六:过程是否成功,在cmd(管理员)输入以下密令: Java Javac Java –v