HTML5 開發APP 第一章

標籤：

當今天下，移動端基本上是安卓和蘋果的天下，基本上沒微軟什麼事，作為微軟忠實的支援者，也要順勢而變。

但安卓和IOS  開發是兩個完全不同的世界，有沒有一種技術，開發完以後可以運行在任意終端呢，答案是有的，HTML5 

OK， 閑話不扯，直奔主題吧。

一，環境搭建

    1，下載JDK （這個很多  BD一堆）

• 1、環境搭建
  • 1.1、JDK安裝
  • 1.2、Eclipse安裝
  • 1.3、Android SDK安裝
  • 1.4、ADT安裝
  • 1.5、建立AVD
• 2、HelloWorld

1、環境搭建 1.1、JDK安裝

如果你還沒有JDK的話，可以去這裡下載，接下來的工作就是安裝提示一步一步走。設定環境變數步驟如下：

1. 我的電腦->屬性->進階->環境變數->系統變數中添加以下環境變數：
2. JAVA_HOME值為： D:\Program Files\Java\jdk1.6.0_18（你安裝JDK的目錄）
3. CLASSPATH值為：.;%JAVA_HOME%\lib\tools.jar;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\bin;
4. Path:  在開始追加 %JAVA_HOME%\bin;
5. NOTE：前面四步設定環境變數對搭建Android開發環境不是必須的，可以跳過。

安裝完成之後，可以在檢查JDK是否安裝成功。開啟cmd視窗，輸入java –version 查看JDK的版本資訊。出現類似下面的畫面表示安裝成功了：

JAVA_HOME=C:\Program Files\Java\jdk1.7.0_51
CLASSPATH=.;%JAVA_HOME%\lib\tools.jar;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\bin;
Path=%JAVA_HOME%\bin;C:\Users\feeling\AppData\Roaming\npm;%JAVA_HOME%\bin;

    3，下載 android SDK (eclipse+SDK+AVT) ，可以一個一個下載，在配置，但是 google 很多的伺服器，因為政治因素，無法訪問，所以

        我給出一個全套的已經封裝完畢的壓縮包 

軟體的百度雲連結：http://pan.baidu.com/s/1i3h3Vyl 密碼：nps2

註：“android sdk截止2014年10月2日前全部更新”裡面放的是更新完所有的android sdk的adt-bundle，覺得代理程式更新速度慢朋友可以考慮下載直接使用，最新版同時支援到了android 5.0，壓縮包大小8.77GB，解壓後大小有30GB（同時提供了windows和linux版）

4，

HelloWorld

• 通過File -> New -> Project 菜單，建立新項目"Android Project"
• 然後填寫必要的參數，如所示：（注意這裡我勾選的是Google APIs，你可以選你喜歡的，但你要建立相應的AVD）

相關參數的說明：

1. Project Name: 包含這個項目的檔案夾的名稱。
2. Package Name: 包名，遵循JAVA規範，用包名來區分不同的類是很重要的，我用的是helloworld.test。
3. Activity Name: 這是項目的主類名，這個類將會是Android的Activity類的子類。一個Activity類是一個簡單的啟動程式和控製程序的類。它可以根據需要建立介面，但不是必須的。
4. Application Name: 一個易讀的標題在你的應用程式上。
5. 在"選擇欄"的 "Use default location" 選項，允許你選擇一個已存在的項目。

• 點擊Finish後，點擊Eclipse的Run菜單選擇Run Configurations…
• 選擇“Android Application”，點擊在左上方（按鈕像一張紙上有個“+”號）或者雙擊“Android Application”， 有個新的選項“New_configuration”（可以改為我們喜歡的名字）。
• 在右側Android面板中點擊Browse…，選擇HelloWorld
• 在Target面板的Automatic中勾選相應的AVD，如果沒有可用的AVD的話，你需要點擊右下角的Manager…，然後建立相應的AVD。如所示：

• 然後點Run按鈕即可，運行成功的話會有Android的模擬器介面，如所示：

 

至此，環境已經搭好了，可以開始 你的APP 之旅了，下一節 開始介紹HTML5 

        

HTML5 開發APP 第一章