将html5变身Android APP之phonegap的使用

什么是phonegap?

PhoneGap是一个用基于HTMLCSSJavaScript的,创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用iPhoneAndroidPalmSymbian,WP7,WP8,BadaBlackberry智能手机的核心功能--包括地理定位,加速器,联系人,声音和振动等,此外PhoneGap拥有丰富的插件,可以调用。


使用phonegap前的软件准备

1、        JDK  

2、        adt集成包(adt即eclipse开发Android的环境,或直接下载Android SDK并下载相关版本和ANT插件)

3、        node   下载https://nodejs.org/en/ (直接点击安装下一步下一步就可以了)

4、      官网下载phonegap    http://phonegap.com/ (解压到根目录下集可以了)

添加到环境变量:

 java jdk(这里不讲解)

D:\Program Files (x86)\adt-bundle-windows-x86_64-20130917\sdk\platform-tools

D:\Program Files(x86)\adt-bundle-windows-x86_64-20130917\sdk\tools

D:\ProgramFiles(x86)\adt-bundle-windows-x86_64-          20130917\eclipse\plugins\org.apache.ant_1.8.3.v201301120609\bin

将上面的路径添加到环境变量

(这里的ant是eclipse本身的已有的插件,如果没有安装eclipse可以直接下载android SDK 和ant 插件,其中

Ant是一种基于Java的build工具。理论上来说,它有些类似于(Unix)C中的make ,但没有make的缺陷。)

 将html5变身Android APP之phonegap的使用_第1张图片

Win+R cmd进入控制台命令进行验证和安装phonegap和cordova

验证node是否安装好了,输入npm -version查看node的版本号,如果没安装好就会报错


在控制台运行命令安装phonegap:(要联网)
 npm install -g phonegap                                (Mac
使用: sudonpm install -g phonegap )

//等待安装  完成后安装 cordova:

 npminstall -gcordova                                      ( Mac使用:sudo npm install -g cordova )

安装时间有点长。。。要耐心等待。

安装完成后输入phonegap -version和cordova -version验证

将html5变身Android APP之phonegap的使用_第2张图片

到这一步环境就搭好了,现在就可以开工了。


phonegap的操作

命令框输入(想要放到哪里自己就cd到那个文件夹再执行下面的命令就好了)

cordova create hello com.example.hello “HelloWorld”       //hello是文件夹名、//com.example.hello是包名、”HelloWorld”是文件名

cd hello               //进入hello文件夹

cordova platform add android                       //添加Android文件到hello目录下

cordova build                                                //编译文件将html5变身Android APP之phonegap的使用_第3张图片

这是我们用命令创建的目录,在没有执行cordova platform add android  命令前platforms目录是空的,执行后把Android所需的文件放入platforms中。

我们要做的是把我们的html5项目文件全部放入上图中的www目录,然后再在控制命令中执行cordova build 就可以了。

将html5变身Android APP之phonegap的使用_第4张图片

大家可以看到Android目录下的文件跟我们用eclipse和Android studio的差不多,我们完全可以在修改APP的相关信息,例如修改AndroidManifest.xml中的配置信息,只是大家在修改过后记得在执行一下cordova build命令就可以了。

将html5变身Android APP之phonegap的使用_第5张图片

哈哈哈,我们要找的编译好的APK就在这里了

加一句,调试的时候可以用到

如果用虚拟机,先打开虚拟机,在把APK文件放在根目录下,进入那个目录,然后在cmd命令中输入

adb -e install XXX.apk(XXXAPK 名)

如果是真机

adb -d install XXX.apk


你可能感兴趣的:(其他)