Titanium基礎知識:Mobile Web開發入門
譯文【51CTO獨家譯文】本文為Appcelerator公司最新的官方教程《Titanium基礎知識:Mobile Web開發入門》。
以下為全部譯文:
Mobile Web發行候選版在不斷加以改進,每天在消除新的軟件錯誤,增添新的改進之處。為了最充分地利用Mobile Web發行候選版,我們建議你在構建Mobile Web應用程序時,下載和利用最新的持續集成版本(IC build)。
你可以從這里獲得最新的持續集成版本。
想了解如何安裝持續集成版本,請參閱介紹如何安裝Titanium SDK持續集成版本的這篇維基文章。
創建新的項目
為了創建在MobileWeb平臺上運行的一個Titanium移動項目,請完成針對其他任何平臺(iPhone/iPad和安卓)所需的同樣一些步驟。請注意:你得記住為這類項目選擇“MobileWeb”選項。
就這個例子而言,我們將通過“CreateNew Mobile Application”(創建新的Mobile應用程序)對話框,利用可用的“Tabbed Application Template”(選項卡式應用程序模板),創建一個應用程序。提供了必要的信息后,選擇上面對方框里面的“Next”(下一步),而不是選擇“Finish”(完成)。在“Project Template”(項目模板)對話框里,選擇選項卡式應用程序模板,然后選擇“Finish”(完成)。
一旦該應用程序創建完畢,你可以看到:應用程序的結構與iOS或安卓應用程序一模一樣,只是多了針對特定平臺的mobileweb文件夾。正如與安卓和iOS一樣,你可以使用該文件夾來存儲針對特定平臺的資源。
不妨參閱關于MobileWeb Assets的這篇維基文章。
查看和測試
Titanium Studio包含一個集成的Web服務器,你可以將它用于開發者級別測試(這時你可以測試自己開發的程序)。你可以利用該服務器,在安裝到電腦上的瀏覽器里面測試你創建的Mobile Web項目,或者放置可從仿真器或模擬器里面訪問的頁面。為了在瀏覽器里面查看你的應用程序,請從Titanium Studio的App Explorer菜單中選擇“Run”(運行)> “Mobile Web Preview in Browser”(瀏覽器中Mobile Web預覽)。
你準備好開始測試MobileWeb應用程序時,我們建議先在桌面瀏覽器中進行測試。Safari和Chrome是我們推薦的用來測試的瀏覽器。之所以先在桌面瀏覽器中進行測試,是因為這可以充分利用桌面瀏覽器里面可供使用的Web審查工具和瀏覽器調試工具。由于你的Mobile Web應用程序使用HTML和CSS代碼,所以使用瀏覽器控制臺來測試和調試Mobile Web應用程序與測試和調試其他任何Web應用程序沒什么兩樣。
部署項目
Titanium Mobile Web應用程序旨在從Web服務器端來運行。你可以從瀏覽器將它作為一個本地文件來成功地運行,但不是一切都會正常工作。你可以使用如圖所示的Deploy(部署)菜單來封裝你的應用程序,然后指定一個本地目錄——Studio將把你項目的文件拷貝放入到該目錄中。然后,你要把那些文件上傳到Web服務器,以便大家訪問。
部署到Web服務器時要牢記一點:如果你的應用程序使用Ti.Network.HttpClient與不同的網站進行聯系,那么要么那些網站啟用CORS(跨域資源共享),要么你在Web服務器上建立一個代理系統,并啟用CORS。
原文地址:http://developer.appcelerator.com/blog/2012/05/getting-started-with-mobile-web.html
【51CTO譯稿,非經授權謝絕轉載,合作媒體轉載請注明原文出處、作者及51CTO譯者!】