BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

使用DXTREMExtreme Mobile构建跨平台多设备企业移动应用

| 作者 Anand Narayanaswamy 关注 0 他的粉丝 ,译者 廖煜嵘 关注 0 他的粉丝 发布于 2013年6月18日. 估计阅读时间: 7 分钟 | GMTC大前端的下一站,PWA、Web框架、Node等最新最热的大前端话题邀你一起共同探讨。

最近由DevExpress发布的DXTREME Mobile包括了PhoneJS和ChartJS类库,并支持Visual Studio 2012。PhoneJS是一个集合,包含了30个针对触摸优化的、基于JavaScript的UI部件,并支持单页应用(SPA)框架和KnockoutJS MVVM模式。

它还能自动检测所运行的平台,并根据平台应用对应的外观。此外,由PhoneJS开发的应用可以由PhoneGap编译成原生的包并提交到应用程序商店。

ChartJS JavaScript类库包括20个不同类形的图表,支持多轴及副轴。除了内置的动画和交互,它还包括量规指示器、标记和范围条。它也能让用户通过客户端API编程处理各种不同的图表。

DXTREME Mobile支持Visual Studio 2012并包含JavaScript项目类型,项目模板和向导。它也包括基于基于浏览器的设备模拟器,能让用户在集成了DXProxy云服务的Visual Studio中或在浏览器的调试器中调试应用,该云服务能从各种移动设备访问用户公开的本地连接点。此外,Courier app能iOS或在PhoneGap环境中对iOS或Android的应用进行测试。

InfoQ采访了DevExpress首席营销Dave Mendlen ,以了解更多关于DXTREME Mobile的信息。

InfoQ:DXTREME Mobile是否简化了app的开发?

目前全球有数十亿的移动设备,针对移动平台创建应用程序是新的商机。越来越多的企业采用这些设备,需求是明确的——Visual Studio开发人员必须能开发iPhone,iPad和Android应用。

这些应用程序也需要充分利用各个平台的相关优势,同时也使开发人员能够轻松利用工具和他们目前拥有的技术。这就是DXTREME所关注的——帮助现有的Visual Studio开发者进入移动应用程序开发领域。对Visual Studio开发人员来说,最有效的路线是使用现有的工具和专业知识,而不需要学习XCode集成开发环境和Objective C。

当我们考虑到集成Visual Studio模板和向导的DXTREME时,发现其单一代码库以多种设备为目标,并且得益于DevExpress Courier的高效生产力的特点,我们认为已经为企业进驻iPhone、iPad和Android平台提供了最快的途径。

InfoQ:是否可能使用DXTREME Mobile创建一个能跨iPad、iPhone、Android和Windows Phone的应用?

世界各地的Visual Studio开发人员面临着同样的挑战:如何在广泛的设备上传播应用和满足业务并保持专注于业务需求,而不用关心SDK和平台的差异。

值得庆幸的是,新型浏览器和象PhoneGap这样的工具,让开发者们可以使用JavaScript在新平台上开发应用,同时保留了iOS和Android上的原生外观和用户体验。该工具可帮助开发者针对多种设备使用同一代码库。丰富的HTML JavaScript的小部件能让应用看起来跟iPhone、iPad和Android的原生控件相差无几。

InfoQ:能与我们分享DevExpress Courier App的功能么?

Courier是非常酷的。设想下在移动设备上构建和测试应用程序的过程。在目标设备上运行应用程序可能很复杂且部署速度过慢。但随着Courier的出现,所有的痛苦都随之而去。

当构建应用程序时,只需简单地通过iPad、iPhone或Android从屏幕中扫描二维码,应用程序就会奇迹般地立刻在手机上运行。这真的是太神奇了。只要你的Visual Studio调试会话一直运行,该应用都能一直运行在设备上。

InfoQ: 是否可以使用Windows 7的内置设备模拟器?

可以。除了Android 手机和平板、iPhone和iPad,我们增加了对Surface和Windows Phone的支持。在Visual Studio中,你只需要简单地按F5运行应用,在显示的网页中显示了上述设备类型中每一款的模拟效果,使用Visual Studio 2010和Visual Studio2012,它同样能在Windows 7和Windows8运行。

InfoQMVVM在应用开发中的重要性是什么?

Model View ViewModel(MVVM)是一种架构模式,它能将用户界面的开发从业务逻辑即模型(或称数据模型)的开发中分离出来。视图模型从模型中暴露出数据对象以使它们更易于管理和使用。

从业务逻辑中分离界面能让设计人员和开发人员专注于用户体验,而不是业务逻辑,允许同时开发应用中的各个分层。即使只有一个开发人员开发整个应用程序,因为界面会经常改变,适当地从模型中分离视图的做法会更好,这样的影响将最减到最少。在DXTREME中,我们使用Knockout.js构建基于MVVM的UI,因此开发是十分容易的。

总之,DXTREME有助于创建出能满足企业需求和BYOD(ping Your Own Device,即在企业中使用个人设备)的功能强大的响应式移动应用。借助HTML、CSS3和JavaScript的力量,我们可以帮助开发人员交付观感和原生应用相同的业务解决方案,而不需要学习多种语言和框架。

查看英文原文:Build Cross Platform, Multi Device and Enterprise Ready Mobile Apps with Dxtreme Mobile


感谢杨赛对本文的审校。

给InfoQ中文站投稿或者参与内容翻译工作,请邮件至editors@cn.infoq.com。也欢迎大家通过新浪微博(@InfoQ)或者腾讯微博(@InfoQ)关注我们,并与我们的编辑和其他读者朋友交流。

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我
社区评论

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

讨论

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT