跨平臺開發:初探AppCan移動開發框架
原創AppCan作為國內少有的首先支持HTML5移動應用在線開發平臺,和PhoneGap一樣,AppCan僅僅只用HTML+JS+CSS即可制作出跨平臺的移動應用,并且有完善的中文文檔,更利于開發者學習。AppCan 提供了豐富的平臺接口庫,覆蓋了應用開發中常用的場景,包括:通信、電話、彩信、短信、聯系人、郵件、拍照、錄音、視頻播放、音頻播放、位置信息、文件管理、傳感器、跨域訪問、窗口管理、二維碼掃描、第三方支付等,封裝成javascript接口,方便開發者調用。
本文將通過HelloWorld示例,講解如何安裝、使用AppCan開發框架。
首先要到AppCan的官方網站下載SDK,大小160M還是可以接受的。SDK本身內置jre環境文件,比PhoneGap有優勢的是無需環境變量等配置。如果開發者之前沒安裝jre環境,SDK默認安裝jre,如果之前安裝過java環境則需要保證java環境變量配置正確。并且jre版本需要保證1.60以上。安裝完成需要重新啟動計算機。下面我們打開SDK點擊新建按鈕。
彈出新建向導。
輸入項目名稱和應用名稱,點擊完成需要輸入AppCan的郵箱和密碼獲取AppId,成功創建項目。
我們發現項目的目錄如下圖。
包括兩個一級目錄android_iphone,symbian,android_iphone下有項目所需的css,js等資源文件。(如果想在AppCan網站打包應用,則android_iphone、symbian文件夾名稱是不能更改的)
還有config編輯器。在config編輯器可以更改應用名稱、圖標等信息。
SDK提供了導航條、文本輸入、列表、下拉框、表格、按鈕等UI控件。
打開index.html頁面,插入幾個控件試一試。
右鍵預覽看看效果不錯!
SDK內置生成安裝包功能,下面來試試生成安裝包,在項目右鍵可以彈出生成安裝包菜單。
首先配置啟動畫面。
點擊生成安裝包,成功后自動彈出應用所在目錄。安裝到手機上感覺一下,很不錯!SDK提供的本地打包十分方便。
應用還可以上傳到網站打包,點擊管理器圖標。
登錄成功后,勾選想上傳的應用,點擊上傳。上傳成功后可以通過服務器管理也可以去網站管理應用。服務器端保存資源文件。
如果上傳到網站上的native模式的應用想重新打包,則需要在config編輯器把版本號更改,重新上傳即可。
總結:
AppCan SDK省略了很多環境配置的步驟。安裝即可進去開發狀態,熟悉HTML、JS技術就可以方便的進行開發,而且提供了UI框架,開發者可以快速建立界面,完成開發。詳情請參考開發文檔。