跨平台移动开发框架比较 2016.04.21. How many mobile platforms android 拥有最多的 developer. 开发语言-大众脸- java 开发成本最低,不用单独买一台电脑. 开发者账号-免费 发布应用很快-当天提交,当天就能发布 iOS 贵族平台-至少把自己包装的很高大上.

Slides:



Advertisements
Similar presentations
●公司簡介. ●公司組織 行銷 企劃部 行銷 企劃部 研發 設計部 研發 設計部 視覺 設計部 視覺 設計部 媒體 製作部 媒體 製作部 行動 裝置部 行動 裝置部 執行長 總經理 管理部 本公司組織人力配置除董事長、執行長、總經理外,共 有六大部門,分別為研發部 6 人、管理部 4 人、視覺設計部.
Advertisements

教师成绩录入步骤 1. 登录教务系统 2. 进入教师成绩管理界面 3. 选择相应的教学班,点击 “ 课程成绩录 入 ” 进入成绩录入界面 4. 点击 “ 设置 ” 按钮设置 “ 成绩分项 ” 5. 录入成绩, “ 保存成绩 ” 按钮可以保存成 绩但不提交(提交后不能再修改成绩) 6. “ 提交成绩 ”
7.2 图示化记忆 记忆的概述 图示化记忆 联想记忆法 奇特联想记忆法 用手记忆.
三餐美食 经销商 三餐美食产品经销必读 2 三餐美食经销商 1 前言 三餐美食经销商是三餐美食餐饮系统重要的合作伙伴,同时也是三餐美食发展道路上最坚定不移的 支持者。为了让所有的经销商伙伴能够通过销售三餐美食产品快速致富,三餐美食总部根据三餐美食产 品开发和市场情况,为经销商伙伴们编撰了《经销商必读》,希望该手册能够让大家对三餐美食有更深.
“后PC”时代 移动电子商务创新型人才培养 2016年4月28日 中国.重庆 北京博导前程信息技术股份有限公司 杨东飞.
微信营销宝典. 什么是微信? 微信是腾讯公司于 2011 年初推出的一款通过网络 快速发送语音短信、视频、图片和文字,支持多 人群聊的手机聊天软件。
玩转安卓智能手机 工程师 王东亮 图书馆 手机的发展 手机已经不仅仅是一个通讯设备,在智能系统的潮流之下, 手机已经成了一个多媒体的智能移动终端 有人喜欢用手机上 QQ ,玩微博,看网页;有人喜欢听歌, 拍照,玩游戏;有人利用手机进行日程的安排和办公 ······
熟悉 Dreamweaver 的工作區與基本操作
参加全国骨干科技辅导员培训班汇报讲座 主讲: 长安镇乌沙小学张杰志 2008年1月7日 长安中心小学.
Android App簡介及 App Inventor 2體驗 靜宜大學資管系 楊子青
Web app和html5给前端带来的变化 —— 我们的html5游戏平台之旅.
APEX数据和知识管理实验室简介 上海交通大学 计算机科学与工程系.
課程地圖 (104年入學-日間部) 校通識核心 專業課程 必修與選修 與管理模組 網路技術 App設計與應用模組 學院通識核心 學院專業核心
AnyShare5.0入门指导 —— 普通用户篇.
網站「開外掛」 優化營業人員的戰鬥力 介紹 Web365行動展售網站系統的10大特色
105學年度資訊學院 暑期企業實習說明會 簡報人 莊育維老師 105/5/5.
移动校园Hybrid应用开发介绍 2015年11月.
培训内容:ExMobi二次开发培训 新浪微博: 移动应用开发中间件ExMobi 微信服务号: ExMobi 门户注册地址: 开发支撑电话:
十二年國民基本教育 高雄區入學方式說明 報告人:中山工商 楊薇主任.
第二课 战国时期的 百家争鸣 呼伦贝尔学院附属中学:司顺英.
第一章 認識 Visual Basic 本章投影片僅供本書上課教師使用,非經同意請勿拷貝或轉載
行動終端應用軟體創作專題競賽 題目:商品後端管理APP
第一冊第七課 現代詩選 鄭愁予、白萩.
速收简历 速收简历移动APP项目 速收简历团队.
未来协同项目计划书.
C#,数据库(SQLServer),ASP.NET(C#)(网站开发),Mono For Android(C#)
油画《蒙娜丽莎》 哥伦布像 以上图片产生于哪两个 历史事件中?.
尔雅慕课学生操作手册说明.
尔雅慕课学生操作手册说明.
Mm Framework MakingMobile是一套基于HTML5的手机应用系统开发框架,致力将既有的桌面Web系统平滑延展到手机上。其架构特点强调易用性、延展性、跨平台、解耦化、组件化,主要面向定制性较强的行业应用市场。
上海宏弈源软件科技有限公司 — 12年专注益智软件研发 和配套产品服务 上海宏弈源软件科技有限公司.
无线行业市场数据月报 市场部 2013年7月 飞拓智库
面向对象程序设计 (Visual C# .NET)
荷福威士顿机器人科技有限公司 上海荷福集团
最灵动的快递系统 般若快递系统V5 步步亿佰科技有限公司.
任务2: 通报的写作.
苏州大汇信息科技有限公司 招聘简介.
尔雅慕课学生操作手册说明 尔雅客服中心.
一种营销模式的转型,一种全新的金融房贷模式
十二生肖的故事.
Selenium 一个用于Web应用程序测试的工具 Robin Ren
App 晶片一甲 4A 林渼茵.
蘋果、三星聯手囊括5成智慧型手機市場 2012年他廠空間持續受擠壓
基于iOS 平台上 MDM 开发 吴艳超
指導老師:王木良 開發團隊:林佳恩、吳建興、黃拱錠、李昕霓 樹德科技大學資訊工程系 2015/12/11
Android程式開發準備 Android智慧型手機程式設計 建國科技大學 資管系 饒瑞佶 2012/4 V1 2012/8 V2
Introduction on Smartphone Platform
尔雅慕课学生操作手册说明 尔雅客服中心.
尔雅慕课学生操作手册说明.
绿豆芽科技 让科技融入生活. 绿豆芽科技 让科技融入生活 让天下没有非互联网的公司 传统行业公司 新型科技公司 绿豆芽科技 产品研发 供应链 渠道 物联网硬件 云计算平台 APP应用 传统优势 竞争力 用户体验 团队由数十名硕士生及博士生组成,有着在德州仪器、中兴等知名企业的工作经历,项目经验丰富。团队成员获得过:电子设计竞赛国家一等奖、“Intel杯”嵌入式邀请赛冠军、“微软创新杯”
Lesson 2 十分钟完成照片雕刻 建议您用大屏幕观看教学,并同时用手机进行操作 官方网站 : cubiio.muherz.com
Visual Studio IDE基本操作 建國科技大學 資管系 饒瑞佶.
教務行政資訊系統 簡介 資訊科技中心 資訊系統組 徐振琦
認識科學小知識-密室逃脫遊戲(App) 南華大學 傳播學系3年級
移动知网 同方知网(北京)技术有限公司.
UI设计标准、移动开发规范、移动管理规范、集成标准规范
App Inventor 2體驗 靜宜大學資管系 楊子青
福智 學員平台 2018/6/9 幹部月會 羅東教室.
前终端一体化开发解决方案 腾讯 lucaspei(裴伟).
尔雅慕课学生操作手册说明 尔雅客服中心.
/ 第7讲:移动开发 冯顺磊 /
Kintone 产品说明资料 才望子信息技术 (上海) 有限公司 Cybozu中国.
Kintone 產品說明資料 才望子信息技術 (上海) 有限公司 Cybozu中國.
人因設計 阿倫online分析 第四組 組員 : 劉雅欣 黃莉媛 林威志 王畯銨 林倢伃.
尔雅慕课学生操作手册说明 尔雅客服中心.
活動主題:能「合」才能「作」 指導教授:張景媛教授 設 計 者:協和國小團隊 李張鑫 × 陳志豪.
FrontPage 2000.
104學年度 進修學校期初工作報告.
姓名:刘冰 专业:计算机科学与技术 指导教师:姚宣霞
共同作業的 7 種方法 使用 PowerPoint 與其他人共同編輯 查看誰正在使用 與他人共用簡報 以便共同編輯。 目前狀態指示器會顯示
Presentation transcript:

跨平台移动开发框架比较

How many mobile platforms android 拥有最多的 developer. 开发语言-大众脸- java 开发成本最低,不用单独买一台电脑. 开发者账号-免费 发布应用很快-当天提交,当天就能发布 iOS 贵族平台-至少把自己包装的很高大上. 开发语言- OC->swift 。处于技术过渡期 开发成本相当高,需要买一台 Mac 电脑,才能安装 Xcode 开发者账号-最低套餐 rmb 600/ 年。没有这个不能发布应用 发布应用非常慢- 2 个星期算快的,各种审查

How many mobile platforms Windows phone 最大的软件公司 (MS) 做的最小众的平台. 开发语言- C# 开发成本最低?不用单独买一台电脑!但是系统呢?正版的 也不便宜啊. 开发者账号-免费 发布应用速度-不太了解,微软的应用市场太年轻了,估计 它自己都还没理顺 workflow 其他的 blackberry 可以忽略吧。甚至上面那位都可以忽略

Which platform 要做一个 app ,要支持哪些平台 Android. iOS. Windows phone ?有财力可以考虑,一般忽略

What differences Android vs iOS 天壤之别. 支持两个平台的麻烦事 一套需求,两个项目. 两个身子 ( 平台 ) ,一张脸 ( 用户体验 ) 麻烦大了

脚踏两条船 早 “ 起 ” 鼻祖 Phonegap Sencha 当前网红 ionic. Cordova—— 前身为 phonegap React Native 藏在深闺的大家闺秀 MFA - oracle 的,目前 2.3 版本 XDK - Intel 的 Xamarin -微软的

脚踏两条船 这个名单其实还有很长 …

What essences Hybrid 主要是利用 android 和 iOS 的浏览器组件 web view 来运行一个 web app Native 平台 api 开发语言的选择 HTML5 , javascript , css

PK MFA , XDK 知名度不高,意味着社区不发达,寻求帮助很难 未来如何,不确定 Xamarin 不是 write once , run anywhere 只是用 C #这个统一的语言写,对 android 和 iOS 调用不同的 API 而且,需要为开发平台 Studio 付费 最后决赛: ionic vs React Native 是要 Hybrid 还是 native ?

PK-1: 跨平台特性 Ionic : write once , run anywhere 不涉及到系统级的开发的话,确实是 “ 一次开发,处处运行 ” 如果涉及到系统级 API 调用以及项目配置(如 ios plist 文件) 则需要自己手动编写 cordova 插件的方式达到效果(如:注册 文件的打开方式),当然,网上也有可能找到可以安装的现 成插件。 React Native : Learn once, write anywhere 不涉及到与 native 混编的话, 统一 js 进行开发;使用 jsx 语法 确实能做到各端开发,但是需要针对 iOS 和 android 开发两套 代码 正在发展,提供更多 API 。相信, iOS 和 android 分离的 API 会变 少,达成 “write once , run anywhere” 的境界

PK-2: 开发方式 Ionic : HTML + AngularJS + CSS 使用 html + angularjs 与网页开发类似,系统级的调用由 cordova 插件解决,封装得相当好,简单易用,特殊情况的自 己动手编写插件比较难,一般没有需要手动编写代码插件的 情况,网上有比较多的插件可供下载安装,可用 flexbox 布局 React Native : JS + CSS 普通 UI 全程 js 开发,部分情况下需要使用与 native 混合的方式, 没有统一的 UI 组件, ios 组件较多, android 组件较少,各自编 写 js 文件的情况较多,简单空间和逻辑层可共用,基本上 iOS 和 android 是两套代码,可用 flexbox 布局。

PK-3: 功能支持 Ionic :编写 cordova 插件,则能达到全部支持 UI 交互由 Web 实现,系统级的交互由 cordova 实现,目前文件 上传下载, url 跳转以及文件打开方式 均已做验证可实现, cordova 对系统级调用的支持比较好,涵盖了大部分系统功能, 如摄像头,设备信息,电池,网络等,不排除潜在不支持的 问题 React Native :与 native 混编,可达到全部支持 android 高级组件可能需要自己实现,系统级的功能可通过安 装第三方插件或者与 native 混编的方式实现,基本上功能能完 全实现。

PK-4: 性能对比 Ionic :虽然性能一直是 html5 在移动端的最大 问题,但是 ionic 已经做得非常出色了,在 ios 上 基本上无法区分是否是原生 app 不添加 crosswalk 插件体验较差,添加 crosswalk 插件以后 体 验较好,但是 app 打包偏大。程序运行内存占用较大(网络数 据对比同款产品,内存占用 100+M ) React Native :接近原生性能 js 到 native 需要经过两层桥接,性能与原生差别不大(网络 数据对比同款产品,内存占用 50 M )。

PK-5: 优劣对比 Ionic 优势: ios 和 android 基本上可以共用代码,纯 web 思维,开发速度快,简单方便, 一次编码,到处运行,如果熟悉 web 开发,则开发难度较低。 文档很全,系统级支持封装较好,所有 UI 组件都是有 html 模拟,可以统一使 用。 可实现在线更新 允许加载动态加载 web js 劣势: 性能相对较差,内存占用高,手写插件难度较大。 web 技术无法解决一切问题,对于比较耗性能的地方无法利用 native 的思维 实现优势互补,如高体验的交互,动画等。

PK-5: 优劣对比 React Native 优势: 虽然不能做到一处编码到处运行,但是基本上即使是两套代码,也是相同的 jsx 语法,使用 js 进行开发。 用户体验,高于 html ,开发效率较高 flexbox 布局比 native 的自适应布局更加简单高效 可实现在线更新 更贴近原生开发 劣势: 对开发人员要求较高,不是懂点 web 技术就行的,当官方封装的控件、 api 无法满足需求时就必然需要懂一些 native 的东西去扩展,扩展性仍然远远不如 web ,也远远不如直接写 Native code 。 官方说得很隐晦: learn once, write anywhere 。

PK-5: 优劣对比 React Native 劣势: 从 Native 到 Web ,要做很多概念转换,势必造成双方都要妥协。比如 web 要 用一套 CSS 的阉割版, Native 通过 css-layout 拿到最终样式再转换成 native 原生的 表达方式(比如 iOS 的 Constraint\origin\Center 等属性),再比如动画。另外, 若 Android 和 iOS 都要做相同的封装,概念转换就更复杂 文档还不够完整,学习曲线偏高

The best ? 其实应该说 “the better” 如果业务偏于展示信息,尤其是与手机本地功能交互少,那 么 ionic 很好 如果业务潜在的有与手机本地功能的交互,而且追求更好的 响应速度,也许可以考虑 React Native 如果对性能比较苛刻,那么 native 但是,从 ionic 对 cordova 的依赖上,我觉得在不考虑 native 的 情况下, React 是 better 选择

Industries… 天猫的人在玩 react 了 “ 如何评价 React Native” 但是在国外(主要是米果了)的各种对比 top n 上 Ionic 总是排第一

The result 在目前跨平台框架如火如荼发展的进程中,目前没有王者 对于保守者的选择原则就是 ——“ 跟大流 ” Ionic 或者 React Native 都可以