IOS和H5之间的交互开发

随着H5的发展，H5的迅速普及，H5的市场也快速的占据了大量的市场份额。很多公司考虑使用H5来开发前段和移动端的开发，使用一套代码控制移动端（iOS、android）、前端的界面。大大节省开发的时间和开发的成本，使用一个前端 程序员 代替了，原生的移动端和前端，同时加快了移动端更新慢的问题。

但是H5代替原生的移动端开发还是需要很长时间的发展和完善，有很多人都在质疑H5代替原生前端开发可能存在的安全问题、用户交互和体验的问题，H5代替原生还是一个很漫长的过程，原生移动端也面临着巨大的挑战。

第一种：比较常见的就是使用OC中自带的UIWebView类，来实现加载H5网页界面。

第二种：WebViewJavascriptBridge开源库使用，然后注入相应的JS。

第三种：reactiveNative，是facebook2015年开放的一个开源框架。

优点是：能够用JavaScript脚本就可以写出App的界面，对从事Web开发的同事们转行做几个简单的移动App是个福利。不用为了写个移动App小程序而专门去学习Objective-C和Swift。

和其他的移动Web框架相比：

Native不用WebView，彻底摆脱了WebView让人不爽的交互和性能问题；

Native的原生控件有更好的体验；

Native有更好的手势识别；

Native有更适合的线程模型；

缺点是：还在试用阶段，潜在的问题尚不得而知：兼容性问题，性能问题等。还没大量普及，学习资料尚且不多，供爱折腾的朋友尝尝鲜。

第四种：iOS7之后出了JavaScriptCore.framework用于与JS交互，但是不支持iOS6，

iOS 开发中，H5的嵌套可以通过UIWebView （iOS 2）和 WKWebView（iOS 8）之后出现的

IOS 和 H5交互从根本上可以分为两种方式：

1. 使用UIWebView

1）使用基本的H5布局

2）使用苹果自带的JavaScriptCore. framework

3）使用第三方框架WebViewJavascriptBridge

2.使用React框架

备注：

IOS 和 H5结合被拒的原因并不是 因为App中的H5的问题，而是由于用户直接调用系统中的 Web后台的网页，并不是真正意义上的IOS 和 H5结合的开发。（相当于App只是通过一个WebView打开一个Web，只是一个简单的浏览器就能实现的功能）

---------------------

作者：Flame_Dream

原文：https://blog.csdn.net/Future_One/article/details/77649028