Phonegap Cordova 安装 Windows

Posted

技术标签:

【中文标题】Phonegap Cordova 安装 Windows【英文标题】：Phonegap Cordova installation Windows 【发布时间】：2013-08-04 19:49:54 【问题描述】：

phonegap/cordova 的文档非常糟糕。我想做的只是在我的 Windows 环境中安装 PhoneGap 3.0，但没有成功。

以下是我的步骤和失败点。任何人都可以提供解决方案的建议吗？

根据instructions：

    安装 Node.js（成功） 来自nodes.js：install -g cordova（成功） 添加平台：cordova platform add wp8（没有发生任何事情） 尝试使用phonegap：phonegap install wp8（找不到错误项目目录）

来自“Windows Phone 8 platform guide”

    安装 Windows SDK（成功） “下载并解压 [PhoneGap 的最新副本。您将在 lib\windows-phone-8\wp8 子文件夹中工作，lib\windows-phone-8\wp7 包含 Cordova 的 Windwos Phone 7 版本”

啊？！？！目录在什么位置？！？！所以我找到了隐藏在 AppData\Local... 中的未记录的 phonegap 目录，并且有一个 libs 目录，但肯定没有任何 WP8 子文件夹。从哪里安装？大概是上面的添加平台命令，但添加它只会让我回到新的命令提示符。

尝试使用 phonegap 命令：phonegap plaform add wp8

错误 - 'platform add wp8" 不是节点。

我得到了它的开源，但这是残酷的意大利面条参考文档。如果有人能够成功安装 3.0 for WP8，任何指针都会有所帮助。

【问题讨论】：

上面提到你需要在你希望代码所在的目录下用cordova create hello com.example.hello HelloWorld创建应用程序，然后在你刚刚创建的项目目录下运行cordova platform add wp8。跨度> 我完全同意，我刚刚花了 6 个小时的周末时间试图让它工作。我过去使用过它，然后设置它并不难除了“新改进”的 cli 做事方式根本不符合提供的说明。第一部分告诉你安装和使用 phonegap 命令，然后你转到 android 部分，它会切换到使用 cordova 命令。多么令人沮丧的一团糟，即使我的机器上安装了 sdk，我也从来没有弄清楚如何让它识别 android 平台。 写作的质量并没有像文档似乎从未经过测试并且只是错误的事实那样困扰我。 文档似乎在某些地方也是矛盾的。在一页上，它说要以一种方式来做，而在另一页上，它描述了一种完全不同的方法！我的 Android 开发者工具的 Phonegap 扩展部分作为一个按钮（在 Eclipse 中）让我很满意。现在，升级 ADT 后它就消失了。我运行 phonegap 平台添加 android 并没有像上面那样使用 wp8 发生任何事情。为什么我们不能将其下载为 zip 文件？还是使用 git clone？ 我写了一篇文章，提供了有关如何安装 phonegap 的分步说明。它是为 Android 设备量身定制的，但唯一的区别应该是 Windows/Android SDK 部分：kapitanh.blogspot.de/2014/02/native-android-apps-with.html 【参考方案1】：

经过数小时的挫折……这就是我的发现。

    忽略安装文档和所有命令行、node.js 的东西（真的，你会在这上面浪费几个小时。 去github下载PhoneGap master .zip 在那个 zip 中是用于 windows phone 等平台的项目文件...只需使用这些模板。

我不知道这么简单的过程怎么会有更糟糕的文档。好像是律师写的。

【讨论】：

使用文档将允许您拥有一个适用于所有平台的“全局”www 文件夹。 谢谢你，我肯定省了很多麻烦。此外，对于为 Android 设置 Phonegap 的任何人来说，这都是一个极好的资源：@​​987654322@ 你是认真的吗？这是真的吗？我不知道是真的生气还是很高兴。我也可以在没有命令行的情况下添加插件吗？这对于非常不同的 Phonegap 3.0 仍然有效吗？ Frigon 您的描述非常好，但您应该提到应该执行 createTemplates.bat 以生成要复制到模板文件夹的 zip 文件。 Hexodus，这一步似乎没有在任何地方记录，或者至少根本不是很清楚。可以想象，从运行cordova 命令的一个页面开始，然后被带到另一个显示使用phonegap 的页面，或者是相反的方式？，非常令人困惑。奥利弗，你的链接很棒，页面很清晰。但我几乎忽略了链接。我开始思考，“什么是优秀的资源？”然后我偶然发现了链接并找到了优秀的资源。恕我直言，我建议从优秀资源到链接的所有内容都是链接，恕我直言。【参考方案2】：

我遇到了同样的问题，通过阅读the documents 和 Stack Overflow 中报告的其他问题，我挣扎了一个小时才能通过，但我没有找到任何答案。因此，这里是在 Windows 机器中成功运行 phonegap/cordova 的指南。

按照这些步骤操作

    从http://nodejs.org/下载并安装node.js 运行命令npm install -g phonegap（如果安装phonegap）或运行命令npm install -g cordova（如果安装Cordova）。

    安装完成后，您会注意到：

    C:\Users\binaryuser\AppData\Roaming\npm\cordova -> C:\Users\binaryuser\AppData\Roaming\npm\node_modules\cordova\bin\cordova cordova@3.0.9 C:\Users\binaryuser\AppData\Roaming\npm\node_modules\cordova ├── ncallbacks@1.0.0 ├── open@0.0.3 ├── 颜色@0.6.2 ├── semver@1.1.0 ├── shelljs@0.1.2 ├── 跟随重定向@0.0.3（下划线@1.5.2） ├── elementtree@0.1.3 (sax@0.3.5) ├── optimist@0.6.0 (wordwrap@0.0.2, minimist@0.0.2) ├── xcode@0.5.1 (node-uuid@1.3.3, pegjs@0.6.2) ├── glob@3.2.6 (inherits@2.0.1, minimatch@0.2.12) ├── plist@0.4.3 (xmlbuilder@0.4.2, xmldom@0.1.16) ├── tar@0.1.18 (inherits@2.0.1, block-stream@0.0.7, fstream@0.1.24) ├── prompt@0.2.7 (revalidator@0.1.5, pkginfo@0.3.0, read@1.0.5, utile@0.1.7, winston@0.6.2) ├── request@2.22.0 (json-stringify-safe@4.0.0, aws-sign@0.3.0, qs@0.6.5, oauth-sign@0.3.0, forever-agent@0.5.0, cookie -jar@0.3.0, tunnel-agent@0.3.0, mime@1.2.11, node-uuid@1.4.1, http-signature@0.10.0, hawk@0.13.1, form-data@0.0.8 ) ├── express@3.0.0 (methods@0.0.1, fresh@0.1.0, range-parser@0.0.4, crc@0.2.0, cookie@0.0.4, commands@0.6.1, debug@0.7 .2，mkdirp@0.3.3，发送@0.1.0，连接@2.6.0） ├──ripple-emulator@0.9.18（connect-xcors@0.5.2，colors@0.6.0-1，accounting@0.3.2，request@2.12.0，moment@1.7.2，express@3.1.0 ) ├── npm@1.3.11 └── plugman@0.11.0 (ncallbacks@1.1.0, osenv@0.0.3, bplist-parser@0.0.4, underscore@1.4.4, semver@2.0.11, dep-graph@1.1.0, elementtree @0.1.5, xcode@0.6.1, nopt@1.0.10, rc@0.3.0, tar.gz@0.1.1, npm@1.3.4)

    请注意上面的行，您可以看到文件被提及的路径。复制该路径。就我而言，它是C:\Users\binaryuser\AppData\Roaming\npm\cordova，所以使用cd C:\Users\binaryuser\AppData\Roaming\npm\ 并输入cordova。好了，终于成功了。

    由于-g 键值不起作用，您已设置环境变量路径：
      按 Win + Pause|Break 或右键单击Computer 并选择Properties。 点击左侧的Advanced system settings。 点击Advanced标签下的Environment Variables。 选择PATH变量并点击Edit。 将上面提到的路径复制到值字段，然后按OK。

【讨论】：

另外请注意，如果您以管理员身份安装 node.js，并且您的用户在 Active Directory 下的权限有限，您应该以您的用户而不是管理员身份运行“npm install -g phonegap”，否则文件将在管理员的漫游文件夹下创建，您的用户将无权访问它们。您可以在管理员下“npm uninstall phonegap”，在这种情况下再次以您的用户身份安装。 注意，你需要使用Node.js command prompt，而不是Windows内置的cmd.exe @gotnull 我支持你的议案。 当我尝试使用 node.js 命令提示符时，我收到了一个错误，指示我使用系统终端。这是针对 Node.js v0.10.26 的。 这个答案确切地说明了官方说明中的内容，它有效，但这并没有回答 wp8 模板部分。用npm安装cordova/phonegap时找不到wp8文件夹，也找不到createTemplates.bat文件，这主要是问题的重点。【参考方案3】：

我也遇到了同样的错误。 我什至尝试从 GitHub 下载 PhoneGap master，但我发现我得到的是 Phonegap 2.9。 我最终不得不下载Cordova 3 Source

按照以下步骤获取它。

    下载并解压Cordova 3 Source 运行cordova-wp8文件夹中的template.bat 将生成的 Zip 文件复制到 Visual Studio 模板文件夹中

【讨论】：

【参考方案4】：

在C:\phonegap-2.9.0\lib\windows-phone-8 there's 中有一个名为createTemplates.bat 的批处理文件。您需要执行此文件，这将创建他们的文档中提到的CordovaWP8_2_9_0.zip 文件。

【讨论】：

我找不到 phonegap-3.3.0 的批处理文件。事实上，我找不到 windows-phone-8 文件夹。知道我做错了什么吗？【参考方案5】：

我在 phonegap 步骤上也很吃力。

正确的文档位于以下链接。 http://docs.phonegap.com/en/edge/guide_cli_index.md.html

没有更多的cordova命令，它被phonegap取代。

【讨论】：

【参考方案6】：

Phonegap Cordova Installation on Windows

要求

Eclipse + ADT 插件 Android SDK 工具 Android 平台工具 最新的 PhoneGap zip 文件夹。提取其内容。

支持的 Android 设备

安卓 2.2 安卓 2.3 安卓 4.x Phonegap Cordova 安装

为android设置PATH环境变量

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

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

    在系统属性窗口中点击环境变量按钮。

    从系统变量部分选择 PATH 变量。 选择编辑按钮。 您需要将路径添加到您的 Android SDK 平台工具和工具目录。例如： D:\adt-bundle-windows-x86_64-20130219\sdk\platform-tools;D:\adt-bundle-windows-x86_64-20130219\sdk\tools 保存您的编辑。关闭环境变量对话框。

    此外，您可能还需要将 %JAVA_HOME%\bin 包含到您的 PATH 中。要检查这是否是必需的，请运行命令提示符并键入 java。如果找不到该程序，请将 %JAVA_HOME%\bin 添加到 PATH。您可能需要指定完整路径，而不是使用 %JAVA_HOME% 环境变量。 最后，您可能还需要将 %ANT_HOME%\bin 包含到您的 PATH 中。要检查这是否是必需的，请运行命令提示符并键入 ant。如果找不到程序，则将 %ANT_HOME%\bin 添加到 PATH。您可能需要指定完整路径，而不是使用 %ANT_HOME% 环境变量。 设置新项目

打开命令提示符，导航到 Cordova 发行版的 android 子文件夹中的 bin 目录。

输入：./create

然后按 Enter。启动 Eclipse。在文件菜单项中选择导入…

Import 选择“Existing Android Code into Workspace”并点击“Next >”。

浏览通过命令提示创建的项目。然后点击“完成”。 部署到模拟器 在 Eclipse 中，按此工具栏图标。

Android SDK 管理器打开后会显示各种运行时库 根据需要从此处安装 API。 在 Eclipse 中，按此工具栏图标。

从出现的列表中选择和设备定义。 （当前列表中只有一项。） 在上面的窗口中按 New... 以创建新的 Android Virtual Device(AVD) 并使用它来运行您的项目。

要将模拟器作为单独的应用程序打开，请选择 AVD 并按开始。它在设备上的启动方式与在设备上的启动方式一样，并为硬件按钮提供了额外的控件：

部署到设备：

确保您的设备已启用 USB 调试并将其插入系统。 右键单击项目并转到运行方式 > Android 应用程序。

Read more ...

【讨论】：

【参考方案7】：

我有同样的问题，但最后我通过这样做获得了成功，请去扔这张图片 请运行 PHONE TOOL COMMAND PROMPT 中的所有命令

【讨论】：

嗨，Mayur。我试试你上面的方法。我在添加平台时遇到错误。在我输入科尔多瓦平台后添加 wp8。发生以下错误错误：在“bin”文件夹中找不到“check_reqs.js”，正在中止... @mayur - 对我也不起作用。我得到'cordova'不被识别，等等，等等，等等。我假设的路径问题。但是科尔多瓦在哪里？【参考方案8】：

这个答案首次发布在这里：cordova/phonegap does not make android directory

随着 Cordova 3.3.0 的发布，PhoneGap 团队似乎正在尝试解决命名混乱的问题。文档已更新以推荐人们改用cordova 命令。不要再使用 phonegap 命令了。

这是一个全新的安装指南，可确保设置无故障：

    安装 Cordova（从现在开始忘记名称 PhoneGap）。 对于 PC：

    C:> npm install -g cordova

    在命令提示符下，导航到要创建项目的文件夹：

    cordova 创建你好 com.example.hello HelloWorld
cd你好

    定义你想要支持的操作系统，例如：

    cordova 平台添加 wp8

    安装插件（如果需要）。例如，我们想要以下内容：

    科尔多瓦插件添加 org.apache.cordova.device 科尔多瓦插件添加 org.apache.cordova.camera 科尔多瓦插件添加 org.apache.cordova.media-capture 科尔多瓦插件添加 org.apache.cordova.media 最后，使用以下命令生成应用程序：
    cordova build wp8

这里是 PhoneGapCordova 3.3.0 文档的链接 http://docs.phonegap.com/en/3.3.0/guide_cli_index.md.html#The%20Command-Line%20Interface

【讨论】：

另外，您是否使构建命令正常工作？我可以在 Visual Studio 中构建，但不能从命令行构建。错误：D:\Project1\platforms\wp8\cordova\lib\build.js(56, 5) WshShell.Exec: The system cannot find the file specified. 不确定它在寻找什么文件。 在第 56 行你会发现 Log("Command: " + command); 被注释掉了。取消注释将打印出command，您将知道它在寻找什么文件。 在第 2 步中，我认为应该是“cd hello”，而不是“cd HelloWorld”。【参考方案9】：

在 Windows 上以管理员身份运行 CMD 让我继续前进，我认为这非常有意义，因为人们并没有真正努力将他们的东西安装在自定义目录中。因此，当您在 Windows 目录中安装 node.js，然后尝试在 Unelevated CMD 上安装 PhoneGap 时，很难设置路径变量。

【讨论】：

【参考方案10】：

我遇到了同样的问题。我浪费了几个小时，然后我看到安装的 node.js 版本是 0.8。但我从 node.js 网站下载并安装了 0.10 版本。

我重新下载安装，现在版本是0.10。结果：PhoneGap 已成功安装到此版本。

【讨论】：

【参考方案11】：

我在安装 phonegap 时遇到问题。当我以管理员身份运行 cmd 然后运行命令时，问题已得到解决

npm install -g phonegap

安装成功。

然后在安装它的目录中打开 cmd，然后运行命令 phonegap，它工作正常。 现在要更多地玩它:)

