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秒:
以下是引用片段:
- 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的移动原型。现在看来,这是很酷的事情。