这些概念听起来很火,当下也很流行,真正理解起来却并非易事。如果让我来全面的解释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相关推荐

  1. 开发框架-APP:Hybird App

    ylbtech-开发框架-APP:Hybird App Hybrid App(混合模式移动应用)是指介于web-app.native-app这两者之间的app,兼具"Native App良好 ...

  2. 用ionic快速开发hybird App(已附源码,在下面+总结见解)

    用ionic快速开发hybird App(已附源码,在下面+总结见解) 1.ionic简介 ionic 是用于敏捷开发APP的解决方案.核心思路是:利用成熟的前端开发技术,来写UI和业务逻辑.也就是说 ...

  3. hybird app(混合式app开发)cordova ionic 创建相应平台的app

    hybird app(混合式app开发) 之ionic 框架平台 guide cordova 创建相应平台的app 1. npm install -g cordova //全局安装cordova-cl ...

  4. Web App、Hybrid App与Native App的设计差异

    目前主流应用程序大体分为三类:Web App.Hybrid App. Native App. 一.Web App.Hybrid App.Native App 纵向对比 首先,我们来看看什么是 Web ...

  5. 通过chrome inspect 来调试手机hybird APP

    hybird APP 虽然显示效果和编译前的前端页面大致相同,但是其中操作可能会调用一些浏览器中没有的接口,从而产生一些意料之外的问题,因此了解和掌握如何调试就变得尤为重要. 本文简要介绍了如何利用c ...

  6. Vue开发跨端应用(四)electron发布web应用并打包app

    命令: npm run build:web dist里面web就是打包好的网页代码 我们可以复制dist/web文件到my-app/www目录下: 进入my-app目录下运行命令: cordova r ...

  7. Web App和Native App 谁将是未来

    未来是Web App的天下,还是Native App的天下?作为设计师,我们是应该努力把客户端的体验提升到最优,还是在网页应用层面上做更多的设计?这个一直是大家关心的话题.那么,我们首先应该立体的认识 ...

  8. H5开发的web APP和原生APP的区别

    H5开发的web APP和原生APP的区别有以下几个方面:一.开发方面 原生App ⊙ 每一种移动操作系统都需要独立的开发项目⊙ 每种平台都需要独立的开发语言.Java(Android), Objec ...

  9. hybrid app、web app与native app工具

    1.使用过哪些工具? Webapp:ThinkPHP Mobile(TPM).Ionic Framework.JingleUI Hybridapp:Apicloud.Phonegap(稍了解Hbuil ...

最新文章

  1. 【Python】精选30张炫酷的动态交互式图表,Pandas一键生成,通俗易懂
  2. delphi chart 曲线实时_发展学生曲线跑能力的体育游戏及运用研究
  3. postgresql安装之后修改默认用户密码
  4. 总结一些开源的网站检测扫描器源码(未完)
  5. Java SQL注入学习笔记
  6. 删除节点命令removeNode
  7. windows nginx 停止和启动_nginx在window与linux中启动、停止、与关闭
  8. 再有人问你Http协议是什么,把这篇文章发给他
  9. 电赛模拟训练日志总结三(红外光通信装置)
  10. 某度起诉“文库下载神器”,索赔300万
  11. 谷歌学术搜索 简易PDF爬虫
  12. 衣带渐宽终不悔,为伊消得人憔悴--DbHelper增强版
  13. mybatisplus删除操作引起的selectBatchIds报错
  14. Tampermonkey中文文档(部分)
  15. 香蕉派BPI-M2 Berry 全志V40 Mali400 MP2 GPU使用
  16. scrapy自定义扩展(extensions)实现实时监控scrapy爬虫的运行状态
  17. 导出excel时,数字过长怎么解决
  18. 在iview中使用ref主要事项:
  19. vue中文版Dash文档
  20. 计算机科学与技术访谈提纲,计算机科学技术专业论文大纲范本大全 计算机科学技术专业论文框架怎样写...

热门文章

  1. 设置图片格式为php,php 将bmp图片转为jpg等其他任意格式的图片
  2. oracle分页置顶,[置顶]       ibatis查询oracle分页
  3. 麦咭早教机器人_号外|「2019第一站」麦咭亮相香港国际授权展!
  4. java关闭ie提示_java 关闭IE
  5. 北航c语言简答题目汇总_2020下半年至2021年【化学/计算机/生物类】国际竞赛汇总!...
  6. logstash导入数据到Elasticsearch踩过的坑详解
  7. Linux命令学习之nslookup
  8. 【深度学习入门到精通系列】使用Plotly绘制气泡图(以U-Net等网络性能比较为例)
  9. 机器学习(MACHINE LEARNING)MATLAB动态规划解决背包问题
  10. Python matplotlib高级绘图详解