Hybrid认识笔记

2018-10-26

本篇主要记录一下hybrid的概念和认识

Hybrid是什么?

  • 前端和客户端的混合开发
  • 需前端人员和客户端开发人员配合完成
  • 某些环节涉及到server端

为什么会用Hybrid?

  • 可以快速迭代更新(无需app审核)
  • 体验流畅
  • 减少开发和沟通成本,双端公用一套代码

webview是什么?

WebView是手机中内置了一款高性能webkit 内核浏览器,在SDK 中封装的一个组件。 没有提供地址栏和导航栏,WebView只是单纯的展示一个网页界面。

  • 是app中的一个组件(可以有webview,也可以没有)
  • 用于加载H5页面,即一个小型的浏览器内核

file://协议

本地文件传输协议  File协议主要用于访问本地计算机中的文件,就如同在Windows资源管理器中打开文件一样。

Hybrid实现流程

  • 前端做好静态页面(html js css),将文件交给客户端
  • 客户端拿到静态页面,以文件形式存储在app中
  • 客户端在一个webview中
  • 使用file协议加载静态页面

首先将静态文件压缩成zip包,并分版本号上传到服务端,客户端每次启动时,都去服务端检查版本号,如果服务端版本号大于客户端版本号,就去下载最新的zip包,然后将现有文件进行覆盖,从而实现更新。

Hybrid和H5的区别

优点

  • 体验流畅
  • 快速迭代

缺点

  • 开发成本比较高
  • 运维成本较高

适应场景

Hybrid :产品的稳定功能,体验要求高,迭代频繁 H5:单次的运营活动或不常用功能