5EMAS专场 鬼,,,1522999771

2020-03-01 204浏览

  • 1.EMAS专场—移动互联的进化论 移动App研发加速—跨平台解决方案 阿里巴巴技术专家 王利华(鬼谣)
  • 2.移动研发 面临的挑战 WEEX介绍 EMAS-跨平台 产品介绍
  • 3.移动研发面临的挑战
  • 4.“ 业务跑的要快，研发效率也要快 产品性能要 好 ，用户体验也要 好 “ 业务诉求和愿景
  • 5.面临的挑战 研发 提速 业务 快跑 性能 要好 体验 要好
  • 6.H5解决了效率问题 业务1 业务2 H5 自建Hybrid技术方案 端上能力增强 Android iOS
  • 7.产品体验是立体的 crash 卡顿 响应速度 性能高 产品服务 服务好 布局/UI 交互 颜值高/使用优雅 关乎体验、关乎转化率
  • 8.跨平台技术优点尽显 研发 提速 业务 快跑 性能 要好 体验 要好 HTML5 HTML5 iOS iOS 跨平台技术 跨平台技术 Android Android 跨平台技术 类WEEX跨平台技术，既能支持多端开发，又性能体验良好 跨平台技术
  • 9.WEEX 介绍
  • 10.Apache WEEX 24 k Github star 142 3200 contributors Github Fork 100+ 众多App均在使用Weex构建Apphttps://github.com/apache/incubator-weex
  • 11.Apache WEEX pulse insights code frequency
  • 12.Apache WEEX 企鹅电竞 点我达骑手 网易考拉海购 达人店 班豆 开语 微店买家版 分期乐 猎游 有赞零售 百强排行 飞呀 Paytm Mall 新浪众测 超级云校http://weex-project.io/cn/who-is-using-weex.htmlLazada 极客时间 贝贝 工具 电商 外卖 游戏 金融 新零售
  • 13.Apache WEEX “ 出生于电商，不止于电商 所有能力都是社区集智贡献 ’’
  • 14.WEEX Conf 数据 45% 15.7% 帧率 内存 40% 44.9% 开发效率 企鹅电竞 打开耗时降低 引用：企鹅电竞实践
  • 15.Apache WEEX 极客时间实践 1.5人力完成了「极客时间」App开发，40天 Android 上线 盛大游戏实践
  • 16.WEEX in Alibaba Almost all of Alibaba's app 2015 会场Native化 2016 2017 全程双11，全面铺开 集团主流研发框架&模式 会场框架 双11近2000页面 狂欢城 秒开率95%+ 双11 30k+页面 Weex页面数占比99% 频道页
  • 17.WEEX支持业务创新
  • 18.跨平台研发模式 成为标准研发模式
  • 19.跨平台解决方案 助力企业移动研发加速
  • 20.EMAS-跨平台产品矩阵 研发 测试 调试 专家服务 提供专家培训/现场教学 帮助客户建立Weex 技术体系 提升客户研发能力 云端控制台 提供业务线、业务模块管理 构建、测试、发布 等Devops功能 运维 发布 一站式开发者工具 提供从开发到发布一站式IDE包 括项目创建、开发、调试、预 览、代码质量检测、发布等功能 泛质量管理体系 基础度量数据分析 深度分析 监控告警 运营 商业组件体系 提供基础组件/UI组件/图表组件/ 服务组件 提升业务开发效率
  • 21.产品：开发者工具 EMAS 跨平台 IDE 项目管理 创建项目 配套环境 Weex 开发/调试 代码校验 日志 选择模板 项目初始化 代码构建 终端 App 一键打包 IDE 设置 预览 单页面预览 依赖包初始化 网页预览 项目配置 项目预览 模拟器预览 代码编辑 真机预览
  • 22.产品：开发者工具
  • 23.产品：开发者工具
  • 24.产品：开发者工具视频
  • 25.产品：组件体系 内建组件/模块 image indicator input dom list recyclelist cell globalEvent meta modal scroller navigator slider picker switch storage text stream textarea webSocket video waterfall Searchbar Dialog webview UI组件 Button Icon Page Calendar RichText Loading SlideNav Minibar TabBar Tag Checkbox Radio Stepper NoticeBar 商业组件/模块 Audio Audio Recorder Contacts Provider ImagePicker Clipboard Animation Mask ProgressBar Connection FileUploader Refresh Scan Geolocation Location Shake Detector Screen System Share Vibration TabHeader WebSocket 图表组件 线图 双轴线图 自动轮播线图 半透明气泡图 面积图 堆积线图 实心气泡图 堆积面积图 线柱混合图 柱状图 南丁格尔玫瑰图 服务组件 定位组件 文字识别 图像识别 双轴柱状图 饼图 堆积柱状图 散点图
  • 26.组件体系-通用组件 商业化组件基于 Weex 封装，前端可以轻松调用震动、陀螺仪、网络库、相机、系统、定位、及指定应用程序信息等功能
  • 27.组件体系-图表组件 WEEX商业化图表组件来自于阿里数据技术及产品部，全部基于Native封装，因此具备Native性能和体验。 图表类型：折线图、饼图、柱状图、散点图、面积图等15种类型，完全满足基础业务需要。
  • 28.组件体系-服务组件 地图/定位组件 图像识别
  • 29.OCR组件经典场景 产品名称 卡证识别 核心功能 多种场景结构化识别 支持扫码，拍照输入 能力 范围 强识别能力，对市面常见近百种 场景数据类型达到平均99%的 准确率 身份证，房产证 营业执照，行驶证 驾驶证，发票，银行卡等 案例展示 姓名：爱新觉罗*玄烨 性别：男 民族：满 出生：16540504 住址：北京市东城区景山前街4号 紫荆城乾清宫 身份证号：000003165405049842 结构化识别结果
  • 30.组件体系 EMAS组件市场 为帮助用户提升研发效率，EMAS 提供丰富的组件库。包含通用组件／模块、图表组件、 服务组件等。 应用市场搜索 “EMAS组件市场”或扫码下载 iPhone Android
  • 31.产品：云端控制台 DevOps保障研发流程 业务线管理 代码检查 业务模块管理 jsbundle构建 本地资源 线上资源 项目构建 业务管理 项目发布 代码构建 构建模板 监控运维 灰度发布 crash 灰度批次 JS Error 预加载能力 文件数/包大小 页面秒开率 首屏打开时间 预加载命中率
  • 32.产品：云端控制台
  • 33.
  • 34.WEEX 高可用体系 从产品体验视角，来追溯和定义性能维度 秒开率/首屏打开时间 JSError/Crash 业务/活动维度灵活支持 核心KPI实时监控 精准告警通知 自定义告警配置 实时大盘效果 一／二级活动灵活配置 多维分析 问题主成分分析 异常用户深度追踪
  • 35.WEEX 高可用体系
  • 36.跨平台产品串联使用 平台协同 Weex工程 前端业务开发 集成组件 构建jsbundle 资源上传至平台 静态代码扫描 资源发布 商业组件调用 已有App开发模式 灰度发布 从0 – 1开发App 正式发布 （预加载） 自定义Native组件 weex组件封装 整包发布 监控运维 Native工程 客户端开发 集成jsbundle 平台创建应用 构建整包App
  • 37.业务架构融合与升级 分 布 式 协 作 研发团队A 业务模块-n 业 务 线 并 行 研发团队C 研发团队N 业务模块-n 业务模块-n 业务模块-n 模块-3 模块-4 模块-3 模块-4 模块-3 模块-4 模块-3 模块-4 模块-1 模块-2 模块-1 模块-2 模块-1 模块-2 模块-1 模块-2 高级服务 消息推送 商业组件 照片选择器 ONE-SDK 开源UI组件/模块 业务功能模块 业务UI组件 身份证识别 人脸识别 音频 性能埋点 通讯录 zCache WEEX SDK 备注：App内支持WEEX和H5容器，支持WEEX页面和H5页面通信和跳转 业务线-n 业务线-3 业务线-2 业务线-1 业务组件 基 础 容 器 研发团队B OCR服务 分享 进度条 UT …… 屏幕 热修复 .….. 摇一摇 …… H5容器(webview) …
  • 38.研发模式升级 业务A 业务B 业务C 业务D Weex开发 Weex开发 Weex开发 Weex开发 业务E Weex开发 每一位研发同学都是特种兵 业务F Weex开发
  • 39.EMAS专场-移动互联的进化论 EMAS专有云主页 30天，再造一个手机淘宝! EMAS客户钉钉群