2013-05-03 72 views
2

我正在使用three.js,HTML5和JQuery Mobile开发游戏。我最终会使用PhoneGap来将我的代码编译成一个应用程序,我将上传到Google Play和Apple App Store。我需要的是某种IDE,它允许我在手机上进行开发时测试游戏,以便了解它是如何作为应用程序运行的。我不知道在手机浏览器或模拟器上检查是否是最好的方法。我想知道我的应用程序的运行方式,比方说,Android设备,以便我可以确保将其部署到商店后,它将按预期工作。用于测试和调试HTML5手机游戏的开发平台/仿真器

我更喜欢视觉工作室的东西,但任何其他IDE /开发平台,有一个很好的方法来模仿甚至直接在我的实际Android设备上运行我的代码会很好。我希望能够测试游戏以看到它与手势一起工作的热点,所以能够在我的手机上运行它会是更好的解决方案。

同样,我更喜欢Visual Studio的东西,但其他任何IDE/Emulator也可以。

感谢

回答

1

恕我直言调试PhoneGap的应用程序的最佳工具是纹波,即一款Chrome扩展程序模拟的PhoneGap的的JavaScript API: http://phonegap.com/blog/2012/08/10/introducing-phonegap-emulation/

一些API没有尚未覆盖,但它仍然是一个节省大量的时间。您可以使用Chrome的开发人员工具来调试您的JavaScript代码。 波纹显然不能取代真实设备上的测试。

而不是使用URL的建议的文章(http://emulate.phonegap.com?your_url_here)我打开 的http://本地主机/ MY_PROJECT/ (它指向WWW /资产/我的项目的index.html文件,我使用apache,但任何Web服务器都可以),然后启用纹波(右键单击| Emulator | Enable)。

涟漪变了!它不再是Chrome扩展。在http://www.raymondcamden.com/index.cfm/2013/11/5/Ripple-is-Reborn
从另一个博客非常有用的另一个帖子是http://www.raymondcamden.com/index.cfm/2013/11/7/Using-Grunt-to-automatically-build-your-PhoneGapCordova-projects
这将解释如何使用grunt来节省时间,同时使用波纹。

对于应用程序开发我第二个Gajotres的答案,我也使用eclipse。

1

首先让从Visual Studio启动,不,你不能用它,在理论上是的,但在实践中没有。虽然您可以在Visual Studio中使用VSNomad创建混合Android应用程序,但您需要每月支付25/35美元才能使用它。即便如此,你将无法使用Phonegap插件。如果金钱和插件不存在对您而言不是问题,那么请使用此解决方案。

在其他任何情况下,让我们看看其他解决方案。因为您正在使用Windows平台让我们讨论兼容解决方案。

目前用于Android应用开发的最佳Windows IDE(无论是原生应用还是混合应用)都是Eclipse。优秀的IDE,如果你不介意Java在后台。但是你不需要手动安装所有东西,Google已经处理好了。您只需转至此link并下载/解压缩预装Android SDK的Eclipse。安装完成后,您只需更新/安装其他Android版本。

为了做到这一点:

打开Eclipse - >单击窗口 - > Android的SDK管理器和下载 需要的版本。

从那里,你可以创建新的Android项目(遵循this教程,这是一个很好的一个)。基本上你会创建一切,就像你创建一个Phonegap应用程序,但没有Phonegap的东西(一切都在tutirial中描述)。

从这里你可以在模拟器上测试你的应用程序,或者如果你有和Android手机ypu可以直接在你的手机上测试它(这是你需要的)。在您将手机用作测试机器之前还有一步。您需要在手机上进行一些更改。

  1. 允许安装第三方应用程序(应用程序不是在谷歌Play商店中找到),教程,可以发现here
  2. 你手机必须打开USB调试模式,教程可以找到here
  3. 手机驱动程序必须在计算机上安装(例如,如果你有一部三星手机,你需要安装Kies软件)
+0

对于那些使用三星手机(例如Galaxy Nexus i9250)的用户:您不需**需要安装包含不必要的额外工具的* Kies *软件。只需谷歌的[电话名称]驱动程序,你会发现一些论坛帖子有一个链接,用于下载驱动程序(只* * *!)。 – ComFreek 2013-05-03 19:16:08

0

我发现Eclipse的是相当穷的时候我不得不处理网技术,如HTML和Javascript。请记住,这些是使用Phonegap/Cordova时的主要技术。

如果您在应用程序的本机端(Android上的Java,iOS上的Objective-C等)上不需要太多支持,我推荐使用Brackets,Sublime Text 2或WebStorm作为html5的顶级IDE叠加。甚至可以使用一些最新的在线IDE与github集成。

现在,如果您确实需要本地支持,我会使用Intellij IDEA for Android(或者您可以将Eclipse与以上任何Web IDE混合使用)。你在iOS上没有太多的选择,但AppCode可以缓解处理Xcode的痛苦。