图文教程:在Windows 7上搭建Titanium Mobile开发环境

移动开发
要使用TItanium mobile开发跨平台的移动Web应用,必须要了解如何搭建开发环境。本文将会教你一步一步的在Window 7上搭建Titanium Mobile开发环境。

简单的说,titanium就是使用容易上手的web开发技能(js,html,php,ruby等)来开发跨平台本地应用(Mobile是亮点!)

Btw:英语水平CET4,编程水平也不咋样.文章都是边查词典边看,并且自己实践过后,按照自己的理解翻译出来的.并非完全按照官方文档进行翻译.至于翻译的频率,只能说不确定了,因为工作经常要加班,只有业余时间可以翻译.有错误和遗漏的地方欢迎指正。

环境搭建所需的软件在附带的压缩包里

软件打包:http://u.115.com/file/f1a110bb80

· 概要

这个教程将会教你一步一步的在Window 7上搭建Titanium 开发环境(由于我的电脑上没条件测试ios环境,所以这里主要讲android,ios应该也差不多了,等买了新电脑,能装虚拟机了再补上ios这一部分).看完教程之后,你应该学会以下几点:

· 安装titanium运行所依赖的所有软件

· 正确的配置所有依赖的环境变量

· 创建并运行项目

· 准备工作

o 使用管理员帐号登录

最好是使用管理员帐号登录window 7,以避免遇到问题.因为安装组件、配置环境变量、安装更新等一大堆操作都是需要管理员权限的。

注意:教程接下来的所有操作都是在管理员权限下进行的!有些操作如果不行,就关闭软件,并用管理员身份运行试试.#p#

o 程序目录说明

