鸟巢-一种全新的Native APP开发模式，这篇文章为您解读

无意中发现了一个网站，好像是刚开始的，虽然文章不多，但是内容都还蛮有深度的，跟大家分享下。以下均是转载云栖社区博文，还是阿里巴巴技术协会（ATA）精选文章。（完整文章在这里>>）

什么是鸟巢？

鸟巢（Birdnest native），一种通过前端技术扩展Native动态能力的解决方案。运用HTML5+CSS+JavaScript这些前端技术只是为了降低接入门槛。鸟巢为Native APP，提供的是一套从前端到后端的整体方案。技术目标是：

1.将Native页面开发难度简化为前端HTML5页面开发；
2.提供媲美传统Native的用户体验；
3.将业务复杂度放在服务端，可以通过动态推送实现业务功能更新。

鸟巢的特点

动态能力是鸟巢的初衷，鸟巢打造了从前端到后端的整体动态能力输出方案，形成了一个闭环，这是它最重要的特点。采用这种设计是为了，降低接入门槛，降低学习成本。

鸟巢的产生

• Layout的选择：在2014年底确认采用CSS      Layout和Flex Box来重新设计实现，让Layout变得简单起来，以前通过线性布局和水平垂直布局实现的种种问题，都迎刃而解。

• 脚本库的选择：在果断放弃接受范围窄的脚本库后，我们选型了一个性能佳体积小的JS库，iPhone和Android采用同一套JS库，大大降低了鸟巢核心的开发成本，提供了一个稳定可控的鸟巢核心。

• 页面协议的选择：选择HTML5来做页面描述，遵守Chrome事实标准后，问题都消失了。如果选择私有JSON页面协议，开发一个工具来编辑维护JSON页面，工作量巨大，效果也不佳。

鸟巢的适用场景

全业务托管-整个APP的所有页面全部托管给鸟巢，鸟巢负责全部页面的渲染、管理、更新、缓存。如：支付宝钱包支付采用了这个方式接入鸟巢。这个方案的好处就是：通过业务服务端发布和鸟巢页面管理，整个APP都处于可控状态，随时可以进行业务上新、业务变更和bug修复，业务可控性达到最佳。

全屏页面托管-整个APP中，只有有动态变化需求的部分页面，才托管给鸟巢。鸟巢负责这部分页面的渲染、管理、更新、缓存。如：支付宝全局搜索采用这个方式接入了鸟巢。这个方案的好处是：在之前APP基础架构上，只用针对性的接入鸟巢，就可以把变更频繁的业务沉淀到服务端，降低业务变更对APP升级的依赖性。

 页面部分托管-整个APP中，在一个框架相对稳定的页面里，只有页面的一部分区域是需要动态变化的。鸟巢负责这个页面部分的渲染、管理、更新、缓存。如：支付宝线下采用这个方式接入了鸟巢。

更多请详读全文>>

转载于:https://my.oschina.net/u/2555927/blog/546314