AppCan移動應(yīng)用開發(fā)框架-AppCan應(yīng)用開發(fā)

1、AppCan移動應(yīng)用開發(fā)框架-AppCan應(yīng)用開發(fā)AppCan官方網(wǎng)站：目錄加丁匚皿應(yīng)用開發(fā)1、介貂2%項目管理3、代科編寫和賴覽4、應(yīng)用調(diào)試5、打包1、介紹AppCan應(yīng)用推薦使用AppCan集成調(diào)試環(huán)境進(jìn)行開發(fā)，也可以使用其他常見網(wǎng)頁編輯軟件進(jìn)行修改。但為了調(diào)試和測試方便，建議采用AppCan集成調(diào)試環(huán)境在下載頁可以下載?；镜拈_發(fā)步驟可以參考如下圖例：安裝開發(fā)調(diào)鄙境站SuppCanPlayer開發(fā)主要步驟由四大步組成?安裝配置在這個階段，開發(fā)者需要下載和配置開發(fā)環(huán)境。并下載所用調(diào)試移動終端對應(yīng)的AppCanPlayer程序用于后期調(diào)試。?開發(fā)在這個階段，開發(fā)者需要建立自己的項目工程，并根

2、據(jù)需求，參考示例代碼和文檔，編寫應(yīng)用。?調(diào)試和測試在這個階段，開發(fā)者使用AppCan模擬器測試應(yīng)用的展示效果和測試應(yīng)用功能。也可使用AppCanPlayer測試應(yīng)用在真機上得表現(xiàn)。?發(fā)布開發(fā)者測試玩應(yīng)用后可以把應(yīng)用發(fā)布給最終發(fā)布給最終用戶使用。AppCan應(yīng)用是使用HTML班發(fā)的基于AppCan中間件運行的移動應(yīng)用程序。目標(biāo)程序分為兩個類別。主應(yīng)用和插件應(yīng)用兩類?主應(yīng)用使用AppCan平臺開發(fā)的，可以跟其他原生應(yīng)用一樣安裝的程序?AppCan開放平臺應(yīng)用作為AppCan主應(yīng)用的擴展，可以在主應(yīng)用中的我的空間下載安裝的應(yīng)用。主應(yīng)用和AppCan開放平臺應(yīng)用的開發(fā)流程基本一致，只是在最終生成發(fā)布時

3、有所差別。2、項目管理AppCan項目是由HTM戊件、CSS文件、JavaScript文件、Config文件和其他圖片、音樂、視頻資源按照一定的目錄結(jié)構(gòu)規(guī)則組成。AppCan集成調(diào)試工具可以快捷的打包您的項目或發(fā)布到AppCan開放平臺。當(dāng)您使用AppCan集成開發(fā)調(diào)試環(huán)境創(chuàng)建一個新項目，AppCanIDE會自動建立必要地目錄并放入默認(rèn)的資源、腳本文件。開發(fā)者在此基礎(chǔ)上添加自己的資源、文件夾和文件。以下是一個AppCan項目的文件和目錄結(jié)構(gòu)：Andorid_iphoneAppCan是一個可以用于進(jìn)行跨平臺應(yīng)用開發(fā)的系統(tǒng)，每個應(yīng)用默認(rèn)都適配于Andorid、iOs平臺。而Symbian平臺接口和

4、能力稍有差別，因此在項目構(gòu)件時，項目構(gòu)建向?qū)J(rèn)建立Android_iphone和symbian目錄，其中Andorid_iphone目錄下作為標(biāo)準(zhǔn)適配應(yīng)用代碼路徑。開發(fā)者完成調(diào)試后，可以拷貝Android_iphone目錄下地所有文件到Symbian路徑下，使用AppCanplayerforS60進(jìn)行測試后，使用AppCan云端打包服務(wù)器，編譯可在Symbian平臺運行的應(yīng)用。CssAppCan應(yīng)用的默認(rèn)樣式表格存放路徑，存儲了AppCanUI框架需要的資源等信息。用戶自定義的樣式和樣式用到的相關(guān)資源也可放到此路徑下Images樣式表格需要用到的圖片資源Res-apple蘋果樣式按鈕用到的

5、圖片資源Css-apple.css基于AppCanUI框架擴展的類蘋果按鍵樣式Css-base.css來源于JQueryMobile樣式并進(jìn)行修正擴展后的AppCanUI樣式Css-media經(jīng)過AppCan測試的用于適配各種分辨率的屏幕適配樣式文件。JsJs路徑存放了AppCan框架用到的默認(rèn)腳本文件，用戶的腳本文件也可放到此路徑。Zy_anim.js用于處理窗口內(nèi)頁面切換動畫的腳本文件Zy_control.js用于執(zhí)行AppCanUI框架控件默認(rèn)動作的腳本文件Zy_json.js摘錄于JQyery的AJAX接口，用于處理數(shù)據(jù)通訊。Zy_tmpl.js用于完成JSON2View#據(jù)視圖映射功

