支付宝小程序中嵌入H5页面并且实现通信

场景：在小程序开发中（无论是支付宝、微信、Uniapp等）经常会遇到在小程序中使用或者跳转一些自己的公司开发过的，或三方地址，在小程序中的开发文档中大家可以看到，知识有一些基本的内部跳转方式，但通过仅有的跳转方式无法满足我们的跳转外部页面的需求，这个时候我们就可以使使用webView

<view class="page">
  <web-view src="https://render.alipay.com/p/s/web-view/index" onMessage="onmessage"></web-view>
</view>

大家可以看到，web-view 中主要的一个属性就是src

web-view通过src中填写不同的三方地址近而展示对应的页面

那么在小程序中使用web-view会有那些注意事项呢，下面以支付宝小程序为例

• 不支持个人小程序使用，仅支持企业小程序。

• 每个页面只能有一个 web-view，会自动铺满整个页面并覆盖其它组件。

• 不支持多个页面 web-view 间通讯。不支持横屏以及全屏展示。

• 调试请以真机效果为准。

其中最重要的一点便是个人小程序并不支持使用，并且在开发中使用web-view还要到相应的小程序管理平台，做对应的域名配置，再开发工具大家可以点击 详情-选中最下面的忽略webview域名合法校验