WeX5-App開發(fā)完整過程剖析

北京起步科技有限公司justepCopyright2000-2015JustepSoftwareWeX5App開發(fā)完整過程介紹WeX5App開發(fā)下載地址：://wex5WeX5App演示案例WeX5App開發(fā)完整過程功能開發(fā)前端頁面開發(fā)后端服務(wù)調(diào)用原生插件調(diào)用運(yùn)行及調(diào)試運(yùn)用Chrome閱讀器運(yùn)行及調(diào)試生成調(diào)試App，在手機(jī)中運(yùn)行，在PC上進(jìn)行真機(jī)調(diào)試運(yùn)用開發(fā)工具中的模擬器或BlueStacks運(yùn)行及調(diào)試打包及部署設(shè)置歡迎頁，介紹頁、App圖標(biāo)獲得證書，生成發(fā)布App三種部署方式開發(fā)一個簡潔的功能前端頁面開發(fā)在elements頁調(diào)試樣式在sources頁調(diào)試js代碼在network頁查看懇求在console頁查看限制臺信息運(yùn)用Chrome閱讀器運(yùn)行及調(diào)試創(chuàng)建本地App打調(diào)試包配置項輸入內(nèi)容服務(wù)地址42:8080首頁/x5/UI2/hello/index.w打包的資源不選擇應(yīng)用名hello版本號1.1.1應(yīng)用包名com.justep.helloIOS必須輸入證書中的BundleID使用微信插件則必須輸入申請微信賬號時錄入的應(yīng)用包名增強(qiáng)型瀏覽器可選本地插件Js中引用了require(“cordova，可以使用自動，否則手動選擇生成本地App打調(diào)試包配置項輸入內(nèi)容安卓App可以選擇IOSApp需要先獲取蘋果開發(fā)及發(fā)布證書MAC版開發(fā)工具可以選擇WINDOW版開發(fā)工具需要單獨(dú)安裝打包服務(wù)器，才能生成IOSApp打包服務(wù)器地址/app-builder發(fā)布模式選擇發(fā)布模式后，不能使用真機(jī)調(diào)試但是，微信分享等功能只能在發(fā)布模式的App中執(zhí)行打調(diào)試包下載、安裝App安卓掃描App二維碼，下載安裝AppIOS運(yùn)用UC閱讀器掃描App二維碼，下載IPA文件，運(yùn)用同步推安裝IPA文件或者運(yùn)用iTunes安裝安卓真機(jī)調(diào)試運(yùn)用Chrome閱讀器訪問chrome://inspect/#devicesIOS真機(jī)調(diào)試運(yùn)用safari閱讀器進(jìn)行真機(jī)調(diào)試真機(jī)調(diào)試發(fā)送Ajax懇求訪問隨意后端服務(wù)X5供應(yīng)了輕量級的BaaS服務(wù)供應(yīng)了java的BaaS服務(wù)供應(yīng)了.net的BaaS服務(wù)處理跨域狀況后端服務(wù)調(diào)用運(yùn)用Cordova插件二維碼掃描加速度傳感器音頻錄制及播放設(shè)備信息微信共享微信支付、支付寶支付、銀聯(lián)支付開發(fā)Cordova插件原生插件調(diào)用地理定位消息推送攝像頭拍照及錄像文件系統(tǒng)NFC運(yùn)用開發(fā)工具中的模擬器運(yùn)用BlueStacks運(yùn)用模擬器運(yùn)行及調(diào)試調(diào)試模式與生產(chǎn)模式調(diào)試模式生產(chǎn)模式何時使用開發(fā)時使用部署時使用如何使用Tomcat在studio里面啟動運(yùn)行啟動WeX5運(yùn)行平臺（調(diào)試模式）.bat運(yùn)行啟動WeX5運(yùn)行平臺.bat修改w、js等文件后使用瀏覽器訪問使用App訪問（不含資源）立即生效更新版本號重啟Web應(yīng)用服務(wù)器訪問立即生效使用App訪問（含資源）調(diào)試時不使用這種方式重新生成App更新App三種部署方式方式一（推薦）方式二方式三部署方式使用UIServer在Web應(yīng)用服務(wù)器上部署UIServer頁面等應(yīng)用資源打包到本地App脫離UIServer頁面等應(yīng)用資源部署到任意Web應(yīng)用服務(wù)器打包方式不選擇打包資源選擇打包資源不選擇打包資源使用場景使用JavaWeb服務(wù)器使用App訪問使用瀏覽器訪問使用微信號訪問適用于頁面資源變化不頻繁的App適用于開發(fā)不聯(lián)網(wǎng)的App使用任意的Web服務(wù)器使用App訪問使用瀏覽器訪問使用微信號訪問優(yōu)點只需更新版本號不需要刪除瀏覽器緩存不需要更新App不需要首次資源下載首次運(yùn)行速度快支持任意的Web服務(wù)器缺點每次更新頁面，需要生成App，更新App’需要自己解決App端的頁面資源更新打發(fā)布包安卓IOS替換App圖標(biāo)放icon.pngplatforms/android/res放icon.png/platforms/ios/X5/Resources/icons替換歡迎頁放splash-land.png和splash-port.pngplatforms/android/res放splash-land.png和splash-port.png/platforms/ios/X5/Resources/splash替換介紹頁使用Intro.html顯示要求和首頁同目錄使用Intro.html顯示要求和首頁同目錄獲取證書使用java自帶的工具keytool生成從蘋果官網(wǎng)申請發(fā)布證書在mac系統(tǒng)上生成p12文件在perties中設(shè)置p12文件的密碼打包App生成App及App二維碼生成App部署App發(fā)布App二維碼，掃描此二維碼即可下載、安裝App個人/公司證書——上傳到AppStore，用戶從AppStore下載、安裝App企業(yè)證書——搭建https服務(wù)，用戶訪問https服務(wù)下載、安裝App部署方式三中如何部署Web應(yīng)用通過打包獲得Web應(yīng)用資源打包時會將選擇的打包資源生成Web應(yīng)用資源打包后Web應(yīng)用資源放在www書目下將Web應(yīng)用資源部署到Web服務(wù)器上運(yùn)用原生插件通過閱讀器訪問不能運(yùn)用原生插件通過本地App（不管有沒有選擇打包資源）都可以運(yùn)用原生插件兩點說明相關(guān)文章鏈接WeX5平臺App打包原理://wex5/cn/wex5-platform-App-principle/iOS證書申請://wex5/cn/ios-certificate-request/Android和IOS的本地App如何安裝（apk&ipa）://wex5/cn/how-install-apk-ipa/蘋果App部署HTTPS進(jìn)行在線下載安裝://wex5/cn/ipa-deploy-s/Android和IOS的本地應(yīng)用圖標(biāo)規(guī)范://wex5/cn/android%E5%92%8Cios%E7%9A%84%E6%