Phonegap - 设置Phonegap

时间：2014-11-07 06:52:06

标签： android node.js cordova

我已经使用

安装了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

4 个答案:

答案 0 :(得分：4)

A）所需软件：

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

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

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

B）安装Phonegap / Cordova的步骤：

1）MAC：

  1. 打开终端 一个。安装Android Studios

  2. 设置

    3. Mac OS上的PATH环境变量

    一个。打开终端程序（默认位于“应用程序/实用工具”文件夹中）。

    我。运行以下命令

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

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

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

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

    $ source ~/.bash_profile

    现在每次打开终端程序时，PATH都会包含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. 打开命令提示符 一个。将ANT [Downloaded folder]文件夹放入“android ADT文件夹”/ sdk

    2. 在Windows上设置PATH环境变量

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

      单击左栏中的“高级系统设置”链接。

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

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

      此外，您可能还需要将%JAVA_HOME%\bin添加到PATH。要检查是否需要，请运行命令提示符并键入java。如果找不到该程序，请将%JAVA_HOME%\bin添加到PATH。您可能需要指定完整路径，而不是使用%JAVA_HOME%环境变量。 最后，您可能还需要在%ANT_HOME%\bin中加入PATH。要检查是否需要，请运行命令提示符并键入ant。如果找不到该程序，请将%ANT_HOME%\bin添加到PATH。 您可能需要指定完整路径，而不是使用%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

答案 1 :(得分：0)

我也试过，在phonegap更新版本中有问题。 在命令提示符

中运行以下命令 
npm uninstall -g phonegap  -> to unsinstall
npm install -gphonegap@4.2.0-0.24.2  -> to install specific version.

现在使用你拥有的任何sdk，它都可以。

答案 2 :(得分：0)

PHONEGAP手动方法

另一种方法是手动放置物品，以及如何实施它

下面：

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

•在资产内创建www文件夹

•下载phonegap zip文件

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

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

的www文件夹中

已在资产内创建。

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

的res文件夹中

•在www文件夹中创建index.html文件，该文件夹是phonegap的网关

应用。

•现在我们可以将控件从MainActivity.java转移到我们的index.html

看起来像这样：

＆＃34;公共类MainActivity扩展了DroidGap {

@覆盖

public void onCreate（Bundle savedInstanceState）{

super.onCreate（savedInstanceState）;

super.loadUrl（＆＃34;文件：///android_asset/www/index.html"）;

}

}

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

图4.1：Android清单文件，允许设备使用权限。

41

编写此代码后，现在我们在index.html文件中编码的内容将显示在

上

android模拟器或手机。

PHONEGAP CLI方法

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

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

自己手动方法。以下是

需要遵循的步骤

设置PhoneGap项目：

下载Nod.js并安装它。

•现在运行此命令＆＃34; npm install -g cordova＆＃34;在Node.js上，此命令将安装

cordova模块借助于节点包管理器（npm）for windows，其中

-g表示全球安装了cordova。

•另一个命令＆＃34; cordova创建第一个com.example.First FirstProgram＆＃34;，这个命令

将需要很少的处理时间，参数首先将确定

的目录

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

FirstProgram定义应用程序标题。

•此命令＆＃34; cd first＆＃34;将在cordova项目中给出控制权。

•现在这个命令＆＃34; cordova平台添加android＆＃34; ，它将设置目标平台

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

平台如下所述：

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

•cordova平台添加amazon-fireos

•cordova平台添加blackberry10

•cordova平台添加Firefox的

•＆＃34; cordova平台ls＆＃34;命令将检查当前平台，我们也可以

通过＆＃34; cordova平台rm amazon-fireos＆＃34;

删除平台

•现在，该过程通过在

上运行命令来构建应用程序的构建块

console＆＃34; cordova模仿android＆＃34;。

42

•最后这个命令将运行基本应用程序＆＃34; cordova run android＆＃34;和

资源中的www和AndroidManifest.html中的所有其他内容等文件夹的设置是

根据phonegap项目进行设置。

答案 3 :(得分：-2)

添加android sdks＆＃39;工具＆＃39;和平台工具＆＃39;到路径变量。 请注意，如果您已经安装了“phonegap＆＃39;总是使用＆＃39; phonegap＆＃39;而不是＆＃cord;＆＃39;任何地方。

我个人更喜欢使用cordova。

相关问题
最新问题