2.2 創建一個應用

在學習jQuery Mobile時筆者拒絕復雜的環境搭建，我們沒有必要去了解復雜的環境，否則會反客為主，時間浪費在環境上。

2.2.1 創建跨平臺應用

利用APICloud創建跨平臺應用有兩種方法，一種是在云端直接創建，一種是在APICloud Studio中創建。我們這里先在云端創建一個，然后在APICloud Studio中打開，讓讀者熟悉這兩種界面的操作。

（1）首先注冊一個APICloud賬號，目前只支持手機注冊，打開http://www.apicloud.com/signup，輸入手機號碼和接收的驗證碼，如圖2-1所示。

（2）登錄APICloud系統，點擊左上角“創建應用”按鈕，如圖2-2所示。選擇“Native”選項卡，填寫“名稱”及“說明”，單擊“創建”按鈕，應用即創建完成。

（3）創建完成后，自動打開應用概覽頁http://www.apicloud.com/appoverview，這里可以看到應用的相關信息，留意一下應用ID，如圖2-3, APICloud Studio會用到。其實此時應用已經創建完成，但這個應用沒有任何內容。我們通過APICloud Studio來看看默認的應用會有什么內容。

（4）下載APICloud Studio，在這個（http://docs.apicloud.com/Download/download）界面中下載“APICloud SDK”，它包括了APICloud Studio和一些插件。隨書代碼也會提供這個工具的安裝包。下載的安裝包里有一個“APICloudStudio_win”文件夾，找到里面的APICloud.exe文件，不用安裝可以直接運行。

（5）運行后出現登錄界面，如果是第一次使用還會出現一個設置工作文件夾的界面，這里不給圖了，讀者可以選擇默認。利用上面注冊的APICloud賬號來登錄APICloud Studio，如圖2-4所示。登錄后，左側選擇“云端資源庫”，根據APICloud創建的應用ID選擇SVN項目，如圖2-5所示。

（6）右擊項目，選擇“檢出為”菜單，如圖2-6所示。

（7）檢出后出現“從SVN檢出”對話框，直接單擊“完成”按鈕。這時看看我們的應用中已經包含了一些基本的HTML文件。我們采用傳統的瀏覽方式，打開APICloud Studio的工作文件夾C:\APICloud\workspace\HelloApp，這就是我們新創建的應用，里面默認會有個index.html文件，選擇在瀏覽器中打開它，就會看到默認的效果，如圖2-7所示。

2.2.2 同步本地應用到云端資源庫

開發者在APICloud Studio創建的應用會和云端資源庫建立連接。項目代碼改動后，可以使用APICloud Studio的代碼提交功能提交代碼到云端資源庫。

操作流程：

（1）首先選擇一個需要同步到云端資源庫的項目，注意這個操作是在“我的APP”項目選項卡下。

（2）右擊該項目，選擇“云端同步”|“提交”菜單，如圖2-8所示。

（3）打開的提交界面輸入提交信息后，單擊OK按鈕完成，如圖2-9所示，即可提交項目代碼到云端資源庫中。

2.2.3 真機同步調試

APICloud提供兩種真機測試方式：

● WiFi真機同步：這種方式同步速度慢、效率低，環境兼容問題嚴重，而且需要安裝手機驅動程序或手機助手、iTunes、iTools等各種輔助工具軟件。

● USB真機同步：可以通過HTTP方式，同步工具插件中的APP代碼文件到真機上，由于當設備和工具插件在同一個WiFi環境下時，文件傳輸速度非常快，所以WiFi真機同步操作相比USB方式速度要快很多，并且工具插件中會進行智能處理，每次只同步只會更新有修改的文件。

如果使用真機同步，必須在手機上安裝AppLoader，從官方或本書提供的安裝包中找到它的下載文件，安卓手機是．apk格式（可以直接安裝），蘋果手機是．ipa（需借助iTool等工具安裝）。我們這里以“WiFi真機同步”測試下我們默認生成的HelloAPP。

（1）打開手機上安裝的AppLoader，默認是一片空白，只有一個灰色圓球。單擊這個圓球，出來一個對話框，要求輸入IP地址和端口號。

（2）IP地址和端口號，可以單擊APICloud的“幫助”|“查看WiFi真機同步服務器地址”來獲取，如圖2-10所示。

（3）輸入IP和端口后，灰色圓球變為綠色圓球，如圖2-11所示。

（4）此時在APICloud中，右擊項目名稱，在彈出的菜單中選擇“WiFi真機同步”命令，移動設備上的AppLoader自動啟動，即可實現真機同步調試（圖2-12）。

2.2.4 云端編譯打包

云端編譯我們在瀏覽器中完成，不需要本地APICloud。

（1）在瀏覽器中登錄APICloud，選中我們要編輯的項目，單擊“云編譯”按鈕，如圖2-13。

（2）填寫“應用名稱”，選擇“生成平臺（iOS或Android）”，單擊“云編譯”按鈕，如圖2-14。耐心等待編譯完成。

（3）完成后，用戶掃描二維碼就可以下載安裝應用至移動設備了，如圖2-15所示。。