2018年高效應對多端時代.pdf

《2018年高效應對多端時代.pdf》由會員分享，可在線閱讀，更多相關《2018年高效應對多端時代.pdf（40頁珍藏版）》請在三個皮匠報告上搜索。

1、 多端時代背景 各平臺分析 uni-app框架介紹 主要特征 框架實現 配套服務目錄多端時代諸侯割據、終端分裂諸侯割據、終端分裂動態App技術特點 技術架構是App而不是遠程網頁，動態執行無需編譯安裝，即點即用 功能體驗介于App和H5之間 留存、ARPU值介于App和H5之間動態App動態App是一種中間形態的產物優勢在于：獲取方便、流量大且成本低各平臺指標對比各平臺特征 第一梯隊iOS、Android、微信小程序 H5流量集中在搜索引擎和瀏覽器，趨向于被小程序取代 百度小程序升級H5，讓搜索結果的體驗更好 頭條小程序為頭條號作者賦能，提升廣告轉化率 支付寶淘寶小程序為商戶賦能，不適合工具或

2、娛樂開發者 十大手機廠商的快應用OS底層權限足、原生渲染，獨立規范、能力完善度低開發者怎么辦？開發者怎么辦？多團隊分平臺開發？多團隊分平臺開發？All in 微信小程序？微信小程序？另一種選擇使用使用uni-app跨端框架！跨端框架！框架簡介uni-app 是一個使用 Vue.js 開發跨平臺跨平臺應用的前端框架 遵循Vue.js語法規范完整的 Vue.js 開發體驗，徹底的組件化開發能力，方便的Vuex數據管理方案 多端發布uni-app 可以編譯到iOS、Android、H5、小程序等多個平臺，保證其正確運行并達到優秀；主要特征主要特征跨端數量更多跨端數量更多主要特征-跨端數量更多Tips

3、：Appstore不能提交簡單demo，所以iOS版補充了一些其他功能。一套代碼、多端發布主要特征平臺能力不受限平臺能力不受限 通用部分 uni 化組件規范化，跨平臺通用的API封裝到uni框架中 平臺特色API通過條件編譯實現微信的微信運動/卡券、App的push等平臺特色功能，可通過條件編譯實現；條件編譯既可保證平臺特色能力，又不增加其它平臺發布包的冗余大小主要特征-平臺能力不受限-條件編譯主要特征-平臺能力不受限-App引擎App端基于5+引擎實現主要特征-平臺能力不受限-App引擎5+規范已被幾十萬個App使用，5+引擎的裝機量已過1.2億主要特征-平臺能力不受限-App引擎App端支

4、持通過native.js調用設備原生API在桌面創建快捷方式調用airprint打印調用gamecenteriOS Android 監聽APK安裝卸載主要特征-平臺能力不受限-原生代碼混寫 離線打包、原生混編可作為SDK單獨引用，可集成第三方SDK，可實現原生代碼混編 支持插件市場(內測中)可從插件市場直接選擇第三方原生插件，云端打包，無需配置本地環境主要特征性能體驗優秀性能體驗優秀主要特征-性能體驗優秀 體驗更好的Hybrid框架輸出到小程序端，和原生小程序開發無明顯性能差別；打包到App端，和微信小程序一樣好，某些場景會更好內置預載機制，可實現無白屏極速渲染 App端支持weex原生渲染通

5、過nvue(weex)實現可拖動頂部選項卡等高性能場景，在App上達到原生體驗主要特征周邊生態豐富周邊生態豐富主要特征-周邊生態豐富 支持npm包管理通過npm方便快捷安裝第三方依賴包 支持集成App第三方原生SDK支持離線打包，支持集成第三方原生SDK，可實現自定義數據加密等需求 支持小程序原生自定義組件及第三方庫weui、zanui、wxParse等小程序原生第三方庫均可平滑使用；相當于微信小程序生態中豐富的三方SDK，可直接用于跨平臺開發。兼容mpvuempvue 的開源組件、項目均可在uni-app中使用 插件市場（內測）搭積木的方式，快速完成應用開發主要特征-周邊生態豐富-模板主要特

6、征學習成本低學習成本低主要特征-學習成本低 組件同微信小程序組件標簽規范，七大類基礎組件+自定義組件 接口（API）同微信小程序API，前綴從 wx.變為 uni.即可 數據綁定數據綁定及事件處理遵循Vue規范，同時補充了App及頁面生命周期管理 文件結構遵循 Vue 單文件組件(SFC)規范，后綴為.vue文件熟悉Vue和微信小程序的開發者可快速上手uni-app，開發出兼容多端的應用目錄結構App.vue：應用配置，用來配置App全局樣式以及監聽應用的生命周期main.js：Vue初始化入口文件pages目錄：業務頁面文件存放目錄components目錄：組件文件存放目錄static目錄：

7、存放應用引用靜態資源（如圖片、視頻等）的地方pages.json：配置頁面路由、導航條、選項卡等頁面類信息manifest.json：配置應用名稱、appid、icon、版本等打包信息開發規范-組件規范和微信小程序組件規范一致開發規范-接口規范靠近微信小程序接口規范，前綴由wx.變為uni.功能框架主要特征開發成本低開發成本低主要特征-開發成本低 人力成本團隊縮減，研發、測試成本大幅下降 管理成本招聘、管理、溝通隱形成本下降主要特征-開發成本低 內置uni-app全套開發環境快捷創建項目模板、代碼塊、真機運行、云端打包 頂尖的Vue.js開發體驗語法提示、轉到定義強過其它工具 頂尖的json編寫體驗中文符號面干擾，自動補行尾逗號、智能雙擊 頂尖的markdown編寫體驗 更好用的微信小程序、快應用開發工具快速體驗 HBuilderX可視化界面可視化操作，豐富的快捷鍵，內置處理環境依賴，適合懶人操作主要特征-開發成本低-多端運行快速體驗 vue-cli命令行習慣現代 cli 腳手架的同學框架實現-微信端框架實現-App端視圖層（View）邏輯層（App Service）微信原生APIwxmlwxss基礎組件頁面管理數據傳輸事件系統數據綁定系統云端服務-廣告變現開屏廣告信息流廣告云端服務-統計分析一站式查看所有平臺用戶數據云端服務-發行制作在線生成發行頁面