打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
我的PhoneGap安装配置经历

我的PhoneGap安装配置经历

作者:江阳小道  发布日期:2014-07-18 19:06:22
  • 一、PhoneGap简介

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

    二、尝试安装PhoneGap

    现在经常在各大博客网站上看到PhoneGap的身影,所以打算跟随潮流,利用空闲时间学习一下PhoneGap。

    学习的第一步当然是安装PhoneGap,但是安装PhoneGap实在是个麻烦事儿。官网就只给了简单的一句话。

    To Install, ensure that you have NodeJS installed, then open your commandline and run the following:

    1.C:\> npm install -g phonegap

    那我们就先按照官网来试试!

    第一步、先安装NodeJS,这个安装比较容易,这里就不多做介绍了。
    第二步、在命令行输入:npm install -g phonegap,但是这里出错了,错误如下:

    01.C:\Users\Administrator>npm install -g phonegap
    02.npm ERR! not found: git
    03.npm ERR!
    04.npm ERR! Failed using git.
    05.npm ERR! This is most likely not a problem with npm itself.
    06.npm ERR! Please check if you have git installed and in your PATH.
    07. 
    08.npm ERR! System Windows_NT 6.1.7601
    09.npm ERR! command "D:\\Program Files\\nodejs\\\\node.exe" "D:\\Program Files\\nod
    10.ejs\\node_modules\\npm\\bin\\npm-cli.js" "install" "-g" "phonegap"
    11.npm ERR! cwd C:\Users\Administrator
    12.npm ERR! node -v v0.10.29
    13.npm ERR! npm -v 1.4.14
    14.npm ERR! code ENOGIT
    15.npm ERR!
    16.npm ERR! Additional logging details can be found in:
    17.npm ERR!     C:\Users\Administrator\npm-debug.log
    18.npm ERR! not ok code 0 

    上面提示说是找不到git,既然这样,那就安装git。

    安装完git之后,再试,结果还是一样。

    很是郁闷,没办法了,只有谷歌百度,查找解决方案。

    根据网上的一些方法和安装教程忙活了半天,结果还是不行,顿时心灰意冷了。

    三、重新认识PhoneGap

    过了几天之后,在博客园发现一篇博文《使用PhoneGap开启移动开发之旅》,幡然醒悟。

    之后在查找资料过程中发现了下面这句话:

    现在PhoneGap的代码已经贡献给了Apache软件基金会(ASF),并且改名为 Apache Cordova。这个名字来源于温哥华的科尔多瓦街(Cordova Street),它是创建PhoneGap时Nitobi公司的所在地。

    至此,一切问题浮出水面,原来刚开始大方向就走错了。

    四、重新安装PhoneGap(Cordova)

    现在我们只需要安装Apache Cordova即可。访问Apache Cordova官网,查看安装方法。
    安装教程地址:http://cordova.apache.org/docs/en/3.5.0//guide_cli_index.md.html#The%20Command-Line%20Interface
    下面简述安装步骤(在已经安装完NodeJS的情况下):

    第一步:安装cordova

    在OS X和Linux系统下输入下面的命令:

    1.$ sudo npm install -g cordova

    在Windows系统下输入:

    1.C:\>npm install -g cordova

    第二步:创建App

    1.$ cordova create hello com.example.hello HelloWorld

    第三步:添加各个平台

    01.$ cd hello
    02.$ cordova platform add ios
    03.$ cordova platform add amazon-fireos
    04.$ cordova platform add android
    05.$ cordova platform add blackberry10
    06.$ cordova platform add firefoxos
    07.$ cordova platform add wp8
    08.$ cordova platform add windows8
    09.$ cordova platform add amazon-fireos
    10.$ cordova platform add android
    11.$ cordova platform add blackberry10
    12.$ cordova platform add firefoxos

    以上平台,根据需要添加。

    第四步:构造App

    1.$ cordova build

    第五步:在模拟器或者设备上运行App

    这里以android开发平台为例,分别下载安装最新的JDK、Android SDK、Apache Ant。
    以下是下载地址:
    http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
    http://developer.android.com/sdk/index.html
    http://ant.apache.org/bindownload.cgi
    安装完成之后,记得配置好环境变量。
    添加新的环境变量, 根据安装路径,调整下面的路径:

    ANDROID_HOME Value: C:\Program Files\adt-bundle-windows-x86_64-20140321\sdk
    ANT_HOME Value: C:\Program Files\apacheant
    JAVA_HOME Value: C:\Program Files\Java\jdk1.8.0_05

    添加到Path

    1.%JAVA_HOME%\bin;%ANT_HOME%\bin;%ANDROID_HOME%\platform-tools;%ANDROID_HOME%\tools;

    以上完成后再在Android SDK的安装目录中,有SDK Manager.exe程序,在命令行中启动该程序。
    在Tools->Manage AVDs中,创建一个新的Android模拟器。

    最后就可以开始在Android平台上编译和运行我们的的第一个PhoneGap程序了。

    1.$ cordova emulate android

    五、安装遇到的一些问题

    问题一:连接超时

    1.C:\Users\Administrator>cordova create hello com.example.hello "HelloWorld"
    2.Creating a new cordova project with name "HelloWorld" and id "com.example.hello"
    3.at location "C:\Users\Administrator\hello"
    4.Downloading cordova library for www...
    5.Error: connect ETIMEDOUT
    6.at errnoException (net.js:904:11)
    7.at Object.afterConnect [as oncomplete] (net.js:895:19)

    原因:网址 https://git-wip-us.apache.org/ 速度太慢,导致超时

    解决方法:
    直接下载文件,解压到www目录下,如图:
    下载地址:https://github.com/apache/cordova-app-hello-world

    问题二:

    1.C:\Users\Administrator>cordova platform add android
    2.Current working directory is not a Cordova-based project.

    原因:当前文件夹下不存在cordova项目,因为新建项目的时候,创建在hello文件夹下。

    解决方法:

    1.C:\Users\Administrator>cd hello

    到这里全文就结束了,不得不说安装PhoneGap真是一件麻烦事。
    谨以此文,献给初学或想研究PhoneGap的读者。

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
phonegap3.X整合二维码扫描功能(BarcodeScanner)
七步配置phonegap cordova ionic开发环境
phonegap利用百度地图sdk定位
Ionic简单接触:Windows下Ionic Android开发环境搭建
Linux 下使用命令行开发 Android 应用程序
Appcan、apicloud、HBuilder 不同之处解析
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服