RN/原生/WebView的相互通信

在日常混合APP开发中，原生、RN、Web之间两两相互通信是很常见的。

1. 原生→Web：在Web中新增方法或者变量到Window对象上，然后原生可以通过新增的方法或变量进行传参等等。
2. Web→原生：原生在WebView容器组件中监听url的变化，自定义协议也算是url。Web里可使用window.location.href = 'xxxx://xxx?a=x&b=x'改变url，这时原生进行拦截url即可，就能拿到数据，同时阻止页面刷新等操作。
3. 原生→RN：使用事件方式NativeEventEmitter传递参数，可以参考和原生端通信。
4. RN→原生：原生暴露方法出来（是Promise），可以参考和原生端通信。
5. RN→Web：在RN的WebView中提到onMessage和postMessage，所以要在一端监听事件，另一端发送事件。示例：react-native与webview的双向通信
6. Web→RN：参考上面RN→Web。

以上就是混合APP开发中，相互通信的概述。需要注意的是，RN中自带WebView在后期版本中会被移除，可使用社区维护版react-native-webview。