手把手教你用云服务构建移动应用(上)

日期: 2011-10-24 作者:Max Katz翻译:刘志超 来源:TechTarget中国 英文

你一定听过平台即服务(PaaS)或者是基于云的服务,如Google Apps Engine、CloudBees、Heruko、Engine Yard和Cloud Foundry。这些优秀的平台都可以轻松地对你部署的应用进行流程管理、维护和平台的管理。大多数倾向于托管主机和应用程序的管理端。但是,云服务如何构建一个应用程序,还有移动应用程序呢?如一个已经存在的服务。

基于云的服务,我们称它Tiggr移动应用程序构造器。   Tiggr是什么?   Tiggr是基于移动应用程序的构建器。它使你能够构建移动web和本地应用程序。Tiggr使用PhoneGap库可以得到一个本地应用程序。

Tiggr移动应……

我们一直都在努力坚持原创.......请不要一声不吭,就悄悄拿走。

我原创,你原创,我们的内容世界才会更加精彩!

【所有原创内容版权均属TechTarget,欢迎大家转发分享。但未经授权,严禁任何媒体(平面媒体、网络媒体、自媒体等)以及微信公众号复制、转载、摘编或以其他方式进行使用。】

微信公众号

TechTarget微信公众号二维码

TechTarget

官方微博

TechTarget中国官方微博二维码

TechTarget中国

你一定听过平台即服务(PaaS)或者是基于云的服务,如Google Apps Engine、CloudBees、Heruko、Engine Yard和Cloud Foundry。这些优秀的平台都可以轻松地对你部署的应用进行流程管理、维护和平台的管理。大多数倾向于托管主机和应用程序的管理端。但是,云服务如何构建一个应用程序,还有移动应用程序呢?如一个已经存在的服务。基于云的服务,我们称它Tiggr移动应用程序构造器。

  Tiggr是什么?

  Tiggr是基于移动应用程序的构建器。它使你能够构建移动web和本地应用程序。Tiggr使用PhoneGap库可以得到一个本地应用程序。Tiggr移动应用程序构造器的优点是不用下载、安装、配置或者设置。在Tiggr中建立一个新的移动应用程序使用的时间比传统方法少。Tiggr在配置项目的各种库时为开发者节省了不少的时间。

  用jQuery Mobile构建移动界面

  Tiggr使用jQuery Mobile组件:这是一个跨平台和跨设备的移动组件。因为你已经从屏幕截图上看到,左侧移动调色板含有所有组件,你可以非常容易的把它们拖到手机上。

用jQuery Mobile构建移动界面

  你可以重新排列组件或者是设置属性。强大的Grid组件可以简化构建复杂应用程序的布局。一个应用程序肯定会有很多界面。

  添加HTML事件和行为

  你可以在Tiggr中构建真实的移动应用。为了使它能够构建真实的移动应用,我们需要能够定义HTML事件,如点击和值的变化,为事件添加一个调用行为。这个行为可以导航到另一个界面、打开一个弹出窗口、设置JavaScript变量、或者是引用客户的JavaScript。

  看一下定义HTML事件:

定义HTML事件

  引用客户的JavaScript行为是一个强大的特性,因为它允许你在Tiggr初始化参数之外编写你的应用程序。你可以编写并引用客户的JavaScript代码,引用PhoneGap API访问设备的特性,或者是导入其他第三方类库,并在你的应用程序中使用。例如,这里有一个使用PhoneGap API的例子,使手机震动2秒:

以下是引用片段:
navigator.notification.vibrate(2000);

  定义REST服务并在屏幕中使用

  什么是没有数据的应用?你可以在Tiggr中定义并使用任何可用的REST服务。建立一个REST服务通常要设置服务的URL,然后定义服务的输入和输出。例如,点击URL,http://search.twitter.com/search.json?q=html5, 可以看到从Twitter的搜索REST服务的结果。在这个例子中,输入是q,输出是你在Web浏览器上看到的内容。

  指定REST服务的URL:

指定REST服务的URL

  指定REST服务的输入:

指定REST服务的输入

  指定REST服务的输出:

指定REST服务的输出

  服务定义完之后,可以在屏幕中使用它,特殊的数据资源组件必须关联屏幕。数据资源组件关联完后(通过拖、拽到屏幕上),它用来指定界面输入组件的映射,为服务提供输入数据。当服务执行完后,数据资源用来指定结果的映射,并作为输出返回的截面组件上。

输出返回的截面组件

  在《手把手教你用云服务构建移动应用(下)》中,我们将继续为您介绍相关内容。

作者

Max Katz
Max Katz

相关推荐