Phonegap – 设置Phonegap

我已经安装了Phonegap使用

$ npm install -g PhoneGap 

我也创build了这个项目。 之后我做了

 $ PhoneGap build android 

它给[phonegap]检测Android SDK环境… [phonegap]使用本地环境[phonegap]添加Android平台…

我被这个屏幕困住了很多时间..我closures了CMD，并再次打开，并尝试..但它再次站在同一个屏幕上很多时间..

我已经安装Node.js，我也有Android SDK。 请帮助提前致谢..

编辑：

我再次closures，打开..它给

错误：C：\ Users \ Kutty.cordova \ lib \ npm_cache \ cordova-android \ 3.6.3 \ package \ bin \ create.bat：命令失败，退出代码为8

请帮忙..

我的path：C：\ Users \ Kutty \ AppData \ Roaming \ npm \;％ANT_HOME％\ bin

Answer 1

A）所需软件：

1）MAC：[适用于iOS，Android] a）Android Studios [适用于Android] b）ANT 1.8.1 c）NODE.JS

d）Xcode 5.1及以上[适用于iOS]

2）Windows： a）Eclipse ADT最新[适用于Android] b）ANT 1.8.1 c）NODE.JS

B）安装Phonegap / Cordova的步骤：

1）MAC：

1. 打开terminala。 安装Android Studios

2. build立

Mac OS上的PATH环境variables

一个。 打开terminal程序（默认情况下在你的Applications / Utilities文件夹中）。

一世。 运行以下命令

 $ touch ~/.bash_profile; open ~/.bash_profile 

这将在您的默认文本编辑器中打开文件。 您需要将path添加到您的Android SDK平台 – 工具和工具目录。 在我的示例中，我将使用“/ Development / android-sdk-macosx”作为安装SDK的目录（对于Android Studios，默认情况下可以在/Users/<user>/Library/Android/sdk/ 。 添加以下行：

 $ export PATH=${PATH}:/Development/android-sdk-macosx/platform- tools:/Development/android-sdk-macosx/tools 

保存文件并退出文本编辑器。 执行你的.bashconfiguration文件来更新你的PATH。

 $ source ~/.bash_profile 

现在，每次打开terminal程序时，PATH都会包含Android SDK

 sudo npm install -g cordova 

创build一个新的应用程序

 $ cordova create <directory name> <bundle identifier> <name of project> $ cd <directory name> $ cordova platform add android OR iOS $ cordova run android OR iOS 

如果您遇到Please install Android target "android-19"然后从terminal运行android 。 它将打开Android SDKpipe理器并从那里安装Android 4.4.2 (API 19)

2）Windows：

1. 打开命令提示符a。 将ANT [下载的文件夹]文件夹放到“android ADT文件夹”/ sdk中

2. 在Windows上设置您的PATH环境variables

在桌面上，右键单击我的电脑，然后单击属性。

点击左栏中的高级系统设置链接。

在“系统属性”窗口中，单击“环境variables”button。

从系统variables部分selectPATHvariables。 select编辑button。 一世。 您需要将path添加到您的Android SDK平台 – 工具和工具目录。 在我的例子中，我将使用C:\Development\android-sdk- windows sdk C:\Development\android-sdk- windows作为安装SDK的目录。将以下文本添加到文本框中：ii。 ;C:\Development\android-sdk-windows\platform- tools;C:\Development\android-sdk-windows\tools iii。 保存你的编辑。 closures环境variables对话框。

此外，您可能还需要将%JAVA_HOME%\bin到PATH中。 要检查是否需要，请运行命令提示符并键入java。 如果程序找不到，请将%JAVA_HOME%\bin添加到PATH 。 您可能需要指定完整path，而不是使用%JAVA_HOME%环境variables。 最后，您可能还需要将%ANT_HOME%\bin到PATH中。 要检查是否需要，请运行命令提示符并键入ant。 如果程序找不到，请将%ANT_HOME%\bin添加到PATH 。 您可能需要指定完整path，而不是使用%ANT_HOME%环境variables。

 sudo npm install -g cordova 

创build一个新的应用程序

 $ cordova create <directory name> <bundle identifier> <name of project> $ cd <directory name> $ cordova platform add android $ cordova run android 

Answer 2

我也试了一下，在phonegap更新版本有个问题。 在命令提示符下运行以下命令

 npm uninstall -g phonegap -> to unsinstall npm install -gphonegap@4.2.0-0.24.2 -> to install specific version. 

现在使用你有的任何SDK，它将工作。

Answer 3

PHONEGAP手动方法

另一种方法是手动放置东西，以及如何实现

下面：

•设置正常的Android应用程序项目

在资产内创buildwww文件夹

•下载phonegap zip文件

将phonegap jar文件从下载的phonegap位置复制到libs文件夹中

•将phonegap .js文件从下载的phonegap位置复制到我们的www文件夹中

已经在资产内部创build了。

•将xml完整文件夹复制到android的res文件夹中

在电话网关的www文件夹内创buildindex.html文件

应用。

现在我们可以将控制权从MainActivity.java转移到我们的index.html中

看起来像这样：

“公共类MainActivity扩展DroidGap {

@覆盖

public void onCreate（Bundle savedInstanceState）{

super.onCreate（savedInstanceState）;

super.loadUrl（ “文件：///android_asset/www/index.html”）;

}

}

•打开AndroidManifest.xml文件并粘贴图片中显示的代码。

图4.1：允许设备使用的Android Manifest文件。

41

写完这段代码之后，现在我们在index.html文件中的任何代码都会显示在上面

Android模拟器或手机。

PHONEGAP CLI方法

Phonegap命令行界面（CLI）方法可以称为自动方法，因为

命令将为您完成所有工作，以初始化我们必须设置的PhoneGap项目

由自己在手动方法。 以下是需要遵循的步骤

设置PhoneGap项目：

下载Nod.js并安装它。

•现在在Node.js上运行这个命令“npm install -g cordova”，这个命令将会被安装

cordova模块借助节点包pipe理器（npm）for windows，在哪里

-g指出全球安装cordova。

•另一个命令“cordova创build第一个com.example.First FirstProgram”，这个命令

将需要很less的处理时间，首先将确定的目录的论据

项目，第二个参数com.example.First得到一个包和最后一个参数

FirstProgram是定义应用程序的标题。

•这个命令“cd first”会给cordova项目中的控制权。

•现在这个命令“cordova platform add android”，它会build立目标平台

在哪个平台上你要安装这个应用程序，其他几个命令

平台介绍如下：

•cordova平台添加wp8cordova平台添加窗口

•cordova平台添加亚马逊火山

•cordova平台添加黑莓10

•cordova平台添加Firefox的

•“cordova平台LS”命令将检查当前的平台，我们也可以

删除平台“cordova平台RM亚马逊火焰”

•现在，通过运行命令，进程进入应用程序的构build块

控制台“cordova emulate android”。

42

•最后这个命令将运行基本应用程序“cordova run android”和

在资产和AndroidManifest.html所有其他东西的文件夹的设置是

根据手机项目设置。

Answer 4

将android sdks'tools'和'platform-tools'添加到pathvariables中。 请记住，如果您安装了“phonegap”，则始终在任何地方都使用“phonegap”而不是“cordova”。

我个人更喜欢使用cordova。