回答

uniapp新建一个页面

<template>
    <view>
        <web-view :webview-styles="webviewStyles" src="https://你的网页url" @message="getMessage"></web-view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                webviewStyles: {
                    progress: {
                        color: '#FF3333'
                    }
                }
            }
        },
        methods: {
		    getMessage(event) {
		      console.log(event);
		      uni.showModal({
		        content: JSON.stringify(event.detail),
		      });
		  }
	  }
    }
</script>

<style>

</style>

在你的H5页面引入 https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js 然后在你的H5页面进行使用，切记，使用里面的API一定要加上webView，例如（uni.webView.postMessage({});更多相关的API在官网里面自行查找，代码如下

<template>
	<view class="w-full" style="background-color: #fafbfa;">
		<view @click = messageApp>点击发送消息</view>
	</view>
</template>

<script>

export default {
	data() {
		return {

		};
	},
	computed: {},
	onShow() {},
	methods: {
		messageApp(){
			uni.webView.postMessage({
				data: {
					data: '这是向app发送的消息',
					type: 'message'
				}
			});
		}
	}
};
</script>

<style></style>

更多解释：https://uniapp.dcloud.io/component/web-view