>

Web App跨平台开发的优势,原文出处

- 编辑:澳门博发娱乐官网 -

Web App跨平台开发的优势,原文出处

Hybrid App技术解析 — 实战篇

2018/08/13 · 基础技术 · Hybrid

原文出处: 郭东东   

Hybrid App技术解析 — 原理篇

2018/07/25 · JavaScript · Hybrid

原文出处: 郭东东   

 

一、 引言

Hybrid App(混合模式移动应用)是指介于web-app、native-app这两者之间的app,兼具“Native App良好交互体验的优势”和“Web App跨平台开发的优势”。

当前Hybrid技术也分了几个门派,其中主流的两派——

  • 一派是采用ReactNative或者weex之类的框架来实现,通俗点说就是程序员用js写代码,然后框架负责把js代码翻译成原生代码,最后呈现出原生页面;

  • 另外一派是采用WebView组件,程序员写的是纯粹的h5代码,最后也是通过原生端的WebView组件来加载渲染,和WebApp的区别就是,WebApp整个app是一个web容器,各种页面跳转包括效果实现都是在这个容器中通过H5技术实现。
    而Hybrid-WebView的实现方案中,每个页面都是一个独立的WebView容器,页面之间的跳转,一些特殊效果,特殊组件的实现,都是通过H5发消息来调取原生功能实现的。

本文主要探讨后一种方案在Android客户端的实现,当然整体的思路在iOS端也是通用的,ReactNative的方案会在稍后送上。

本文来自于腾讯Bugly公众号(weixinBugly),未经作者同意,请勿转载,原文地址:

style="font-weight:700">导语: 架构的演进是为业务不断发展服务的,架构不能脱离业务,这是最基本的出发点。58 同城 iOS 客户端随着业务量和用户量的持续增长,架构也是不断受到挑战,采用什么样的架构去适应这些变化,对技术人员来说也是一大考验。58 App 的架构先后经历了纯 Native、引入 Hybrid 框架、底层服务组件化、业务线组件化,即整个 App 组件化的四个阶段。

引言

上一篇原理篇,我们已经详细地阐述了 Hybrid App 的基础原理,了解了 Native端 和 H5端 是如何通信的,还有 bridge 的设计和接入。而本篇文章将开始把这些原因进一步实践,用代码真正地去实现一套完整且稳定的 Hybrid 方案。如果对原理还有疑问的小伙伴,请移步Hybrid App技术解析 — 原理篇,只有在理解了理论的基础上,进一步与实践相结合,才能真正地去深入一项技术。

如果大家有什么更好的方案或建议,可以到 github.com/xd-tayde 上与我进行讨论哈!

引言

随着 Web 技术和移动设备的快速发展,Hybrid 技术已经成为一种最主流最常见的方案。一套好的 Hybrid架构方案 能让 App 既能拥有极致的体验和性能,同时也能拥有 Web技术 灵活的开发模式、跨平台能力以及热更新机制,想想是不是都鸡冻不已。。

本文由胜博发-前端发布,转载请注明来源:Web App跨平台开发的优势,原文出处