当前时间:Friday 2016年12月09日 欢迎访问 夜阑小雨 我的学习碎片档案,这里记录了我的学习内容和工作中经验,希望给您带去帮助。

当前位置: 首页 >> Android开发,phonegap开发 >> 正文

Phonegap3.5环境搭建及新建项目

一、环境准备

1、到这里安装Node.js。

2、到这里下载Adroid ADT Bundle for Windows,下载后解压,我的放在:F:MobileDevadt-bundle-windows-x86-20131030。打开eclipse,安装最新的Android API,

及Tools,下图我能安装的都安装过了。

3、配置环境变量Path和JAVA_HOME,我已经配置好了:

在Path最后加入如下路径:

F:MobileDevadt-bundle-windows-x86-20131030sdkplatform-tools;F:MobileDevadt-bundle-windows-x86-20131030sdktools;F:MobileDevadt-bundle-windows-x86-20131030eclipsepluginsorg.apache.ant_1.8.3.v201301120609bin;%JAVA_HOME%bin

4、打开cmd命令行工具,输入npm install -g phonegap,等一段时间(n分钟左右),成功后输入npm install -g cordova,等一段时间(n分钟左右)

如果不报错,说明成功了。——嗯,貌似废话。

5、测试成功与否:在cmd里依次输入如下命令:

java,javac,phonegap -version,cordova -version。

二、构造项目

1、在E盘建一个phonegap文件夹(名称随便取,最好不要带空格和中文),在命令行cd到该文件夹。输入:

phonegap create myapptest

等一段时间,成功。

cd myapptest

phonegap build android

等一段时间,成功。

如果经历了以上种种,发现项目的创建或者构造失败了,不是人品问题,就是人品问题。

到phonegap/myapptest目录下看看,是这个样子:

2、打开eclipse,File/New/Project,选择Android Project From Existing Code:

copy projects into workspace 千万别勾上,我死于此n次。

有两个项目,一个HelloWorld一个HelloWorld-CordovaLib,后者是类库项目,前者依赖于后者。项目的编码是GBK,最好都改成UTF-8。前者会出现一个叹号错误标志,解决办法是:Project/Build All,这时又出一个引用错误,HelloWorld项目中的HelloWorld.java,看到的是这样:

把鼠标移到引起错误的类CordovaActivity上,选择Fix Project Setup,选择OK。又会出现一个红色感叹号,不用管他,直接将HelloWorld作为Android项目运行。

人品如果不是问题,到这里,肯定已经跑起来了。

 

用Phonegap命令创建出来的项目,总是一律叫HelloWorld,我们可以用如下命令,创建出自己指定的名称的项目:

cordova create MyAppDirectory com.example.hello “MyAppName”
cd MyAppDirectory
cordova platform add android
cordova build

 

一般情况如果遇到导入项目后有错误按照以下方法来处理:

 

phonegap导入工程到eclipse报错 无非三种情况

1 没有导系统lib库 或者 错误

2 没有选择android最新的API     (非google APIs )

3 没有改成UTF-8 格式

最后clean一下就好

———————解决办法——————-

先看正确的工程    直接上图

——————————————————————————–

导入工程的时候   是2份  工程的下方是phonegap的第三方库

==================【ios创建项目】===========================

1.需要先安装node,这个可以参考node官方。或者 点击这里

2.打开终端按照以下方式安装phonegap。【

  npm install -g cordova

npm install -g cordova@3.0.0 【 可以选带版本号,选择版本安装】

3.然后cd到一个目录,该目录下会保存您的项目。

4.创建一个名为“workshop的项目:[这里第一个workshop 是工程的名称,com.yourname.workshop是包名,第二个workshop 是app名称]

cordova create workshop com.yourname.workshop Workshop

5、转到项目目录:

cd workshop

6、添加IOS平台支持:

cordova platforms add IOS

cordova build

7、添加控件(确保现在仍然在workshop目录下):

cordova plugin add org.apache.cordova.device

cordova plugin add org.apache.cordova.console

8.运行程序:

cordova run ios

或者打开workshop目录,双攻击workshop.proj

打开xcode,进行编辑项目。

=======[项目运行后无法加载cordova库文件]================

在我做插件开发的时候,总是无法加载class,这让人很恼火,

花了2天时间都没有搞定!!!!!

网上说的各种办法都用了都没有解决,后来无意见查看其它可以运行的项目发现 libs里面缺少android-support-v4.jar,于是加进去就好了.

为什么会这样?可能通过node创建的cordova项目没有加载这个andriod的依赖库.

如何添加?

看下图:

11

作者:夜阑小雨
原文链接:Phonegap3.5环境搭建及新建项目
夜阑小雨版权所有,转载本网站文章时请保留此信息。

收藏和分享: 转贴到开心网 转贴到校内网 分享到 Twitter Delicious 分享到 Google Reader 分享到 百度收藏 分享到 QQ收藏

评论信息

0 条评论 发表评论

发布评论

您必须登录才能发表评论。

网站客户端下载