webview 实现H5与非原生App通信

17 阅读1分钟

步骤一: 下载 uni.webview.1.5.6.js 到 static文件夹  (版本可以根据最新版本来)官方链接

步骤二: 在main.js文件

import './static/js/uni.webview.1.5.6.js';   //当前最新版本
 
 
//挂载
document.addEventListener('UniAppJSBridgeReady', () => {
  console.log('uni.webView 已加载');
  // 挂载到全局或Vue实例
  Vue.prototype.$webView = uni.webView;
});

步骤三:

  //通信代码 data对象中配置需要传递的参数
  uni.webView.postMessage({
      data: {
      name:'我是通信内容'
      }
  });