感谢所有这些帮助的朋友。

【讨论】：

【参考方案12】：

我找到了这个 Multi-Device Hybrid Apps for Visual Studio Documentation for CTP1.1 Last updated: May 29, 2014。

部分内容来自文档如下。

此版本支持为以下设备目标构建应用：

Android 4+（4.4 提供最佳的开发者体验） iOS 6 和 7 Windows 8.0（商店） Windows Phone 8.0

要求： 视窗 8.1

Visual Studio 2013 Update 2 - Professional、Ultimate 或 Premium 安装了以下可选功能：

用于维护 Windows 8 应用商店应用的工具 Windows Phone 8.0 SDK

其他系统要求因设备平台而异：

Android 模拟器最适合能够安装英特尔 HAXM 驱动程序的 PC

Windows Phone 8 需要支持 Hyper-V 的 PC 才能运行模拟器 为 ios 构建和使用 iOS 模拟器需要能够运行 Xcode 5.1 的 Mac

第三方依赖：

Joyent Node.js – 使 Visual Studio 能够与 Apache Cordova 命令行界面 (CLI) 和 Apache Ripple™ 模拟器集成 Git CLI – 仅当您需要为插件手动添加 git URI 时才需要

Google Chrome – 需要运行适用于 iOS 和 Android 的 Apache Ripple 模拟器

