开发者社区> needrunning> 正文

何为Web App,何为Hybird App

简介: 这些概念听起来很火,当下也很流行,真正理解起来却并非易事。如果让我来全面的解释Web App和Hybird App,我觉得还有些困难。 这篇文章只是我深入了解移动领域开发过程中的不断整理和总结,其中涉及到很多概念,观点,个人的看法,有不确切的地方,欢迎指正。
+关注继续查看

这些概念听起来很火,当下也很流行,真正理解起来却并非易事。如果让我来全面的解释Web App和Hybird App,我觉得还有些困难。

这篇文章只是我深入了解移动领域开发过程中的不断整理和总结,其中涉及到很多概念,观点,个人的看法,有不确切的地方,欢迎指正。

阅读这篇文章,您将了解到

移动网站版本现状

Web App 出现 

web appwap站发展而来 

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 appwap站发展而来

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同城,都是公司之间深入的合作,普通开发者应该没有这样的能力和机会。

更新与性能的矛盾

相比于webapphybird 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

 

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
天人合一物我相融,站点升级渐进式Web应用PWA(Progressive Web Apps)实践
PWA(Progressive web apps,渐进式 Web 应用)使用现代的 Web API 以及传统的渐进式增强策略来创建跨平台 Web 应用程序,说白了,PWA可以让我们的站点以原生APP的形式运行,但相比于安装原生APP应用,访问PWA显然更加容易和迅速,还可以通过链接来分享PWA应用。
93 0
Web App 2|学习笔记
快速学习Web App 2
92 0
Hybird推送通知然后跳转app
最近公司有个项目,前端使用的是react+node.js,需要增加一个推送功能,我选用了goeast作为本次推送后台,原来的友盟我尝试过,只能推送原生,混合不支持。
1335 0
Hybird App(一)----第一次接触
<div class="markdown_views"> <p></p> <div class="toc"> <div class="toc"> <ul> <li> <a href="#app%E4%BD%A0%E7%9F%A5%E9%81%93%E5%A4%9A%E5%B0%91">App你知道多少</a><ul> <li> <a href="#%E4%B8%80-%E4%B
2265 0
使用cordova+Ionic+AngularJs进行Hybird App开发的环境搭建手册
一,所需工具       1,JDK:生成     2,安卓SDK开发环境     3,NodeJs:主要使用的还是npm     4,Python开发环境     5,VS 2012(2008,2015也可以,已亲测):安装这个主要是需要一些.net的东西,也没具体查是啥,图个省事。
1347 0
Hybird App——cordova(原PhoneGap)安装配置
 一,环境支持                  1,安卓开发环境(JDK+安卓SDK+AS/Eclipse)           2,Node.js            先说下PhoneGap跟cordova的关系:PhoneGap是原先的名字,Cordova是PhoneGap被捐给apache之后用的项目名,PhoneGap的名字也被保留了。
1051 0
众筹app商城开发详细,众筹app商城系统开发(案例及方案),众筹商城系统源码功能
The new retail model refers to a model in which individuals and enterprises, relying on the Internet, upgrade and transform the production, circulation and sales process of goods by using advanced technology such as big data and artificial intelligence, and then reshape the business structure and ec
32 0
《云原生时代下的App开发》电子版地址
2021年12月,阿里云携10+技术专家亮相年度顶级云原生开源技术峰会 ,并带来阿里云云原生专场,不仅汇聚行业发展方向的精彩主题演讲,在云基础设施、可观察性等云原生与开源技术等各大专题中,从阿里云真实业务场景中 走出来的云原生技术最佳实践也向全球开发者一一呈现。
15 0
+关注
needrunning
7年互联网软件开发经验积累了丰富的团队合作,开发设计经验。 技术特长在于基于NET,PHP平台后端开发技术,涉及网站,云端服务,APP等方面设计开发,对MongoDb,Redis等数据库选型和实践应用有丰富的使用经验。对人工智能大数据方面有一定涉猎。
文章
问答
文章排行榜
最热
最新
相关电子书
更多
移动App持续交付之路
立即下载
移动App研发加速—跨平台解决方案
立即下载
云原生时代下的App开发
立即下载