跨平臺開發(fā):初探AppCan移動開發(fā)框架
原創(chuàng)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ā)文檔。