下面的表格列出了titanium所需的所有软件的目录(后面配置环境变量的时候需要用到,这里并不是说一定要按照下面的目录来安装,但是下面的安装目录是经过实践测试的(我也是这样安装的),如果你更改了安装目录,在后面的安装步骤中需要配置目录的,也要相应的更改.

Python

C:\Program Files\Python27

Git

C:\Program Files\Git

SCons

C:\Program Files\Python27\Scripts

Sun/Oracle JDK

C:\Program Files\Java\jdk1.6.0_23

Android SDK Tools

C:\Program Files\Android\android-sdk-window

Titanium Developer

C:\Program Files\Titanium Developer

Titanium Mobile SDKs

%ProgramData%\Titanium\mobilesdk\win32

在window7上,环境变量%ProgramData% 通常是指 C:\ProgramData (xp 好像是Documents and Settings??)

clip_image002_thumb1#p#

o 环境变量设置

环境变量的设置,如果你软件安装的目录和教程中的不一样,记得改成自己安装的目录.

如果变量名已存在,则点编辑并使用分号分隔,不存在则点新建

· window7如何设置环境变量

控制面板->系统

clip_image004_thumb5

高级系统设置

clip_image006_thumb1

环境变量

clip_image008_thumb1
clip_image010_thumb1

· JAVA环境变量(重申一遍,不要照抄变量值,应以你安装的目录为准)

变量名

变量值

JAVA_HOME

C:\Program Files\Java\jdk1.6.0_24

Path

%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin

CLASSPATH

.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar

· Android环境变量

变量名

变量值

ANDROID_SDK

C:\Program Files\Android\android-sdk-windows

· 下面这些都是要添加到Path变量中的(你也可以先记着,等每装完一个软件就去安装目录复制过来设置,以防止打错字,等下装软件的时候我不再提醒了)

软件名

变量名

变量值

Python

Path

C:\Program Files\Python27

Git

Path

C:\Program Files\Git

SCons

Path

C:\Program Files\Python27\Scripts

Sun/Oracle JDK

Path

C:\Program Files\Java\jdk1.6.0_23

Android SDK Tools

Path

C:\Program Files\Android\android-sdk-window

· 开始安装依赖环境(这里没什么好讲的,都是图,看下就明白了)

所有可以自己一个个下载,也可以使用我打包好的.因为我电脑环境已经搭好了,安装的时候忘了截图,所以下面安装过程中的截图都是用官方教程的图片.里面安装路径里的"(x86)"都无视吧.#p#

o 安装python

Python2.6或以上版本需要安装JDK 6,并且32位版需要安装Scons(后面会讲),python下载地址http://www.python.org/download/

clip_image012_thumb3
clip_image014_thumb2

安装所有组件

clip_image0141_thumb4
clip_image016_thumb2
clip_image018_thumb2#p#

o 安装git

下载地址: http://git-scm.com/download

clip_image020_thumb2
clip_image022_thumb2
clip_image024_thumb2

安装以下组件

clip_image026_thumb1
clip_image028_thumb1
clip_image030_thumb1
clip_image032_thumb1
clip_image034_thumb1#p#

o 安装scons(这里官方写着可选,但是我不装好像编译会出错?)

Scons是一个构建工具,类似classic make utility(这是啥?我照抄的),用来编译titanium项目.

下载地址http://www.scons.org/download.php

clip_image036_thumb1

如果你已经装了python,Scon会自动发现python的安装目录

clip_image038_thumb1
clip_image040_thumb1
clip_image042_thumb1

注意,sons的脚本目录在python安装目录的子目录中(设置环境变量要注意),见下图

clip_image044_thumb1#p#

o 安装jdk

Android 能夠運作的必要元件之一是Sun的32位元JDK (Java Development Kit) 。請注意不可使用其他JDK (如OpenJDK)代替。64位元的Sun JDK也是無效的。

請至Sun 32位元JDK的下載網頁,按下”下載JDK”按鈕 (Download SDK) 並在平台(platform)清單中選擇”Windows” 選項而非”Windows x64”選項

目前最新為 SE6 Update 29,請勿升級到 1.7

下载地址http://www.oracle.com/technetwork/java/javase/downloads/index.html

应该不会装成jre,然后说怎么不行吧.

clip_image046_thumb1

你可以不安装包里的源代码

clip_image048_thumb1
clip_image050_thumb1
clip_image052_thumb1
clip_image054_thumb1#p#

o 安装android sdk tools

Android sdk tools用来启动android虚拟机以测试你写的titanium mobile应用.

官方参考文档和下载地址:

运行安装程序

clip_image056_thumb1

确保已经安装了jdk

clip_image058_thumb1
clip_image060_thumb1
clip_image062_thumb1
clip_image064_thumb1
clip_image066_thumb1

Android SDK Tools安装完成,接下来打开SDK Manger(安装完成自动打开)

clip_image068_thumb

,开始配置组件(比较慢).

· 官方sdk

clip_image070_thumb1

选择你要安装的版本,当然要titaniun支持的版本,查看地址http://wiki.appcelerator.org/display/guides/Titanium+Compatibility+Matrix#TitaniumCompatibilityMatrix-AndroidSDK%2FTargetAndroidPlatform

clip_image072_thumb1

如果你不知道要装哪个版本,就全装吧.

clip_image074_thumb1

选择Accept All

等待安装,漫长的过程

clip_image076_thumb1

安装完成,选择Yes

clip_image078_thumb1

选择Close

clip_image080_thumb1

· 第三方sdk

上面的步骤我们完成了google官方的标准组件的安装.接下来我们开始安装第三方组件,这些第三方组件提供了诸如地图等扩展特性.

选择Available packages,勾选蓝色框处复选框,选中绿色框中的包,点击Install Selected

clip_image082_thumb1

选中 Accept All,点击安装

clip_image084_thumb1

有一个漫长的安装过程

clip_image086_thumb1

安装完成,点击Yes

clip_image088_thumb1

Close…

clip_image090_thumb1

删除Virtual Devices列表中所有当前的虚拟设备(titanium编译运行的时候会自动创建)

clip_image092_thumb1

· 为titanium配置adb(每次android sdk更新都设置一下)

因为Android SDK的文件结构在最近的版本做了变动,移动了adb.exe和AdbWinApi.dll的位置(以前在tools文件夹里,现在platform-tools)

但是titanium默认只会查找tools文件夹下的adb.exe和AdbWinApi.dll,所以我们可以使用以下两种办法解决问题(任选一种).

1, 把这两个文件从platform-tools复制到tools(不是复制文件夹,不要被我箭头误导了!);

clip_image094_thumb1
clip_image096_thumb1

2, 为这两个文件创建虚拟链接(太麻烦,但是更新不用重新复制);

cd C:\Program Files\Android\android-sdk-windows\tools

mklink adb.exe ..\platform-tools\adb.exe

mklink AdbWinApi.dll ..\platform-tools\AdbWinApi.dll#p#

o 安装Titanium Developer

所有依赖软件都安装完成了(确认一下你刚才环境变量有没有忘了配置),下面就进入正题,安装Titanium Developer

下载地址: http://www.appcelerator.com/products/download/

· 安装titanium Developer

clip_image098_thumb1
clip_image100_thumb1
clip_image102_thumb1
clip_image104_thumb1

安装过程会需要从服务器下载sdk,很可能被河蟹!请使用压缩包里的更河蟹工具(xx门);

clip_image106_thumb1
clip_image108_thumb1

· 配置titanium Developer

运行软件,注册(or登录)账号

clip_image110_thumb1

点击红色部分按钮配置android sdk目录

clip_image112_thumb1

· 更新titanium Developer

如果有新的sdk更新可用,右上角会弹出提示

clip_image114_thumb1#p#

o Hello World!

每次接触新东西我最期待的都是hello world.现在就让我们开始创建一个默认的mobile项目,并运行起来,看一下我们前面搭建的环境是否成功.

打开titanium Developer选择左上角新建项目(New Project)按钮,在(项目类型)Project type里选择Mobile

clip_image116_thumb1

如下图所示, 说明我们的android sdk配置成功了.

clip_image118_thumb2

填写项目信息

clip_image120_thumb1

创建成功,你可以自己选择titanium sdk的版本,默认最新的就是了

clip_image122_thumb1

切换到Test &Package 选项卡,选择android sdk版本和屏幕类型.

clip_image124_thumb1

点击Launch按钮,将启动android虚拟机,并自动安装我们的项目到虚拟机中.你可以在Filter中选择控制台要显示的内容.

clip_image126_thumb1
clip_image128_thumb11
clip_image130_thumb1

打开我们的应用

clip_image132_thumb1
image_thumb17

顺利运行,呵呵,很简单,因为我也是菜鸟.

接下来,将开始翻译一些实例教程文章

软件打包:http://u.115.com/file/f1a110bb80

官方英文地址:http://wiki.appcelerator.org/display/guides/Installing+on+Windows+7

责任编辑:佚名 来源: 夜雨寄北博客
相关推荐

2012-02-14 09:33:14

Titanium MoTitaniumUbuntu 10.0

2012-02-14 09:59:39

Titanium MoTitaniumMac

2012-05-15 14:00:51

WP7开发环境

2011-12-22 14:36:36

PhoneGapWindows Pho环境搭建

2011-08-16 10:01:02

2011-04-25 16:40:21

开发环境搭建Windows Mob

2010-08-31 09:39:37

2012-04-19 16:55:48

Titanium视频jQuery Mobi

2021-01-20 09:02:00

服务器虚拟机Windows

2011-06-07 11:35:38

Windows Pho

2022-09-29 13:24:00

VS codeCC++

2011-04-22 15:42:48

Windows 7

2013-04-15 16:54:09

AMDiOS开发WIN7

2022-09-19 07:08:28

dockerRedisCentos8

2009-10-09 09:37:46

2012-05-25 13:12:57

TitaniumMobile WebHTML5

2013-12-23 14:46:11

Windows 8.1

2023-07-10 07:10:34

2020-11-24 10:40:12

Ubuntu 20.0LinuxVue

2010-12-13 14:41:44

Android 2.3MyEclipse
点赞
收藏

51CTO技术栈公众号