小程序开发实战案例五 | 小程序如何嵌入H5页面，本篇文章将会从下面这

小程序开发实战案例五 | 小程序如何嵌入H5页面，本篇文章将会从下面这

在接入小程序过程中会遇到需要将 H5 页面集成到小程序中情况，今天我们就来聊一聊怎么把 H5 页面塞到小程序中。

本篇文章将会从下面这几个方面来介绍：

• 小程序承载页面的前期准备
• 小程序如何承载 H5
• 小程序和 H5 页面如何通讯
• 小程序和 H5 页面的相互跳转

小程序承载页面的前期准备

首先介绍下我们在用小程序承载页面之前需要做些什么。

第一步当然就是 先有一个 H5 地址 啦，支付宝这边对 H5 地址的要求如下：

• 仅支持 https 开头的地址
• 不支持 IP 地址及端口号
• 不支持重定向页面

第二步就是要 将H5 页面地址配置到支付宝的白名单 里面，这一步必不可少的；如果不配置的话，后面在访问小程序的时候会遇到页面访问受限的报错，详见