什么是混合app

混合开发的App(Hybrid App)就是嵌一个轻量级的浏览器,一部分原生的功能改为Html5来开发,这部分功能不仅能够在不容升级的情况下动态更新,而且可以在Android或iOS上同时运行,让用户的体验更好又可以节省开发的资源。

目前市场上主流的APP分为三种:原生APP、Web APP(即HTML5)和混合APP三种,相对应的定制开发就是原生开发、H5开发和混合开发。

一、APP原生开发

原生开发(Native App开发),是在Android、IOS等移动平台上利用提供的开发语言、开发类库、开发工具进行App软件开发。比如Android是利用Java、Eclipse、Android studio;IOS是利用Objective-C 和Xcode进行开发。

通俗点来讲,原生开发就像盖房子一样,先打地基然后浇地梁、房屋结构、一砖一瓦、钢筋水泥、电路走向等,都是经过精心的设计。原生APP也一样:通过代码从每个页面、每个功能、每个效果、每个逻辑、每个步骤全部用代码写出来,一层层,一段段全用代码写出来。

优点:

可访问手机所有功能(如GPS、摄像头等)、可实现功能齐全;
运行速度快、性能高,绝佳的用户体验;
支持大量图形和动画,不卡顿,反应快;
兼容性高,每个代码都经过程序员精心设计,一般不会出现闪退的情况,还能防止病毒和漏洞的出现;
比较快捷地使用设备端提供的接口,处理速度上有优势。
缺点:

开发时间长,快则3个月左右完成,慢则五个月左右;
制作费用高昂,成本较高;
可移植性比较差,一款原生的App,Android和IOS都要各自开发,同样的逻辑、界面要写两套;
内容限制(App Store限制);
获得新版本时需重新下载应用更新。

二、Web APP (HTML5)开发

HTML5应用开发,是利用Web技术进行的App开发。Web技术本身需要浏览器的支持才能进行展示和用户交互,因此主要用到的技术是HTML5、Javascript、CSS等。

优点:

支持设备范围广,可以跨平台,编写的代码可以同时在Android、IOS、Windows上运行;
开发成本低、周期短;
无内容限制;
适合展示有大段文字(如新闻、攻略等),且格式比较丰富(如加粗,字体多样)的页面;
用户可以直接使用新版本(自动更新,不需用户手动更新)。
缺点:

由于Web技术本身的限制,H5移动应用不能直接访问设备硬件和离线存储,所以在体验和性能上有很大的局限性;
对联网要求高,离线不能做任何操作;
功能有限;
APP反应速度慢,页面切换流畅性较差;
图片和动画支持性不高;
用户体验感较差;
无法调用手机硬件(摄像头、麦克风等)。

三、混合APP开发(原生+H5)

混合开发(Hybrid App开发),是指在开发一款App产品的时候,为了提高效率、节省成本而利用原生与H5的开发技术的混合应用。通俗点来说,这就是网页的模式,通常由“HTML5云网站+APP应用客户端”两部份构成。

混合开发是一种取长补短的开发模式,原生代码部分利用Web View插件或者其它框架为H5提供容器,程序主要的业务实现、界面展示都是利用与H5相关的Web技术进行实现的。比如京东、淘宝、今日头条等APP都是利用混合开发模式而成的。

优点:

开发效率高,节约时间。同一套代码Android和IOS基本上都可使用;
更新和部署比较方便,每次升级版本只需要在服务器端升级即可,不再需要上传到App Store进行审核;
代码维护方便、版本更新快,节省产品成本;
比web版实现功能多;
可离线运行。
缺点:

功能/界面无法自定:所有内容都是固定的,不能换界面或增加功能;
加载缓慢/网络要求高:混合APP数据需要全部从服务器调取,每个页面都需要重新下载,因此打开速度慢,网络占用高,缓冲时间长,容易让用户反感;
安全性比较低:代码都是以前的老代码,不能很好地兼容新手机系统,且安全性较低,网络发展这么快,病毒这么多,如果不实时更新,定期检查,容易产生漏洞,造成直接经济损失;

判断h5在ios还是安卓

function detect(){var equipmentType = “”;
var agent = navigator.userAgent.toLowerCase();
var android = agent.indexOf(“android”);
var iphone = agent.indexOf(“iphone”);
var ipad = agent.indexOf(“ipad”);if(android != -1){equipmentType = “android”;}if(iphone != -1 || ipad != -1){equipmentType = “ios”;}return equipmentType;
}