6、能的腳本文件Config.xmlAppCan應(yīng)用的默認(rèn)配置文件。Head.html用于處理固定標(biāo)題和頁腳的默認(rèn)網(wǎng)頁頭，用于和HTM嗷據(jù)組合后顯視于標(biāo)題View和頁腳View3、代碼編寫和預(yù)覽AppCan集成開發(fā)調(diào)試環(huán)境集成了HTMLCS*口JavaScript等代碼編輯組件，開發(fā)者在此可以快速的編寫代碼、查看大綱。更多AppCan相關(guān)內(nèi)容，請關(guān)注AppCan官方網(wǎng)站：idOOCT¥PE:hfcml勸htmllj>nd&capemhwidth*240p隔mwiddv320p%mifi-wridth»4BCI<>head4O.lKjiS.O.OSCfe

7、0:bodychs.4-ui-mobile-«i-ietvpoir1j<>drydatarfol七二huoderJ<>diwd45掌二ui-bMyi-bUi-limil.Ui-btn-left<>dicla$=ui-bi-iphone-1J<>divcla5ssui-btri-ipheiriic-T<>divchs'S.-ui-IMn-iphone-c<>hjJ<>divchtssui-btnui-bln-limitmi-bers-fight,<>diwdass-ui-bm-iph

8、oned!<>drvid=page_0<>divdj5sui-contentulbed/dui-fixed-topUbfijced-bottomcdivdatavrole=f<wtc-rj<:>divchs-iui-navbsrui-nAv-i<phon«ui-bdrlaiSiS*<>uldn+Mulgridy4<>licla<5i=ui-hljdck-a<>inputid=radio-flaE$labelOHcliclc-zyiHfcr(evef¥t)lj<>liclMs

9、viui-bhck-b<>inputidsdiD-flbL-<3Ijbiiloficlitk-zyJar(tive-illlJ)<>lidlKSNuhblocky<>liclaiiyi-btock-dAppCan集成開發(fā)環(huán)境已經(jīng)內(nèi)置了基于AppCanUI框架的向?qū)?，開發(fā)者可以使用各種控件的向?qū)Э焖俨迦氚存I、開關(guān)、復(fù)選框組等。|BRT4冏0±4M泰p-hMe£«-*E-AppCan集成開發(fā)調(diào)試環(huán)境已經(jīng)集成了基于Chrome內(nèi)核開發(fā)的專有模擬器引擎，開發(fā)者可以快捷的預(yù)覽應(yīng)用的界面效果和模擬執(zhí)行手機的各種功能。4、應(yīng)用調(diào)試App

10、Can開發(fā)者開發(fā)過程中，建議采用如下流程對應(yīng)用進(jìn)行調(diào)試整個開發(fā)流程中，AppCan提供了多種工具幫助開發(fā)者調(diào)試應(yīng)用，調(diào)整界面1 .開發(fā)者在AppCanIDE里編寫代碼。然后使用AppCanEmulator即時查看頁面效果，檢查頁面功能a）利用Emulator內(nèi)嵌的腳本調(diào)試工具可以斷點跟蹤JavaScript的進(jìn)度“置二用白比"0山口國網(wǎng)3/城庭前函此白的函"黯雨（說回叫'MW然g叩/1七忸扇詞器畫cidjphon二h飛L.甯*?34415雷性idfE氫C3qm12后ScTITIM：IMIPT4filtVCMM1*zy_csjiUfllLjs:¥*-*v.(

11、rtfl4vwntPy1(¥|irgp3”即)“pfl 邛，-in賴i朝勝f門”-jej； EE“ST9妙幡”廣口，力:41ALiIE.j：二u-nrt£1QgiTldfiiE11krLdctfdlnwM»c._IfZU«,1Xit.JI"if(Ch)IhJSBs-hJrp-ai.kIx>INIri*-kAvf«KBl.«.Ewcn.lLLifel4ACEDecaJIiPib）使用CSS樣式元素查看器可以隨時獲取當(dāng)前頁面的DO般更情況，檢查CSS羊式，并且可以即時修改頁面元素來檢查修正效果。真正做到所見即所得。c）利用

12、網(wǎng)絡(luò)監(jiān)控器，可以獲得AJAX和網(wǎng)頁加載過程中的網(wǎng)絡(luò)數(shù)據(jù)進(jìn)行分析立名空定E1日工一酬卻七*，1t=EkWlLsEJFiaflLaj-vU-tl：-ui-:!.v2 .開發(fā)者在Emulator中完成初期代碼調(diào)試和功能驗證后，可以上傳代碼到運行于移動終端的AppCanPlayer程序中，進(jìn)行真機運行測試。在測試過程中，如果發(fā)現(xiàn)問題可以隨時替換頁面代碼。為了幫助開發(fā)者跟蹤JavaScript運行情況，AppCan提供了Log跟蹤接口，開發(fā)者可以在JavaScript中加入Log代碼,直接輸出Log到運行與IDE中的Log跟蹤Server中，幫助開發(fā)者定位問題。3 .完成AppCanPlayer調(diào)試后，開發(fā)者可以利用AppCanIDE的集成打包功能或云端打包功能生成可在手機中安裝的安裝包。5、打包AppCan提供打包服務(wù)，幫助開發(fā)者快速生成可在本地安裝的安裝包。目前提供兩種模式-本地打包和云端打包。?本地打包AppCan集成開發(fā)環(huán)境，內(nèi)部嵌入了Android和iOS應(yīng)用生成工具，開發(fā)者可以在本地完成應(yīng)用的打包。由于iOS權(quán)限限制。本地打包生成的iOS安裝包只能安裝于越