DSP

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

2019-07-13 20:49发布

申请达人,去除赞助商链接 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 3JQuery 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/