通过Intel XDK编写跨平台app(一)

• 
  #原创
• 
  HTML5
• 
  jQuery
• 
  javascript
• 
  iOS
• 
  Android

申请达人，去除赞助商链接

Intel XDK 是一个新的跨平台手机应用开发工具。它努力把整个开发流程变的简单，尽可能把所有的平台都封装到一个包中，通过收集各种开发工具来使你的开发变的简单。

在这篇文章中，我将会向你介绍什么是Inter XDK，和它是如何通过HTML5来让你构建一个跨平台的app。它的接口非常简单，但是有别于其它的IDE，不过你不用担心，我将会一步一步的告诉你所有你需要知道的事情。

安装

你可以在Inter XDK的官方网站中找到安装包。它支持Windows, Linux和Mac。 当你第一次使用，你需要创建一个帐号，通过这个帐号，你可能随时把你的项目保存在云端。

提示：我在Debian上安装Intel XDK的时候出现了一些状况，当然在Debian的衍生版Ubuntu上也同样会出现这些状况。我没有试其它的版本，所以我不知道其它版本上安装的过程中有没有什么问题，如果你遇到了，不妨在评论中告诉我。

工作流程

我喜欢XDK IDE的原因是它包含了从创建到发布几乎所有实用的开发工具，开发、仿真、测试、调试、分析和构建都包括在内。除了这些它还包含了一些第三方的服务，而且所有的功能都被组织在7个选项卡里，非常易用。

其中开发选项卡是你最需要了解的地方，开发过程中你的大部分时间会花在这里。你可以通过拖拉来设计界面，也可以通过纯编码方式，编码方式是基于Bracket editor这个HTML5构建的开源的编辑器，Bracket是由Adobe开发的。可拖拉的设计原型可以选择App Designer或者App Starter。App Starter是为初学者提供的一个简单的工具，它只支持 App Framework。App Designer则是一个更全面的工具，它支持App Framework,Bootstrap 3, JQuery Mobile 和 TopCoat。你也可以同时选择两种开发方式，我个人没有使用图形化的构建方式，我觉得这样会减少很多没用的代码。我喜欢从零开始，这样代码的可维护性会更强，如果你和我一样，你还需要一个可实时预览的设备，你必须要有这样一个工具。

第二个选项卡是虚拟机选项卡。这个虚拟机是基于 Apache Ripple。它是Chrome浏览器的一个API， 它运行Cordova 和 Intel XDK Apis. 可以通过任何尺寸的屏幕来对你的应用进行测试。你可以轻易地选择不同的设备来模拟测试。 Intel完善了这个Chrome开发者工具，使它可以实时Debug并检测前端代码。从界面上看它和第一个选项卡差不多，但是屏幕正中间有一个醒目的手机屏幕。

测试功能使开发效率变的更高，每次你想测试的时候也不需要构建应用程序。你只需要下载这个应用程序的预览到你的测试机中（手机，平板电脑等），它可以是IOS，Android或者WindowPhone。你有两种选择，第一种是通过服务器将应用进行推送，另一种就是使用Wifi，将你的电脑和移动设备进行连接。第二种方式会快一些，因为你不用在服务器和移动设备中不停的push和pull。

调试的选项卡只支持Android4.x之后的设备，它是通过Usb调试。这个调试功能使用了Chrome开发者工具，并进行了深度的开发。在这个页面中，你可以看到如何使用的教程。 

Intel XDK运行构建Android, IOS, Windows 8, Windows 8 Phone, Tizen, Firefox OS和 Amazon应用。它同样支持构建Facebook和Chrome Web app。

构建是项目开发流程早期的工作，你需要做的是配置应用的信息，不同的平台需要配置不同的东西，比如IOS需要你配置你的IOS开发者帐号。我喜欢Inter XDK还有一个原因是它提供了很多私人的项目，Phonegap就是其中一个免费的云构建项目。

最后要说的是服务这个选项卡。在这个选项卡中，你可以看到各种附加的服务，包括广告、数据分析、推送和社交组件。多少开发者期待的事情就这么简单的被实现了，在开发的时候就能在IDE中顺便把这些后期的东西顺便弄好简直是太幸福。

总结

HTML5离我们越来越近，它也变得越来越强大，它一定会在移动开发中大放异彩。每天都有新的工具和新的公司来助长HTML5的发展趋势。世界上最著名的科技公司之一英特尔已致力于混合移动应用的开发，这将大大助长HTML5开发者的信心。在以后的文章中我从一个简单的项目说起，告诉你如何使用Intel XDK开发一个跨平台的应用。

继续阅读：通过Intel XDK编写跨平台app(二)

还在用视频方式在线学习编程吗？尝试一下极客标签的互动课程库吧！

英文原文地址：http://www.sitepoint.com/introduction-intel-xdk/