手把手教你用云服務構建移動應用
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的移動原型。現在看來,這是很酷的事情。































