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

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

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

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

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

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

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

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

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

打開index.html頁(yè)面，插入幾個(gè)控件試一試。

右鍵預(yù)覽看看效果不錯(cuò)!

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

首先配置啟動(dòng)畫面。

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

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

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

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

總結(jié)：

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