1.在index.html中引入webview.js并检查
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="facebook-domain-verification" content="ubjskcwra0ommj0ts7gldbkenw4bei" />
<link rel="stylesheet" href="<%= BASE_URL %>static/index.css" />
<meta name="viewport"
content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
<script>
var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||
CSS.supports('top: constant(a)'))
document.write(
'<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
(coverSupport ? ', viewport-fit=cover' : '') + '" />')
</script>
<title></title>
</head>
<script type="text/javascript" src="https://unpkg.com/@dcloudio/uni-webview-js@0.0.2/index.js"></script>
<script type="text/javascript" src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js">
</script>
<script type="text/javascript">
document.addEventListener('UniAppJSBridgeReady', function() {
uni.webView.getEnv(function(res) {
console.log('当前环境:' + JSON.stringify(res));
});
});
</script>
<body>
<div id="app">
<!--app-html-->
</div>
<script type="module" src="/main.js"></script>
</body>
</html>
2.在需要的uniappH5端发送内容
postMsg() {
uni.webView.postMessage({
data: {
type: 'fb',
name: 'EVENT_NAME_COMPLETED_REGISTRATION',
params: {
}
}
});
},
3.uniappApp端接收
<template>
<view class="">
<view v-if="pageShow === nation || pageShow === 'B'"><web-view :src="webUrl" @message="message"></web-view></view>
</view>
</template>
<script>
// #ifdef APP-PLUS
var facebook = uni.requireNativePlugin('sn-facebook');
// #endif
export default {
data() {
return {
pageShow: '',
nation: '',
webUrl: 'http://b123.com'
};
},
onLoad() {
},
methods: {
message(data) {
console.log(data);
},
}
};
</script>
<style></style>