昨天摸索phoneGap的安装调试,遇到一些问题,整理下来希望对大家有帮助。我用的是win7,IOS以后再整理。

整体来说三个步骤:

  1. Node.js、 PhoneGap  和 ANT的安装和配置;
  2. 使用命令进行本地测试;
  3. 封装打包其他平台;

[title style=’1′]第一步,环境的安装配置[/title]

  1. 安装node.js。
    去官网下载对应的版本,安装即可。安装完成后,在cmd中输入npm,如果出现一堆数据,那就成功了。
  2. 安装phonegap。
    在命令行输入npm install -g cordova,然后等待执行完成。
    在cmd中输入cordova -v 查看版本信息,说明安装成功。
  3. 配置android SDK路径
    将下面的两个android SDK 目录配置到环境变量path中。
    sdk/platform-tools
    sdk/tools
    [quote style=’1′ cite=”]用新版cordova需要SDK的更新,google被和谐后需要修改host文件的ip地址。网上教程很多,这里不做介绍。[/quote]
  4. 配置Ant
    Apache上下载Ant,并且将Ant的bin目录配置到环境变量path中。
    随便在一个目录输入 ant 然后回车,出现以下的内容说明成功。
    Buildfile: build.xml does not exist!
    [quote style=’1′ cite=”]报错找不到tools.jar,下载JDK最新版,并配置好环境变量的JAVA_HOME和PATH的ANT路径,然后将jdk目录中lib的tools.jar复制到jre中lib目录即可[/quote]

[title style=’1′]第二步,使用命令安装调试[/title]

[quote style=’1′ cite=”]cordova help可查看帮助信息[/quote]

  1. 创建一个项目
    在cmd中切换到你想创建项目的目录,执行如下的命令。 cordova create hello com.example.hello “Hello World”[quote style=’1′ cite=”]第一个参数hello表示这个程序的名字,同时也会创建一个hello目录保存程序的代码。第二个参数com.example.hello表示代码中的包的名字,第三个参数表示创建的应用的名字,这个可以在config.xml中修改。第二个和第三个参数是可以省略的,如果省略那就都使用默认的。但是不建议使用省略的。生成的目录如下:[/quote]
    20140307110410
    www文件夹表示的是我们的html、js、css存放的位置。plugins存放的是一些插件。使用上面命令行创建的程序是没有添加任何功能,phonegap是通过插件去扩展其功能的,比如我们这时候想要使用phonegap的访问手机基本信息的api那么必须添加对应的插件,添加的插件就是放到这个目录下面的。platforms这个目录下放置该程序支持平台对应的工程,当然这时候目录里面没有东西,下面我们会介绍添加平台。merges目录下存放各个平台具有差异的文件的。比如我们有个css文件在android和ios上不同,这时候我们就可以把这个css放到这个目录下,自动打包的时候,phonegap会自动区分的。
  2. 添加平台
    我们使用上面的命令创建的程序是不支持任何平台的,添加之前我们需要先进入到工程目录。添加台后如果需要在本地运行,那么必须确保本地安装了对应的SDK。下面添加Android和IOS平台:
    cordova platform add ios
    cordova platform add android
    执行了这两行代码后会发现在merges和platforms下面会生成对应的文件夹及文件,在platforms下会生成对应的工程,android的工程师可以用eclipse打开的,ios的不清楚,因为没有mac,嘿嘿。
  3. 查看添加的平台
    cordova platforms ls
  4. 删除平台
    cordova platform remove blackberry10
    cordova platform rm android
  5. 构建应用程序
    cordova build
    上面的命令将会build所有平台的程序,使用下面的命令可以只build对应的平台:
    cordova build ios
  6. 在模拟器和设备上运行程序
    cordova emulate android
  7. USB调试模式运行程序
    cordova run android
    [quote style=’1′ cite=”]Android4.2系统后版本没有USB调试模式,可以找到设定里关于手机选项中连续点击“软件版本”多次点击后“开发人员选项”功能打开了,其中可以开启“USB调试”功能[/quote]
  8. 浏览器访问程序
    cordova serve android
  9. 更新phonegap
    本地的phonegap更新到最新版:npm update -g cordova
    更新到特定的版本:npm install -g cordova@3.1.0
    查看phonegap版本:cordova -v