AppCan作為國內(nèi)少有的首先支持HTML5移動應(yīng)用在線開發(fā)平臺,和PhoneGap一樣，AppCan僅僅只用HTML+JS+CSS即可制作出跨平臺的移動應(yīng)用，并且有完善的中文文檔，更利于開發(fā)者學習。AppCan 提供了豐富的平臺接口庫，覆蓋了應(yīng)用開發(fā)中常用的場景，包括：通信、電話、彩信、短信、聯(lián)系人、郵件、拍照、錄音、視頻播放、音頻播放、位置信息、文件管理、傳感器、跨域訪問、窗口管理、二維碼掃描、第三方支付等，封裝成javascript接口，方便開發(fā)者調(diào)用。

本文將通過HelloWorld示例，講解如何安裝、使用AppCan開發(fā)框架。

首先要到AppCan的官方網(wǎng)站下載SDK，大小160M還是可以接受的。SDK本身內(nèi)置jre環(huán)境文件，比PhoneGap有優(yōu)勢的是無需環(huán)境變量等配置。如果開發(fā)者之前沒安裝jre環(huán)境，SDK默認安裝jre，如果之前安裝過java環(huán)境則需要保證java環(huán)境變量配置正確。并且jre版本需要保證1.60以上。安裝完成需要重新啟動計算機。下面我們打開SDK點擊新建按鈕。

彈出新建向?qū)А?/p>

輸入項目名稱和應(yīng)用名稱，點擊完成需要輸入AppCan的郵箱和密碼獲取AppId，成功創(chuàng)建項目。

我們發(fā)現(xiàn)項目的目錄如下圖。

包括兩個一級目錄android_iphone,symbian，android_iphone下有項目所需的css，js等資源文件。(如果想在AppCan網(wǎng)站打包應(yīng)用，則android_iphone、symbian文件夾名稱是不能更改的)

還有config編輯器。在config編輯器可以更改應(yīng)用名稱、圖標等信息。

SDK提供了導航條、文本輸入、列表、下拉框、表格、按鈕等UI控件。

打開index.html頁面，插入幾個控件試一試。

右鍵預覽看看效果不錯!

SDK內(nèi)置生成安裝包功能，下面來試試生成安裝包，在項目右鍵可以彈出生成安裝包菜單。

首先配置啟動畫面。

點擊生成安裝包，成功后自動彈出應(yīng)用所在目錄。安裝到手機上感覺一下，很不錯!SDK提供的本地打包十分方便。

應(yīng)用還可以上傳到網(wǎng)站打包，點擊管理器圖標。

登錄成功后，勾選想上傳的應(yīng)用，點擊上傳。上傳成功后可以通過服務(wù)器管理也可以去網(wǎng)站管理應(yīng)用。服務(wù)器端保存資源文件。

如果上傳到網(wǎng)站上的native模式的應(yīng)用想重新打包，則需要在config編輯器把版本號更改，重新上傳即可。

總結(jié)：

AppCan SDK省略了很多環(huán)境配置的步驟。安裝即可進去開發(fā)狀態(tài)，熟悉HTML、JS技術(shù)就可以方便的進行開發(fā)，而且提供了UI框架，開發(fā)者可以快速建立界面，完成開發(fā)。詳情請參考開發(fā)文檔。