何为Web App,何为Hybird App
这些概念听起来很火,当下也很流行,真正理解起来却并非易事。如果让我来全面的解释Web App和Hybird App,我觉得还有些困难。
这篇文章只是我深入了解移动领域开发过程中的不断整理和总结,其中涉及到很多概念,观点,个人的看法,有不确切的地方,欢迎指正。
阅读这篇文章,您将了解到
移动网站版本现状
Web App 出现
web app由wap站发展而来
Web App 与移动站点区别
web app 与native区别
Hybird App 出现
更新与性能的矛盾
参考
移动网站版本现状
为了满足不同用户需求,移动网站一般分为3个版本 简版,触屏版,脑版。触屏版大多启用html5开发。笔者认为电脑版基本在手机端不可用。
以下是几个大公司的移动版本比较。
简版 |
触屏版 |
电脑版 |
凡客 |
||
简版 http://m.vancl.com/?r=668 |
触屏版 http://m.vancl.com/ |
电脑版 |
去哪儿 |
触屏版 http://touch.qunar.com/ |
电脑版 |
大众点评 |
触屏版 http://m.dianping.com/ |
普通版 http://wap.dianping.com/ |
当当网 |
触屏版 http://m.dianping.com/ |
普通版 http://wap.dianping.com/ |
单纯点说,触屏版专为大屏幕的触屏手机设计,而彩版在传统智能机上应用也很多。
从技术上讲现在常见的手机网站,所谓的触屏版很多都是以html5开发的了;而所谓的彩版WAP网站,普遍是基于WAP2.0开发的;在技术上,两者就不是一个层面。
因为开发技术的不同,让触屏版通常拥有更好的视觉效果及交互方式。这点在控件的使用上尤其明显。由此也有引出两者设计风格的区别。
Web App 出现
web app由wap站发展而来
AppCan 为Web App的定义是:
打包您的wap网站入口并生成应用,用户安装应用后无需输入网址,点击击图标直接访问你的网站。
(http://doc.appcan.cn/dev_web.html#dev2)
如果在AppCan上创建一个Web app ,只需输入一个网址就会生成一个安装在手机上的应用,实际上是内部对网站做了一层包装,以快捷方式的形式访问移动网站。
笔者认为这只是对web app的初步理解,这样直接转换的可用性也很差,大多是字体严重变小等问题。
资料说
百度SiteApp是致力于为开发者、站长提供从生成WebApp到流量、用户引入再到变现的综合服务平台,亦是国内首家的WebApp在线生成服务平台。
http://jingyan.baidu.com/article/4f34706e8ae529e387b56dd5.html 这里有一篇SiteApp制作步骤,看完以后,我直接理解为用户还是需要输入域名才能访问这个webapp!
优点:企业的开发成本低
弊端:这个app的入口与网址有关,不利于输入和发现。
不过百度把这个siteApp服务划分到LightApp模式的一种,与其并列的还有 Clouda服务和AppBuilder服务
Web App 与移动站点区别
笔者认为在实际应用中,客户是不会严格区分到底是移动网站还是webapp的,这和设计风格,实现功能密切相关。移动网站会无限趋近于webapp
Web App 与native区别
Web App 与native本质区别是 Native App是独立的可执行文件,直接与操作系统进行联系,Web App则在浏览器里面运行,通过浏览器引擎与操作系统通信。
主流的浏览器引擎:
WebKit 是一种浏览器引擎,支撑着 iPhone 内的 Mobile Safari 浏览器以及 Android 内的浏览器背后的技术。WebKit 也在其他的移动环境内有自己的用武之地,但是我们还是将我们的讨论一般集中于 iPhone 和 Android 平台。
浏览器本身是可直接访问操作系统API的一种Native App,但是只有数量有限的这些API向浏览器里面运行的Web App公开。
虽然Native App可以完全访问设备,但是许多特性只是部分可供Web App使用,或者根本不可使用。预计这种情况在将来会随着HTML的改进而改变,但是如今的移动用户无法使用这些功能。
Hybird App 出现
介于WebApp和NativeApp模式之间的一种应用,现在越来越觉得百度提出的Light App就是基于这种模式的变种,看看百度的定义:
即轻量级应用,是一种基于平台级手机客户端而产生的服务;开发门槛低、占用系统资源少;体验优于 Web APP,比 Native APP 轻但能实现等同 Native APP 的丰富功能和精致交互体验
还有一个观点:
我们曾多次提及微信的公众账户就是一个简易的 APP,而整个微信则变身一个简易的 APP Store。而做入口,做平台是巨头们一贯的思路,显然百度也想通过 Light APP 重塑百度客户端的入口和平台地位,变身移动 APP Store
个人感觉百度推出这个Light App对于开发者的分发渠道途径,也不会提高到哪里。和当初的网页集成应用类似。像内置的嘀咕打车,58同城,都是公司之间深入的合作,普通开发者应该没有这样的能力和机会。
更新与性能的矛盾
相比于webapp,hybird app 把Web代码封装到App里面可以提高性能和可访问性,但是不允许远程更新。性能有一定保证,更新还是要走app store。
笔者之前做移动网站时 曾经考虑多大程度的使用js,主要因素就是js库对网络环境的依赖,实际上如果是hybird应用,可以认为整个js库是封装到本地的,这样就减少了对网络环境的依赖度。
注意:以上所说的hybird app区别于Light App,比较出名的hybird app有淘宝客户端App
以上是文章的所有,如果觉得我的文章稍微有些价值,就推荐并留言讨论吧
参考
http://www.tudou.com/programs/view/8OQEq1pntVs/
浏览器引擎WebKit一统江山
http://www.36kr.com/p/201330.html
百度将推出Light APP快速生成工具、分发机制和运行平台
http://www.36kr.com/p/203238.html
参考博客:http://www.cnblogs.com/needrunning/p/3359548.html
转载于:https://www.cnblogs.com/songchunmin/p/7789752.html
何为Web App,何为Hybird App相关推荐
- 开发框架-APP:Hybird App
ylbtech-开发框架-APP:Hybird App Hybrid App(混合模式移动应用)是指介于web-app.native-app这两者之间的app,兼具"Native App良好 ...
- 用ionic快速开发hybird App(已附源码,在下面+总结见解)
用ionic快速开发hybird App(已附源码,在下面+总结见解) 1.ionic简介 ionic 是用于敏捷开发APP的解决方案.核心思路是:利用成熟的前端开发技术,来写UI和业务逻辑.也就是说 ...
- hybird app(混合式app开发)cordova ionic 创建相应平台的app
hybird app(混合式app开发) 之ionic 框架平台 guide cordova 创建相应平台的app 1. npm install -g cordova //全局安装cordova-cl ...
- Web App、Hybrid App与Native App的设计差异
目前主流应用程序大体分为三类:Web App.Hybrid App. Native App. 一.Web App.Hybrid App.Native App 纵向对比 首先,我们来看看什么是 Web ...
- 通过chrome inspect 来调试手机hybird APP
hybird APP 虽然显示效果和编译前的前端页面大致相同,但是其中操作可能会调用一些浏览器中没有的接口,从而产生一些意料之外的问题,因此了解和掌握如何调试就变得尤为重要. 本文简要介绍了如何利用c ...
- Vue开发跨端应用(四)electron发布web应用并打包app
命令: npm run build:web dist里面web就是打包好的网页代码 我们可以复制dist/web文件到my-app/www目录下: 进入my-app目录下运行命令: cordova r ...
- Web App和Native App 谁将是未来
未来是Web App的天下,还是Native App的天下?作为设计师,我们是应该努力把客户端的体验提升到最优,还是在网页应用层面上做更多的设计?这个一直是大家关心的话题.那么,我们首先应该立体的认识 ...
- H5开发的web APP和原生APP的区别
H5开发的web APP和原生APP的区别有以下几个方面:一.开发方面 原生App ⊙ 每一种移动操作系统都需要独立的开发项目⊙ 每种平台都需要独立的开发语言.Java(Android), Objec ...
- hybrid app、web app与native app工具
1.使用过哪些工具? Webapp:ThinkPHP Mobile(TPM).Ionic Framework.JingleUI Hybridapp:Apicloud.Phonegap(稍了解Hbuil ...
最新文章
- 【Python】精选30张炫酷的动态交互式图表,Pandas一键生成,通俗易懂
- delphi chart 曲线实时_发展学生曲线跑能力的体育游戏及运用研究
- postgresql安装之后修改默认用户密码
- 总结一些开源的网站检测扫描器源码(未完)
- Java SQL注入学习笔记
- 删除节点命令removeNode
- windows nginx 停止和启动_nginx在window与linux中启动、停止、与关闭
- 再有人问你Http协议是什么,把这篇文章发给他
- 电赛模拟训练日志总结三(红外光通信装置)
- 某度起诉“文库下载神器”,索赔300万
- 谷歌学术搜索 简易PDF爬虫
- 衣带渐宽终不悔,为伊消得人憔悴--DbHelper增强版
- mybatisplus删除操作引起的selectBatchIds报错
- Tampermonkey中文文档(部分)
- 香蕉派BPI-M2 Berry 全志V40 Mali400 MP2 GPU使用
- scrapy自定义扩展(extensions)实现实时监控scrapy爬虫的运行状态
- 导出excel时,数字过长怎么解决
- 在iview中使用ref主要事项:
- vue中文版Dash文档
- 计算机科学与技术访谈提纲,计算机科学技术专业论文大纲范本大全 计算机科学技术专业论文框架怎样写...
热门文章
- 设置图片格式为php,php 将bmp图片转为jpg等其他任意格式的图片
- oracle分页置顶,[置顶] ibatis查询oracle分页
- 麦咭早教机器人_号外|「2019第一站」麦咭亮相香港国际授权展!
- java关闭ie提示_java 关闭IE
- 北航c语言简答题目汇总_2020下半年至2021年【化学/计算机/生物类】国际竞赛汇总!...
- logstash导入数据到Elasticsearch踩过的坑详解
- Linux命令学习之nslookup
- 【深度学习入门到精通系列】使用Plotly绘制气泡图(以U-Net等网络性能比较为例)
- 机器学习(MACHINE LEARNING)MATLAB动态规划解决背包问题
- Python matplotlib高级绘图详解