Phonegap Cordova安装Windows


120

phonegap / cordova的文档绝对可怕。我要做的就是在Windows环境中安装PhoneGap 3.0,但没有成功。

以下是我的步骤和失败要点。谁能提供解决方案的建议?

根据指示

  1. 安装Node.js(成功)
  2. 从nodes.js :(install -g cordova成功)
  3. 添加平台:(cordova platform add wp8什么都不会发生)
  4. 尝试使用phonegap :(phonegap install wp8找不到错误的项目目录)

摘自《Windows Phone 8平台指南

  1. 安装Windows SDK(SUCCESSFUL)
  2. “下载并提取[PhoneGap的最新副本。您将在lib \ windows-phone-8 \ wp8子文件夹中工作,lib \ windows-phone-8 \ wp7包含Cordova的Windwos Phone 7版本。”

??!?!目录在什么位置?!?!因此,我发现AppData \ Local ...中隐藏了未记录的phonegap目录,并且存在一个libs目录,但是当然没有任何WP8子文件夹。一个从哪里安装?大概是上面的add platform命令,但是add只是使我返回到新的命令提示符。

使用phonegap命令尝试过: phonegap plaform add wp8

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

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


它提到您需要使用cordova create hello com.example.hello HelloWorld要在其中包含代码的目录创建应用程序,然后cordova platform add wp8在您刚刚创建的项目目录中运行。
dfockler

5
我完全同意,我只花了六个小时的周末来努力使它正常工作。我过去曾经使用它,然后对其进行设置并不困难,但“新改进” cli的处理方式与提供的说明不兼容。第一部分告诉您安装和使用phonegap命令,然后转到android部分,然后切换为使用cordova命令。令人沮丧的是,即使sdk已安装在我的机器上,我也从未想出如何使其能够识别android平台。
2013年

7
写作的质量并没有让我感到困扰,因为文档似乎从未经过测试并且是错误的。
Erik Reppen 2013年

3
似乎文档在某些地方也是矛盾的。在一页上,它说一种方法,而在另一页上,它描述了一种完全不同的方法!我将Android Developer Tools的Phonegap扩展部分作为按钮(在Eclipse中)使用起来很不错。现在,升级ADT之后,它就消失了。我运行了添加Android的phonegap平台,但是与wp8一样,什么都没发生。为什么我们不能仅将其下载为zip?还是使用git clone?
布鲁斯·惠顿2013年

我写了一篇文章,提供有关如何安装phonegap的逐步说明。它是为Android设备量身定制的,但唯一的区别应该是Windows / Android SDK部分:kapitanh.blogspot.de/2014/02/native-android-apps-with.html
Kai Hartmann

Answers:


131

经过数小时的挫折...这就是我发现的东西。

  1. 忽略安装文档和所有命令行中的node.js内容(严重的是,您将在此浪费数小时。
  2. 转到github并只需下载PhoneGap主.zip
  3. 在该zip文件中是用于Windows Phone等平台的项目文件...只需使用这些模板即可。

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


7
使用该文档将允许您www为所有平台提供一个“全局” 文件夹。
贾斯汀D.

3
我敢肯定,为此,我省下了很多麻烦。此外,对于任何为Android设置Phonegap的人来说,这都是一个绝佳的资源:链接
Oliver Holmberg

你是认真的吗?这是真的吗?我不知道该生气还是很高兴。我也可以在没有命令行的情况下添加插件吗?而且这仍然适用于非常不同的Phonegap 3.0吗?
Wytze 2013年

弗里贡的描述非常棒,但是您应该提到应该执行createTemplates.bat来生成zip文件,这些文件是要复制到template文件夹的东西。
Hexodus

Hexodus,似乎没有在任何地方记录此步骤,或者至少一点都不十分清楚。可以想象,从一个页面开始运行cordova命令,然后转到另一个页面,该页面显示使用phonegap,或者是另一种方式,这非常令人困惑。奥利弗,您的链接很棒,页面非常清晰。但是我几乎忽略了链接。我开始思考,“什么是极好的资源?” 然后我偶然发现了链接,并找到了很好的资源。恕我直言,我建议从出色的资源到链接,一切都是链接,恕我直言。
布鲁斯·惠顿2013年

54

我遇到了同样的问题,花了一个小时的时间才能通过阅读文档和Stack Overflow中报告的其他问题来解决问题,但是我没有找到任何答案。因此,这是在Windows Machine中成功运行phonegap / cordova的指南。

跟着这些步骤

  1. http://nodejs.org/下载并安装node.js
  2. 运行命令npm install -g phonegap(在安装phonegap的情况下)或运行命令npm install -g cordova(在安装Cordova的情况下)。
  3. 安装完成后,您会注意到以下几点:

    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
    ├──打开@ 0.0.3
    ├──颜色@ 0.6.2
    ├──semver@1.1.0
    ├──shelljs@0.1.2
    ├──follow-redirects@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(继承@ 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)
    ├──提示@ 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(方法@ 0.0.1,fresh @ 0.1.0,range-parser @ 0.0.4,crc @ 0.2.0,cookie @ 0.0.4,commander @ 0.6.1,debug @ 0.7 .2,mkdirp@0.3.3,send@0.1.0,connect@2.6.0)
    ├──涟漪模拟器@ 0.9.18(connect-xcors@0.5.2,颜色@ 0.6.0-1,计费@ 0.3.2,请求@ 2.12.0,矩@ 1.7.2,快递@ 3.1.0 )
    ├──npm@1.3.11
    └──Plugman@0.11.0(ncallbacks@1.1.0,osenv@0.0.3,bplist-parser@0.0.4,下划线@ 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)
    
  4. 注意上面的行,您可以看到提到文件的路径。复制该路径。就我而言,就是C:\Users\binaryuser\AppData\Roaming\npm\cordova这样使用cd C:\Users\binaryuser\AppData\Roaming\npm\和输入cordova。在那里,它终于可以工作了。

  5. 由于-g键值不起作用,因此您已经设置了“环境变量”路径:
    1. Win+ Pause|Break或右键单击Computer并选择Properties
    2. 单击Advanced system settings左侧。
    3. Environment VariablesAdvanced标签下单击。
    4. 选择PATH变量,然后单击确定Edit
    5. 将上述路径复制到value字段,然后按OK

7
还要注意,如果您以管理员身份安装node.js,并且您的用户在Active Directory下具有有限的权限,则应以用户身份而不是以管理员身份运行“ npm install -g phonegap”,否则将在管理员的身份下创建文件漫游文件夹,您的用户将无法访问它们。您可以在管理员下“ npm卸载phonegap”,然后在这种情况下以用户身份再次安装。
vicenteherrera

1
请注意,您需要使用Node.js command prompt,而不是内置的Windows cmd.exe
13年

2
@gotnull我赞成你的议案。
杰伊·杰伊

2
当我尝试使用node.js命令提示符时,出现一个错误,指示我使用系统终端。这是针对Node.js v0.10.26的。
约翰·梅肯2014年

此答案准确说明了官方说明中的内容,该方法有效,但这不能回答wp8模板部分。使用npm安装cordova / phonegap时,找不到wp8文件夹或createTemplates.bat文件,这主要是问题所在。
MatthieuHarlé2014年

18

这个答案首先在这里发布:cordova / phonegap不会进入android目录

随着Cordova 3.3.0的发布,PhoneGap团队似乎正在努力解决命名混乱问题。文档已更新,以推荐使用该cordova命令的人员。不再使用该phonegap命令。

这是全新的安装指南,可确保无故障设置:

  1. 安装Cordova(从此以后忘记名称PhoneGap)。对于PC:

    C:> npm install -g科尔多瓦

  2. 在命令提示符下,使用以下命令导航到要创建项目的文件夹:

    科尔多瓦创建你好com.example.hello HelloWorld
    cd你好

  3. 定义您要支持的操作系统,例如:

    科尔多瓦平台添加WP8

  4. 安装插件(如果需要)。例如,我们需要以下内容:

    cordova插件添加org.apache.cordova.device
    cordova插件添加org.apache.cordova.camera
    cordova插件添加org.apache.cordova.media-capture
    cordova插件添加org.apache.cordova.media
    

  5. 最后,使用以下命令生成应用程序:
    科尔多瓦建立WP8

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


1
另外,您使build命令起作用了吗?我可以在Visual Studio中构建,但不能从命令行构建。错误:D:\Project1\platforms\wp8\cordova\lib\build.js(56, 5) WshShell.Exec: The system cannot find the file specified.不确定要查找的文件。
亚特兰蒂斯2014年

1
在第56行,您会发现已Log("Command: " + command);注释掉。取消注释它会打印出来command,您将知道它要查找的文件。
爱德华·格雷希

在步骤2中,我相信它应该是“ cd hello”,而不是“ cd HelloWorld”。
Jarnal 2014年

6

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

请按照以下步骤进行操作。

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

4

Windows上的Phonegap Cordova安装

要求

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

支持的Android设备

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

为Android设置PATH环境变量

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

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

  3. 在系统属性窗口中,单击环境变量按钮。

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

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

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

输入:./create

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

导入选择“将现有Android代码放入工作区”,然后单击“下一步>”。

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

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

从随附的列表中选择和设备定义。(当前列表中只有一项。)在上面的窗口中按New…以创建新的Android虚拟设备(AVD)并使用它来运行您的项目。

要将仿真器作为单独的应用程序打开,请选择AVD,然后按Start。它会像在设备上一样启动,同时具有用于硬件按钮的其他控件:

部署到设备:

确保在设备上启用了USB调试,然后将其插入系统。右键单击项目,然后转到运行方式> Android应用程序。

阅读更多 ...


2

我在安装phonegap时遇到问题。当我以管理员身份运行cmd然后运行命令时,问题已修复

npm install -g phonegap

并成功安装。

然后在安装它的目录中,打开cmd,然后运行命令phonegap,它运行正常。现在将更多地使用它:)

感谢所有这些帮助。


2

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文件夹。知道我在做什么错吗?
MysticMagicϡ

1

我遇到了同样的问题,但最终通过此操作我获得了成功,请扔这张图片Plase在PHONE TOOL COMMAND PROMPT中运行所有命令 在此处输入图片说明


嗨,Mayur。我尝试使用您的上述方法。我在添加平台时出错。我键入cordova平台后,添加wp8。发生以下错误错误:在'bin'文件夹中找不到'check_reqs.js',正在中止...
Gurunathan 2014年

@mayur-对我也不起作用。我得到“ cordova”未被识别,等等,等等。我认为是路径问题。但是科尔多瓦在哪里?
schmidlop

1

我发现此 针对Visual Studio CTP1.1的Visual Studio文档多设备混合应用程序:最近更新:2014年5月29日

文档中的一些内容如下。

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

Android 4+(4.4提供最佳的开发人员体验)iOS 6和7 Windows 8.0(商店)Windows Phone 8.0

要求: Windows 8.1

Visual Studio 2013更新2-专业版,旗舰版或高级版,安装了以下可选功能:

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

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

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

Windows Phone 8需要具有Hyper-V的PC才能运行iOS模拟器构建,而使用iOS Simulator则需要能够运行Xcode 5.1的Mac。

第三方依赖关系:

Joyent Node.js –使Visual Studio与Apache Cordova命令行界面(CLI)和Apache Ripple™Emulator 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的依赖项

Windows运行时的SQLLite –向Windows应用程序添加SQL连接所需(对于WebSQL Polyfill插件)

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

在此处输入图片说明


0

在Windows上以管理员身份运行CMD使我步入正轨,我认为这非常有意义,因为人们并没有真正努力将其内容安装在自定义目录中。因此,当您在Windows目录中安装node.js并尝试在Unelevated CMD上安装PhoneGap时,很难设置路径变量。


0

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

我再次下载并安装,现在的版本是0.10。结果:PhoneGap已成功安装了该版本。


0

对于新生,Phonegap可能会有些棘手。我花了很多时间试图找到创建健壮的android应用程序的最佳方法,该应用程序可以访问手机的本机功能。

此链接提供了使用Windows,html和javascript创建Phonegap android应用程序的分步方法。


By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.