前言

在 uni-app 项目开发中，详解实现web-view和App之间的互相通信完整流程及代码教程，Uniapp app端向webview网站传递数据，同时webview又可以向app端传递数据参数，完成二者的数据通信方案，支持嵌入本地移动端H5页面、第三方网站、自定义网页，附带各种常见问题，解决发送数据通信没反应、数据传递不过去、页面空白报错、跨域报错、内嵌在webview里的网页后退问题(物理返回键后退有问题)等。

uniapp（vue2 | vue3）版本项目均可使用，跟着教程复制代码运行即可。

如下图所示，苹果安卓APP端和内嵌网页之间双向互传数据，实时通信。

详细代码，保证新手小白100%搞定。

示例代码

具体实现代码如下，请直接复制运行测试即可。