舟生

一叶扁舟江海中

导航

PhoneGap 跨平台配置说明

Posted on 2014-12-04 10:53  fangxupeng  阅读(132)  评论(0)    收藏  举报

  本文说明:我的上一篇文章《PhoneGap配置说明&&PhoneGap API 应用示例&&插件应用示例》中实现是在android环境下的配置,下面对PhoneGap的另一种配置进行说明。毕竟PhoneGap是跨平台的工具,本文说明的这种配置是进行跨平台开发的方法,能快速的部署到android和ios等系统上。

1、介绍PhoneGap:

PhoneGap是一款开源的手机应用开发平台,它仅仅只用HTML和JavaScript语言就可以制作出能在多个移动设备上运行的应用。 PhoneGap将移动设备本身提供的复杂的API进行了抽象和简化,提供了一系列丰富的API供开发者调用,只要你会HTML和Javascript或者Java语言,就可以利用PhoneGap提供的API去调用各种功能,制作出在各种手机平台(iPhone,Android ,BlackBerry,Symbian,Palm,Window Phone)上运行的应用。目前phonegap获得Apple,IBM,NOKIA,palm等众多公司的支持。简单来说使用PhoneGap就是使用HTML,JavaScript和CSS来开发程序,最终通过PhoneGap可以产生对应版本的native 程序。

 

发展历程:

 

 

2、PhoneGap跨平台配置

  • 安装JDK,并配置环境变量
  • (假设我们开发跨平台工具后在此android下运行)安装SDK,兵配置环境变量。在Path中添加SDK的platform-tools、tools所在目录。然后下载响应的android版本。
  • 安装ant,并配置环境变量。从apache官网下载ant,直接解压,在PATH中添加ant目录。
  • 安装npm,并配置环境变量。
  • 安装nodeJs。
  • 执行命令npm -install cordova -g。此步骤可能出现可种问题,我出现的问题有两个:
    • 问题1、我们公司有代理服务器。解决方法:npm config set proxy http://example:8080。
    • 问题2、无法连接registry,这可能是由于被墙了。解决方法:npm config set registry https://registry.npm.taobao.org。https://registry.npm.taobao.org是一个国内的镜像。如果还是连接不上换一个镜像即可。
  • 至此,如果输入cordova出现提示,则说明配置正确。

以上说明在安装过程中都没截图,如有问题,可联系:fangxp@bupt.edu.cn。

 

3、第一个PhoneGap跨平台程序。

  • 新建一个项目,执行命令行 cordova create yw com.glodon.yw YW
  • 这个时候我们就可以导入IDEA工具进行开发,加入我们只需要在android环境先看一些新建项目的效果,就跳过这一步,直接进行下一步。
  • cd yw。
  • cordova platdorm add android。(如果此处出错,可能是由于你没有下相应的android系统,或者没有配置SDK环境变量)
  • cordova build。此时APK文件就自动编译好了,放到手机中即可安装运行。