圖文教程:在Windows 7上搭建Titanium Mobile開發(fā)環(huán)境
簡單的說,titanium就是使用容易上手的web開發(fā)技能(js,html,php,ruby等)來開發(fā)跨平臺本地應用(Mobile是亮點!)
Btw:英語水平CET4,編程水平也不咋樣.文章都是邊查詞典邊看,并且自己實踐過后,按照自己的理解翻譯出來的.并非完全按照官方文檔進行翻譯.至于翻譯的頻率,只能說不確定了,因為工作經(jīng)常要加班,只有業(yè)余時間可以翻譯.有錯誤和遺漏的地方歡迎指正。
環(huán)境搭建所需的軟件在附帶的壓縮包里
軟件打包:http://u.115.com/file/f1a110bb80
· 概要
這個教程將會教你一步一步的在Window 7上搭建Titanium 開發(fā)環(huán)境(由于我的電腦上沒條件測試ios環(huán)境,所以這里主要講android,ios應該也差不多了,等買了新電腦,能裝虛擬機了再補上ios這一部分).看完教程之后,你應該學會以下幾點:
· 安裝titanium運行所依賴的所有軟件
· 正確的配置所有依賴的環(huán)境變量
· 創(chuàng)建并運行項目
· 準備工作
o 使用管理員帳號登錄
最好是使用管理員帳號登錄window 7,以避免遇到問題.因為安裝組件、配置環(huán)境變量、安裝更新等一大堆操作都是需要管理員權(quán)限的。
注意:教程接下來的所有操作都是在管理員權(quán)限下進行的!有些操作如果不行,就關(guān)閉軟件,并用管理員身份運行試試.#p#
o 程序目錄說明
下面的表格列出了titanium所需的所有軟件的目錄(后面配置環(huán)境變量的時候需要用到,這里并不是說一定要按照下面的目錄來安裝,但是下面的安裝目錄是經(jīng)過實踐測試的(我也是這樣安裝的),如果你更改了安裝目錄,在后面的安裝步驟中需要配置目錄的,也要相應的更改.
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上,環(huán)境變量%ProgramData% 通常是指 C:\ProgramData (xp 好像是Documents and Settings??)

o 環(huán)境變量設置
環(huán)境變量的設置,如果你軟件安裝的目錄和教程中的不一樣,記得改成自己安裝的目錄.
如果變量名已存在,則點編輯并使用分號分隔,不存在則點新建
· window7如何設置環(huán)境變量
控制面板->系統(tǒng)

高級系統(tǒng)設置

環(huán)境變量


· JAVA環(huán)境變量(重申一遍,不要照抄變量值,應以你安裝的目錄為準)
變量名 |
變量值 |
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環(huán)境變量
變量名 |
變量值 |
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 |
· 開始安裝依賴環(huán)境(這里沒什么好講的,都是圖,看下就明白了)
所有可以自己一個個下載,也可以使用我打包好的.因為我電腦環(huán)境已經(jīng)搭好了,安裝的時候忘了截圖,所以下面安裝過程中的截圖都是用官方教程的圖片.里面安裝路徑里的"(x86)"都無視吧.#p#
o 安裝python
Python2.6或以上版本需要安裝JDK 6,并且32位版需要安裝Scons(后面會講),python下載地址http://www.python.org/download/


安裝所有組件



o 安裝git
下載地址: http://git-scm.com/download



安裝以下組件





o 安裝scons(這里官方寫著可選,但是我不裝好像編譯會出錯?)
Scons是一個構(gòu)建工具,類似classic make utility(這是啥?我照抄的),用來編譯titanium項目.
下載地址http://www.scons.org/download.php

如果你已經(jīng)裝了python,Scon會自動發(fā)現(xiàn)python的安裝目錄



注意,sons的腳本目錄在python安裝目錄的子目錄中(設置環(huán)境變量要注意),見下圖

o 安裝jdk
Android 能夠運作的必要元件之一是Sun的32位元JDK (Java Development Kit) 。請注意不可使用其他JDK (如OpenJDK)代替。64位元的Sun JDK也是無效的。
請至Sun 32位元JDK的下載網(wǎng)頁,按下”下載JDK”按鈕 (Download SDK) 並在平臺(platform)清單中選擇”Windows” 選項而非”Windows x64”選項
目前最新為 SE6 Update 29,請勿升級到 1.7
下載地址http://www.oracle.com/technetwork/java/javase/downloads/index.html
應該不會裝成jre,然后說怎么不行吧.

你可以不安裝包里的源代碼




o 安裝android sdk tools
Android sdk tools用來啟動android虛擬機以測試你寫的titanium mobile應用.
官方參考文檔和下載地址:
運行安裝程序

確保已經(jīng)安裝了jdk





Android SDK Tools安裝完成,接下來打開SDK Manger(安裝完成自動打開)

,開始配置組件(比較慢).
· 官方sdk

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

如果你不知道要裝哪個版本,就全裝吧.

選擇Accept All
等待安裝,漫長的過程

安裝完成,選擇Yes

選擇Close

· 第三方sdk
上面的步驟我們完成了google官方的標準組件的安裝.接下來我們開始安裝第三方組件,這些第三方組件提供了諸如地圖等擴展特性.
選擇Available packages,勾選藍色框處復選框,選中綠色框中的包,點擊Install Selected

選中 Accept All,點擊安裝

有一個漫長的安裝過程

安裝完成,點擊Yes

Close…

刪除Virtual Devices列表中所有當前的虛擬設備(titanium編譯運行的時候會自動創(chuàng)建)

· 為titanium配置adb(每次android sdk更新都設置一下)
因為Android SDK的文件結(jié)構(gòu)在最近的版本做了變動,移動了adb.exe和AdbWinApi.dll的位置(以前在tools文件夾里,現(xiàn)在platform-tools)
但是titanium默認只會查找tools文件夾下的adb.exe和AdbWinApi.dll,所以我們可以使用以下兩種辦法解決問題(任選一種).
1, 把這兩個文件從platform-tools復制到tools(不是復制文件夾,不要被我箭頭誤導了!);


2, 為這兩個文件創(chuàng)建虛擬鏈接(太麻煩,但是更新不用重新復制);
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
所有依賴軟件都安裝完成了(確認一下你剛才環(huán)境變量有沒有忘了配置),下面就進入正題,安裝Titanium Developer
下載地址: http://www.appcelerator.com/products/download/
· 安裝titanium Developer




安裝過程會需要從服務器下載sdk,很可能被河蟹!請使用壓縮包里的更河蟹工具(xx門);


· 配置titanium Developer
運行軟件,注冊(or登錄)賬號

點擊紅色部分按鈕配置android sdk目錄

· 更新titanium Developer
如果有新的sdk更新可用,右上角會彈出提示

o Hello World!
每次接觸新東西我最期待的都是hello world.現(xiàn)在就讓我們開始創(chuàng)建一個默認的mobile項目,并運行起來,看一下我們前面搭建的環(huán)境是否成功.
打開titanium Developer選擇左上角新建項目(New Project)按鈕,在(項目類型)Project type里選擇Mobile

如下圖所示, 說明我們的android sdk配置成功了.

填寫項目信息

創(chuàng)建成功,你可以自己選擇titanium sdk的版本,默認最新的就是了

切換到Test &Package 選項卡,選擇android sdk版本和屏幕類型.

點擊Launch按鈕,將啟動android虛擬機,并自動安裝我們的項目到虛擬機中.你可以在Filter中選擇控制臺要顯示的內(nèi)容.



打開我們的應用


順利運行,呵呵,很簡單,因為我也是菜鳥.
接下來,將開始翻譯一些實例教程文章
軟件打包:http://u.115.com/file/f1a110bb80
官方英文地址:http://wiki.appcelerator.org/display/guides/Installing+on+Windows+7