BT

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

Mobl——用于创建HTML移动应用程序的新DSL

| 作者 Abel Avram 关注 7 他的粉丝 ,译者 侯伯薇 关注 0 他的粉丝 发布于 2011年2月13日. 估计阅读时间: 5 分钟 | GMTC大前端的下一站,PWA、Web框架、Node等最新最热的大前端话题邀你一起共同探讨。

Mobl是一种外部DSL,它的目的是要把代码编译到HTML5中,从而为移动设备创建跨浏览器的应用程序。Zef Hemel已经在WebDSL项目的启发下把它开发出来了,作为模型驱动工程和领域特定语言博士论文的一部分。InfoQ与Hemel进行了一次讨论,试图发现使用这种方法与编写移动应用更多相关的内容。

Mobl使用一种与JavaScript非常类似的脚本语言实现了静态类型的推断语言。该语言拥有以下顶级结构: 实体(entities)、类型(types)、函数(functions)、控件(controls)、屏幕(screens)、样式(styles )和设备(services)。实体是在本地存储中持久化的数据元素,而类型是一种供我们使用的不稳定的数据。函数与那些定义在JavaScript以及能够调用JavaScript代码的语言中的函数类似。UI是由屏幕组成的,屏幕中包含各种组件以及容器控件,并且在控件上会有附加的事件处理器。“Hello World”示例类似于下面这样:

screen root() {
header("Hello world")
}

这里是另一个使用自定义控件的示例:

// Custom control:
control sayHello(name : String) {
  label(name) // using the label control
}

screen root() { // Main module definition
  sayHello("Hello World") // using my custom control
}

我们会发现,UI并没有遵循MVC模式,控件可以包含本地的状态和逻辑。尽管我们可以这么做,但是Hemel还是建议“把所有复杂的逻辑放到函数中,并且不要把那些函数放在用户界面代码中。” The UI’s look and feel is created with styles similar to CSS.

Mobl拥有创建面向Web服务接口的内建语法。以下是用于获取Twitter趋势主题的服务示例:

service Twitter {
resource trends() : JSON {
uri = "/_proxy/api.twitter.com/1/trends.json"
}
}

数据是以JSON格式在应用程序和服务之间传递的,JSON是“Mobl的动态类型的子类型,是一种特殊的类型,能够让你程序的各个部分使用动态类型定义,”这是文档(PDF)中所说的。

所有使用Mobl编写的代码在保存每个文件的时候会自动编译到HTML5的元素之中。应用程序能够在支持HTML5的浏览器上运行,浏览器需要支持以下HTML5特性:

本地缓存

地理位置(mobl::location),这样你可以请求用户当前的GPS位置

画板(mobl::canvas),用于基本的2D绘画

通知(mobl::notify): 屏幕上的通知。(尽管没有太多浏览器支持)

加速计(mobl::accelerometer): 读取移动设备的加速计数据(当前只在iPhone和iPad上有效,其它平台暂时还不支持这个API)

WebSockets(mobl::socket): 使用socket.io与服务器进行数据流形式的通信。

Hemel说,它当前专注于让Mobl能够在基于WebKit的浏览器工作,因为那些浏览器在移动设备上实现了最多的HTML5特性,但是对于让它在Firefox和Opera上工作也做了一些努力,并且,当windows Phone7支持HTML5的时候,也会扩展到那上面。Mobl应用程序可以直接部署或者通过PhoneGap部署:

我们可以使用PhoneGap部署Mobl应用程序。PhoneGap让你可以使用web技术为各种平台——包括iOS、Android、Windows Mobile和BlackBerry等——构建本地应用程序。我正在做的一件工作就是要封装专门针对PhoneGap的API,从而以Mobl库的形式访问电话功能,像访问照相机以及电话的联系人列表等等。这项工作进展良好。

Mobl还带有Eclipse插件,让我们可以在Windows、Linux以及Max OS上开发应用程序,并且已经基于MIT许可发布了。

查看英文原文:Mobl – A New DSL for Creating HTML5 Mobile Applications

评价本文

专业度
风格

您好,朋友!

您需要 注册一个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