【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译者!】