【quickhybrid】如何实现一个Hybrid框架
章节目录
一些感慨
踏入前端领域满打满算也两年多了。到现在,主要方向已经是由Android
原生转到了偏前端领域。
期间,不提自己的技术进步、视野拓宽,最大的产出之一应该就是从0开始构建了一个Hybrid
框架了。
正值最近开始进行技术梳理,因此就准备写一系列文章沉淀起来。
本系列包含的内容清单
Hybrid框架的原理以及架构系列
JavaScript部分的原理以及源码系列(包括部分API的多容器的兼容)
Android部分的原理以及源码系列(仅覆盖核心实现以及API部分,不包含实际业务代码)
iOS部分的部分原理(一些坑会特别提出,理论上根据原理应该可以还原出)
- 由于本人没写过iOS应用,因此目前没有直接提供源码,后续有时间可以考虑进一步提供
什么样的Hybrid
框架?
核心宗旨:H5
页面基于该框架可以替代80%
以上的原生业务页面。
更详细一点:
适用于需要开发大量项目级APP的场景
不是用于完全替代原生开发,而是替代里面的
80%
原生业务页面(模式是: 原生部分 + H5部分)框架人员至少需要一名
Android
原生,一名iOS
原生,一名前端架构
(如果全栈,可以考虑合一)部分API(如
UI
显示类)考虑到了H5
的兼容并没有做到产品级别的优化(需求优先级别较低)
之所以不基于第三方框架而是自己重新实现,是由具体的环境与需求决定的。譬如要求自己必须完全掌握源码,某些功能必须通过特定安全检测等。
另外,本系列不与任何市面上的其他框架进行比较,仅是自己的经验总结。
此框架是否有实践经验?
此框架不是平地起高楼而来的,而是在接近两年的项目实战中慢慢演化出的,内部已经迭代过多个版本
另外,它已经在一个项目型公司全面推广使用了。(N+
级别)
这里要说明下:
实际项目中,Hybrid框架仅仅是其中的一部分,还会包括一些原生通用组件,业务模块等
但是本系列仅止步于Hybrid框架(处于诸多因素考虑,包括核心实现以及API实现)
如何应用与自己的项目中?
最后的源码部分仅提供核心实现以及API部分,对于一些简单项目来说,其实也就够用了,
但是如果功能较复杂的,肯定需要进一步封装自己的原生功能。
实际上推荐使用以下人员配置:
一名资深
Android
原生(负责Android
容器)一名资深
iOS
原生(负责iOS
容器)一名资深前端(前端部分不要小觑,要配合排查问题的)
总架构(推荐是以上三人中的一人担任,譬如本系列是由前端来统一架构的-但前提是必须懂点原生原理,否则抓瞎)
因为每一个人精力有限,所以除非特别厉害和全能,否则不建议一人担任两职
(譬如像我转入前端后,以前的Android就遗忘的很快,但是如果重点兼顾Android,前端水准肯定无法快速提升)
在N+
项目时的模式大致如下:
三名框架人员负责核心框架容器部分(框架还需要提供一些通用模块与组件)
各个业务线的APP中可以专门分配不同的原生人员负责打包APP(1对N,协助排查各自可能的业务问题)
每一个APP中可以有若干
H5
业务开发人员(由不同的复杂度而定,主要业务都是线上的H5形式)三名对于的框架人员负责处理过滤后的真正框架BUG(由业务负责人过滤)
注意,以上是最小配置。(譬如可以分配更多的框架人员,优化提升等)
最后,以上是实际的经验总结,仅做参考。
框架更新与迭代
实际上不同框架的更新迭代方式都是不一样的,比如本系列中就是基于需求迭代
也就是说遇到问题才修复,优化,累积一段时间后开始考虑下一代的优化提升(迫于投入的窘迫性)
一般来说,整体的交互架构以及API是由对于的负责人规划的,然后安排给对于的容器实现
版本号的化仍然是以下经典形式:
大版本.小版本.修正版
譬如本框架在两年内迭代了多
个大版本(涉及到底层),
使用起来变化较大就会变动小版本,
平时个别API新增和修复是修正版
这里因人而异,比如有的喜欢将API新增也变为小版本更新
借鉴与不足
本框架中在实现是吸取了不少市面上已有框架的经验,譬如:
钉钉(API设计上,可惜无法看到它底层实现...)
phonegap,html5+,apicloud,appcan等都有接触过(但参考的不多)
一些
github
开源库,譬如marcuswestin/WebViewJavascriptBridge等
另外,在文章总结时,参考了一些博文,包括我以前写的文章(会在参考来源中)
源码
github
上这个框架的实现
【quickhybrid】如何实现一个Hybrid框架的更多相关文章
- 【quickhybrid】架构一个Hybrid框架
前言 虽然说本系列中架构篇是第一章,但实际过程中是在慢慢演化的第二版中才有这个概念, 经过不断的迭代,演化才逐步稳定 明确目标 首先明确需要做成一个什么样的框架? 大致就是: 一套API规范(统一An ...
- quickhybrid】如何实现一个Hybrid框架
章节目录 [quickhybrid]如何实现一个跨平台Hybrid框架 [quick hybrid]架构一个Hybrid框架 [quick hybrid]H5和Native交互原理 [quick hy ...
- 分享一个hybrid框架ionic
ionic 是一个 HTML5 应用程序开发框架. 可以使用 HTML.CSS 和 Javascript 构建接近原生体验的移动应用程序.具有速度快,界面现代化.美观等特点.下面一起看一下如何使用 安 ...
- Hybrid框架UI重构之路:一、师其长技以自强
这两年在支撑公司的Hybrid框架的运维发展,让人确认这种移动开发方式确实是一条不错的路.混合应用这种开发方式降低开发难度,极大的提高开发效率,最重要的一点效果可以接近原生应用.框架的本身是需要持续不 ...
- Hybrid框架安全隐患分析
Hybrid框架安全隐患分析 目前我司移动端项目中各种app如雨后春笋般生根发芽层出不穷.而利用Hybrid框架确实可以减轻一部分移动端压力.并且做到灵活发版.但是其中的安全问题往往让人忽略. 针对A ...
- 如何实现一个php框架系列文章【开篇】
1.本系列文章的目的 实现一个小而美的产品级别php框架 自己动手实现一个新框架仅用于学习交流,不打算替代市面上现有的其他主流框架. 2. 我要一个怎样的PHP框架 简单实用,安全优雅,博采众长 安装 ...
- 第一个web框架tornado
简介 tornado,是我学到的第一个web框架是 FriendFeed 使用的可扩展的非阻塞式 web 服务器及其相关工具的开源版本.这个 Web 框架看起来有些像web.py 或者 Google ...
- 一个iOS 框架介绍:MKNetworkKit
http://blog.csdn.net/kmyhy/article/details/12276287 http://blog.csdn.net/mobailwang/article/details/ ...
- ionic 接触的第一个Hybrid项目
最近需要维护一个Hybird项目,使用的是ionic,由于是第一个Hybrid项目,在这里记录下基本的知识. 先看一下ionic的最基本介绍: http://my.oschina.net/u/2275 ...
随机推荐
- python自动化之上传文件的3种方法和图片预览
ajax上传文件的三种方法 第一种xhr提交 function xhrSubmit(){ // $('#fafafa')[0] var file_obj = document.getElementBy ...
- CentOS添加并挂载新硬盘
1.查看当前硬盘使用状况: [test@master Desktop]$ df -hFilesystem Size Used Avail Use% Mounted on/dev/sda2 13G 12 ...
- cmd导出oracle数据库数据
今天弄了下oracle数据库导入导出命令exp,imp 首先这个命令是在cmd直接执行,不是sqlplus登录后再执行,见下图: 再次,注意结尾不能有分号(;): exp scott/scott@su ...
- block本质探寻二之变量捕获
一.代码 说明:本文章须结合文章<block本质探寻一之内存结构>和<class和object_getClass方法区别>加以理解: //main.m #import < ...
- redis缓存穿透和缓存失效的预防和解决
缓存穿透: 认识 缓存穿透是指查询一个一定不存在的数据,由于缓存是不命中时需要从数据库查询,查不到数据则不写入缓存,这将导致这个不存在的数据每次请求都要到数据库去查询,造成缓存穿透. 解决办法: 对所 ...
- 更新Android Studio 3.1.1碰到的问题
碰到了如下问题 The SourceSet 'instrumentTest' is not recognized by the Android Gradle Plugin. Perhaps you m ...
- VB6 Common Dialog
'---------------------------- 'Class CommonDialog 'Member of MSComDlg '---------------------------- ...
- HBase数据访问的一些常用方式
类型 特点 场合 优缺点分析 Native Java API 最常规和高效的访问方式 适合MapReduce作业并行批处理HBase表数据 Hbase Shell HBase的命令行工具,最简单的访问 ...
- 【LG3249】[HNOI2016]矿区
[LG3249][HNOI2016]矿区 题面 洛谷 题解 先平面图转对偶图, 建好了对偶图之后随意拿出一个生成树,以无边界的范围为根. 无边界的范围很好求,用叉积算出有向面积时,算出来是负数的就是无 ...
- RabbitMQ 安装 rabbitmq_delayed_message_exchange插件
rabbitmq_delayed_message_exchange插件主要是实现延迟队列 一.下载插件 下载地址:http://www.rabbitmq.com/community-plugins.h ...