Phonegap -设置Phonegap

Question

我已经使用以下命令安装了Phonegap

$ npm install -g PhoneGap

我也创建了这个项目。在那之后我做了

$ PhoneGap build android

它为phonegap提供了Android SDK检测环境...phonegap使用本地环境phonegap添加Android平台...

我被这个屏幕困扰了很长一段时间..我关闭了cmd，然后重新打开并尝试..但它又长时间地站在同一个屏幕上..

我已经安装了Node.js，我也有android SDk。请帮忙提前道谢..

编辑：

我又合上了，又打开了..它给了我们

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

请帮帮我..

我的路径: C:\Users\Kutty\AppData\Roaming\npm\;%ANT_HOME%\bin

Answer 1

A)所需软件：

1) MAC :适用于iOS和安卓a) Android Studios For Android b) ANT 1.8.1 c) NODE.JS

d)用于iOS的Xcode5.1及更高版本

2)视窗: a)最新的Eclipse ADT For Android b) ANT 1.8.1 c) NODE.JS

B)安装Phonegap/Cordova的步骤：

1) MAC：

安卓

• 开放终端a.安装安卓Studios

• Setup

Mac OS上的PATH环境变量

a.打开终端程序(默认情况下在您的Applications/Utilities文件夹中)。

i.运行以下命令

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

这将在默认文本编辑器中打开该文件。您需要将路径添加到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

保存文件并退出文本编辑器。执行您的.bash配置文件以更新您的路径。

$ source ~/.bash_profile

现在，每次您打开终端程序时，您的路径都将包含Android SDK

sudo npm install -g cordova

创建新应用程序

$ 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"的问题，就从终端运行android。它将打开Android SDK管理器，并从那里安装Android 4.4.2 (API 19)

2) Windows：

1. 打开命令提示符a.将ANT下载文件夹放入“android ADT folder”/sdk
2. Setup your PATH environment variable on ”中

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

单击左列中的高级系统设置链接。

在System Properties窗口中，单击Environment Variables按钮。

从系统变量部分选择PATH变量。选择编辑按钮。i.您需要将路径添加到您的Android SDK平台-工具和工具目录。在我的示例中，我将使用C:\Development\android-sdk- windows作为SDK的安装目录。在文本框中添加以下文本: ii.;C:\Development\android-sdk-windows\platform- tools;C:\Development\android-sdk-windows\toolsⅢ.保存您的编辑。关闭环境变量对话框。

此外，您可能还需要在PATH中包含%JAVA_HOME%\bin。要查看是否需要执行此操作，请运行命令提示符，然后键入java。如果找不到该程序，请在PATH中添加%JAVA_HOME%\bin。您可能需要指定完整路径，而不是使用%JAVA_HOME%环境变量。最后，您可能还需要在PATH中包含%ANT_HOME%\bin。要检查是否需要这样做，请运行命令提示符，然后键入ant。如果找不到该程序，请在PATH中添加%ANT_HOME%\bin。您可能需要指定完整路径，而不是使用%ANT_HOME%环境变量。

sudo npm install -g cordova

创建新应用程序

$ 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应用程序项目

·在资源中创建www文件夹

·下载phonegap压缩文件

·将下载的phonegap place中的phonegap jar文件复制到libs文件夹中

·将下载的phonegap place中的phonegap .js文件复制到我们

已经在资产内部创建了。

·将xml complete文件夹复制到android的res文件夹中

·在作为phonegap网关的www文件夹中创建index.html文件

应用程序。

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

看起来像这样：

“公共类MainActivity扩展了DroidGap {

@Override

公共空onCreate(捆绑包savedInstanceState) {

super.onCreate(savedInstanceState)；

super.loadUrl("file:///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“，该命令将安装

在windows的Node Package Manager(npm)的帮助下的cordova模块，其中

-g指出，在全球范围内安装cordova。

·另一个命令"cordova create first com.example.First FirstProgram"，该命令

将花费很少的处理时间，参数首先将确定

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

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

·此命令"cd first“将提供对cordova项目的控制。

·现在这个命令"cordova platform add android“，它将设置目标平台

您要在哪个平台上安装此应用程序，其他命令可用于

平台描述如下：

·Cordova平台添加wp8cordova平台添加窗口

·cordova平台添加amazon-fireos

·科尔多瓦平台添加blackberry10

·cordova平台添加Firefox

·"cordova platform ls“命令将检查当前平台，我们还可以

通过"cordova platform rm amazon-fireos“删除平台

·现在，通过在上运行命令，进程将进入应用程序的构建块

控制台“cordova emulate android”。

42

·最后，此命令将运行基本应用程序"cordova run android“和

assets中的www等文件夹以及AndroidManifest.html中的所有其他内容的设置为

根据phonegap项目进行设置。