加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

HTML5-在Mac上搭建Titanium的iOS开发环境

(2013-04-25 09:56:46)
标签:

html5

titanium

it

分类: HTML5那些事

要使用TItanium Mobile开发跨平台的移动Web应用,必须要了解如何搭建开发环境。前文我们介绍了在Window和Linux(Ubuntu 10.04)上搭建Titanium Mobile开发环境。本文我们将介绍在Mac上搭建Titanium的iOS开发环境。

AD: 2013大数据全球技术峰会低价抢票中

以下就先简单记录开发环境的建置过程,图多,请耐心等候。

需求

开发基本的 Titanium iOS App 需要先准备以下几样东西:

  • 可以执行 Mac OS 的机器 (例如 MacBook Pro/Air 等) 。

  • 一组 Apple ID 。

  • iOS 仿真器,这个要从 Xcode 3.2.6 + iOS SDK 4.3 或更新的版本里取得。 [直接从苹果官方网站下载安装]

  • Titanium Studio IDE ,以下会介绍如何下载。

准备工作

先安装 Xcode + iOS SDK ,这会连带 iOS 仿真器一起帮我们装好。

注册开发账号

在下载 Titanium Studio IDE 之前,要先注册一个开发者账号;但我们得先连上Download Titanium,从这边开始注册。

账号分成三个等级: Indie 、 Professional 及 Community ;当然我们就先选免费的 Community 来注册。

http://images.51cto.com/files/uploadimg/20120214/1019460.png
点击查看大图

点选 Community 的「 Get started 」后,就会出现要填写注册数据的画面:

http://images.51cto.com/files/uploadimg/20120214/1019461.png
点击查看大图

先在右方填写好基本数据,按下「 Sign Up 」,系统就会寄一封确认信到我们所填写的 Email 里,内容如下:

http://images.51cto.com/files/uploadimg/20120214/1019462.png

按下信件的第一个连结,来启用我们的账号。

下载

在启用开发者账号后,应该会自动开启浏览器,并回到注册窗体页面;这次我们就在画面的左方直接输入账号密码来登入。

登入后就会出现以下画面:

http://images.51cto.com/files/uploadimg/20120214/1019463.png
点击查看大图

当然我们要下载的就是 OS X 版本。

安装

下载 dmg 档回来并打开后,就会看到以下画面:

http://images.51cto.com/files/uploadimg/20120214/1019464.png

别怀疑,就是把 Titanium Studio 这个图示拖曳到 Applications 这个文件夹里就安装好了。

第一次使用

接着打开 Applications 文件夹,会看到里面还有 Titanium Studio 文件夹;执行该文件夹下的 TitaniumStudio 程序,就会出现以下画面:

http://images.51cto.com/files/uploadimg/20120214/1019465.png

这里填入我们刚刚申请的开发者账号 (Email) 及密码,再按下「 Login 」即可,程序就会开始加载了:

http://images.51cto.com/files/uploadimg/20120214/1019466.png

接下来会问我们预设的 Workspace (这是以 Eclipse 为基础的 IDE 特色) ,使用默认值即可:

http://images.51cto.com/files/uploadimg/20120214/1019467.png

设定好 Workspace 之后,就会出现以下的初始画面:

http://images.51cto.com/files/uploadimg/20120214/1019468.png
点击查看大图

以下我们来建立一个新的测试用项目,在上图的左方工具窗口中切换到 App Explorer 页签,并按下「 Create Project 」,就会跳出以下窗口:

http://images.51cto.com/files/uploadimg/20120214/1019469.png

选择「 Titanium Mobile Project 」,然后参考以下说明来输入内容:

  • Project Name - 应用程序的名称,这会显示在画面上;必填。

  • App Id - 判别用的识别名称;可以先随便填。

  • Company/Personal URL - 可以找到该应用程序信息的网址;可以先随便填。

  • Titanium SDK Version - 没有特别需求的话,通常就选最新版本即可。 iPad / iPhone 则是在有安装 iOS SDK 后才能勾选。

http://images.51cto.com/files/uploadimg/20120214/10194610.png

接着按下「 Next 」,会出现以下画面,询问我们要用哪一种类型的项目样版:

http://images.51cto.com/files/uploadimg/20120214/10194611.png

通常是不用选的,直接按下「 Finish 」。

完成后我们就会看到以下画面, Titanium Studio 预设会帮我们开启 Resources/app.js 及 tiapp.xml 这两个档案。

http://images.51cto.com/files/uploadimg/20120214/10194612.png
点击查看大图

tiapp.xml 主要是用来记录项目的属性,开启后会直接使用 Titanium Studio 的 TiApp Editor 来编辑。

app.js 则是整个应用程序的核心, Titanium 会从这里开始执行整个程序。

http://images.51cto.com/files/uploadimg/20120214/10194613.png
点击查看大图

app.js 预设已经有帮我们建立好一些内容了,所以我们只要按下 Titanium Studio 的「 Run 」键 (绿色圆圈里包着一个白色三角形的钮) 就可以测试看看了。

按下「 Run 」之后会先问我们要以哪一个 iOS 仿真器来执行应用程序:

http://images.51cto.com/files/uploadimg/20120214/10194614.png

选择「 iPhone Simulator 」后,程序就会开始编译了。视机器等级,大约一至三分钟后,就会跳出以下的画面:

http://images.51cto.com/files/uploadimg/20120214/10194615.png

这样就完成开发环境的建置了。

src://http://mobile.51cto.com/web-317170_1.htm

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有