2018年高效应对多端时代.pdf

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.j