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

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

Tiggr是什么?

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

用jQuery Mobile构建移动界面

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

 

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

添加HTML事件和行为

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

看一下定义HTML事件:

 

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

以下是引用片段:

  1. 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服务的输入:
 

 

指定REST服务的输出:
 

 

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

 

测试应用程序

这是Tiggr最具创新的特性之一。在应用程序的开发期间,可以在浏览器和移动设置上测试它。启动后,第一个组件出现在屏幕上,点击测试按钮,就会在默认的浏览器上打开应用程序。你就可以看到应用程序的样子了。

这是Tiggr中的测试窗口:

 

在桌面浏览器中测试肯定是很伟大的事情,但是,那不是应用程序运行的地方,对吗?你想在移动设备的浏览器上测试它。为了在移动设备上得到应用程序,使应用程序是公开的。这时,你会有一些选项:

◇ 发送应用程序的URL到移动设备

◇ 扫描QA码(用QA扫描仪)

◇ 在移动浏览器中输入URL

下面是在桌面移动浏览器测试的结果:

 

测试本地应用

你会认为在web浏览器(桌面或移动)上测试一切都很好,但是,仅仅是构建移动web应用。我们怎样能看到,使用PhoneGap API访问设备时发生了什么呢?在web浏览器测试是不会显示的。

Tiggr移动测试仪应用(Android和iOS)旨在移动设备上简化本地应用的测试。在设备上安装后,输入Tiggr帐号,你的移动应用程序会显示出来。只需点击一个应用,本地的应用程序就会启动。

下面是Tiggr Mobile测试仪的结果:

 

这是一个很棒的测试本地应用程序的方法。你不需要每次都安装应用程序,你需轻按,就可以得到最新的本地应用程序的版本。

导出应用程序

完成应用后,你可以导出应用为移动Web(HTML,、avaScript、CSS)或者是本地。本地选项,你可以把每一个Android或iOS 源码和PhoneGap的配置导入到Eclipse项目。这可以让你在Tiggr外继续工作。Android选项,你可以生成发布包(.apk文件),并 可以发布到Android Market。

需要一个BlackBerry应用?导出为HTML/JavaScript/CSS,使用honeGap Build,为BlackBerry或者其他PhoneGap支持的平台,构建一个本地应用。

 

社交应用程序的开发

在Tiggr中有内置的社交的特性。不仅可以共享测试应用的链接,还可以邀请与你工作和协作的人。用户可以同一时间或不同时间工作在应用程序上。也有内置的聊天特性。基本上,你可以得到Google Docs的移动原型。现在看来,这是很酷的事情。

责任编辑:佚名 来源: TechTarget中国
相关推荐

2015-07-20 14:15:28

Spring ClouDocker微服务

2021-06-23 07:16:06

buildroot Linux内核根文件系统

2021-08-09 13:31:25

PythonExcel代码

2022-10-19 14:30:59

2011-03-28 16:14:38

jQuery

2021-02-04 09:00:57

SQLDjango原生

2021-02-06 14:55:05

大数据pandas数据分析

2022-08-04 10:39:23

Jenkins集成CD

2009-04-22 09:17:19

LINQSQL基础

2021-01-21 09:10:29

ECharts柱状图大数据

2021-05-10 06:48:11

Python腾讯招聘

2021-01-08 10:32:24

Charts折线图数据可视化

2020-03-08 22:06:16

Python数据IP

2021-08-02 23:15:20

Pandas数据采集

2021-12-11 20:20:19

Python算法线性

2021-02-02 13:31:35

Pycharm系统技巧Python

2017-10-27 10:29:35

人脸识别UbuntuPython

2021-06-05 23:51:21

ECharts气泡图散点图

2009-08-27 18:10:58

PHP绘制3D图形

2017-10-29 21:43:25

人脸识别
点赞
收藏

51CTO技术栈公众号