图文教程:在Mac上搭建Titanium的iOS开发环境

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

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

需求

开发基本的 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 来注册。

账号类型选择
点击查看大图

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

注册窗体
点击查看大图

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

注册窗体

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

下载

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

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

下载页面
点击查看大图

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

安装

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

安装画面

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

***次使用

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

登入画面

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

启动屏幕

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

选择 Workspace

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

初始画面
点击查看大图

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

选择专案类型

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

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

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

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

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

项目设定

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

专案样板

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

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

TiApp Editor
点击查看大图

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

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

app.js
点击查看大图

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

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

选择 iOS 仿真器

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

执行中的画面

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

责任编辑:佚名 来源: 正在输入的博客
相关推荐

2012-02-09 17:07:50

Titanium MoTitaniumWindows 7

2012-02-14 09:33:14

Titanium MoTitaniumUbuntu 10.0

2012-05-15 14:00:51

WP7开发环境

2011-12-22 14:36:36

PhoneGapWindows Pho环境搭建

2011-08-16 10:01:02

2010-08-31 09:39:37

2022-09-29 13:24:00

VS codeCC++

2013-04-15 16:54:09

AMDiOS开发WIN7

2011-07-22 18:13:59

IOS IDE Xcode

2022-09-19 07:08:28

dockerRedisCentos8

2020-11-24 10:40:12

Ubuntu 20.0LinuxVue

2010-12-13 14:41:44

Android 2.3MyEclipse

2010-09-25 09:31:27

EclipseAndroid

2023-07-10 07:10:34

2011-06-27 16:00:34

视频教程Cocoa TouchiOS应用

2021-01-20 09:02:00

服务器虚拟机Windows

2017-02-28 10:11:14

Mac OSXPython开发环境

2013-01-23 16:39:12

VMware vCen

2013-11-21 10:06:35

2011-07-08 16:02:24

iphone
点赞
收藏

51CTO技术栈公众号