PhoneGap3.0入门教程

环境:

WIN7,JDK,Android,Eclipse,Ant,Git,PhoneGap3.0

1.下载Android SDK,JDK,ANT

安装后添加路径到环境变量。

To modify the PATH environment on Windows 7

    • 开始-计算机 右键 属性-高级系统设置;
    • 高级-环境变量;
    • 选择 PATH 点击 编辑;
    • 将Android SDK路径添加到末尾(注意分号间隔),例如:

  • 点击确定保存。

同样添加JDK和ANT的路径,先新建JAVA_HOME变量和ANT_HOME变量,然后在PATH中添加:

path

2.安装node.js

PhoneGap3.0开始采用npm管理。故需要安装NODE.JS

3.安装git

我用的是github的client,同样添加路径到PATH,在CMD中直接输入git能运行即可。方便用来管理PhoneGap插件。

4.确认环境

下面这些个命令只要不出现 “’XXX’ 不是内部或外部命令,也不是可运行的程序或批处理文件”,应该就完事儿了。

java -version   ant -version    adb version    npm –version     git –version

——————————-好了烦人的屁话终于说完了———————————————–

安装PhoneGap

// -g 表示全局,就随便哪里都能用phongap命令,  NPM相关科普参考官方文档

新建项目

注意找个好路径,千万不要在C:Program Filesnodejs这种路径下搞,那个空格会搞死你。

如果出问题了,用-V输出调试信息,例如 phonegap build android -V

当然你可以用你喜爱的Eclipse来编译安装,详细看这里

新建项目,选择从已经存在的代码导入,路径:hello2platformsandroid

添加插件

先科普一下:PhoneGap3.0采用新的插件架构。该架构可以让你的应用更小、更快,你只需要包含需要的API即可,插件会自动安装和删除。说白了就是把2.x中的APIs拆分成了跟自定义插件一样的东西,需要用的什么就加入相应的插件即可。这样你的APK体积大大减小了。官方图解:

cordova_plugin_diagram

 

下面以添加cordova-plugin-contacts为例。具体点击下面那个参考地址看吧,懒得翻译了,就复制下代码而已。

参考地址

添加成功运行后,在你的”联系人”里会出现一个Test User

注意到”联系人”里看不要在拨号界面的通讯录里查看。

PhoneGap3.0入门教程》上有1条评论

  1. Pingback引用通告: Phonegap3.x 自定义插件开发 | GhostMemory

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">