Apache Ant 1.8.0+ – 作为 Android 构建过程的依赖项是必需的

Oracle Java JDK 7 – 作为 Android 构建过程的依赖项是必需的

Android SDK – 作为 Android 构建过程和 Ripple 的依赖项是必需的

SQLLite for Windows Runtime – 需要将 SQL 连接添加到 Windows 应用程序（用于 WebSQL Polyfill 插件）

Apple iTunes – 将应用程序部署到连接到 Windows PC 的 iOS 设备时需要

【讨论】：

【参考方案13】：

Phonegap 对于新手来说可能有点棘手。我花了很多时间试图找到创建一个强大的 android 应用程序的最佳方法，该应用程序可以访问手机的本机功能。

This link 提供了一种使用 windows、html 和 javascript 创建 Phonegap android 应用程序的分步方法。

【讨论】：

以上是关于Phonegap Cordova 安装 Windows的主要内容，如果未能解决你的问题，请参考以下文章

Phonegap Cordova 安装 Windows

在 iOS 上安装 PushWoosh (PhoneGap/Cordova)

Cordova/Phonegap Android 目标：未安装 [已安装 Android Studio]

Hybird App——cordova(原PhoneGap)安装配置

Phonegap 1.5 (Cordova) ios childbrowser 根本无法打开

WINDOWS下PhoneGap(Cordova)安装笔记