App混合开发-前端小白理解相关推荐

  1. 谈谈Android App混合开发

    推酷 文章 站点 主题 公开课 活动 客户端 荐 周刊 登录 谈谈Android App混合开发 时间 2015-08-25 20:13:43bxbxbai 原文  http://bxbxbai.gi ...

  2. Hybrid APP混合开发的一些经验和总结

    写在前面: 转载自 --->博客园  KINGPLUS 1.混合开发概述 Hybrid App主要以JS+Native两者相互调用为主,从开发层面实现"一次开发,多处运行"的 ...

  3. app混合开发基本理论

    app开发分三种,第一种纯原生,第二混合,第三,纯html. 1.第一种就不说了,用ios就是iOS.安卓就是安卓.第二种和第三种差不多,都是利用一个容器webview,来加载网页,实际就是缩减版的浏 ...

  4. Hybird APP混合开发升级方法

    hybrid app开发的优势优点不用说了,但在这里,我们将重点关注混合系统中模块包的升级过程. 服务器维护压缩包的版本列表 Apppid 表示每个模块的唯一 ID 版本表示相应模块的版本号,递增 U ...

  5. Hybrid APP 混合开发模式的选择之路(三)

    原文出处:http://www.cnblogs.com/dailc/p/5930231.html 现在概念上的APP诞生是在Google推出Android,Apple推出iOS后,从这时候开始,就有了 ...

  6. Hybrid APP混合开发的了解和其他两类app的对比

    以前我都是用java做网站的,最近公司需要开发一个app,但是公司又没有Android工程师,所以这个任务就被我们伟大的技术总监分配给我做了,下面我就来解释下目前的app市场行情,由于我们的app只是 ...

  7. 鸿蒙3.0 APP混合开发闪退问题笔记

    APP采用cordova混合开发, 鸿蒙2.0以及安卓操作系统正常使用,但是在鸿蒙3.0中出现APP闪退,对APP进行真机调试发现,鸿蒙3.0系统对crosswork插件存在兼容问题,这些问题会导致A ...

  8. app混合开发之微信分享设置

    在app内混合开发中,分享页面是必不可少的,但是分享到微信时二次分享就会没有分享的设置,这时候就需要自己配置微信二次分享,使用说明请查看微信JS-SDK说明文档 //API.jsimport axio ...

  9. h5逻辑_H5+app 混合开发

    目录 app分类 h5与原生进行交互 [1] 判断h5页面打开的环境是ios/android [2] JS调用ios/android的方法 js调用ios的方法 js调用android的方法 区别 总 ...

最新文章

  1. 服务器搭建虚拟win云服务,云服务器创建win10虚拟机
  2. 数据资源 | ​社会科学数据资源
  3. 「兼容M1」Royal TSX for Mac 最强远程管理软件
  4. spring aop 必须的包 及里面用到的东西_学习Spring的思考框架
  5. ORACLE中seq$表更新频繁的分析
  6. Java下使用Apache POI生成具有三级联动下拉列表的Excel文档
  7. 对CSRF(跨站请求伪造)的理解
  8. 自动化测试——接口测试——pandas——CSV文件参数化——数据驱动
  9. java对象复制_Java对象的深层复制与浅层复制
  10. 移动端使用的WebKit私有属性(转)
  11. 公司法人没社保零申报,原来可以这样?
  12. 北京二手房上周成交环比增六成 个别业主涨价出售
  13. 搭建srs流媒体服务器
  14. 如何根据观看距离来确定合适的投影幕布尺寸?
  15. Entity Framework Code First 学习日记(4)
  16. 利用树莓派4搭建私有云盘
  17. 九九乘法c语言的编程,C语言九九乘法表
  18. Python自学笔记————字符串
  19. Net分布式系统之五:微服务架构
  20. Unity5场景应该如何烘焙?

热门文章

  1. 兄弟mfc9140cdn无法识别_兄弟MFC-9140CDN驱动
  2. xhr返回值_数据交互 http请求 xhr
  3. PythonStock(26)股票系统:股票系统视频说明,开始陆续的制作视频了,这样更家形象生动的讲解股票系统。陆续制作视频,把这个股票系统持续做下去。重点是数据的分析能力
  4. 138. 兔子与兔子(字符串 hash)
  5. 买5000到5500的计算机的配置,这样的电脑配置单报价5500元,客户都嫌贵:劝您还是再看看吧!...
  6. YouTube CEO关于工作和生活平衡的完美回答
  7. vue中获取上一页的路由信息
  8. TP实现小程序支付功能,前端和后端详细实现代码。
  9. 在Angular项目中使用ng2-file-upload上传文件
  10. mysql 从第几个字符串开始截取_MySQL截取字符串函数方法