微信小程序内嵌网页的一些（最佳）实践

前言

3 个月前，微信小程序推出了 web-view 组件引发了一波小高潮，笔者所在的大前端团队写过一篇浅析，详情可见：浅谈微信小程序前端生态。

我们曾大胆猜想，这一功能，可能直接导致小程序数量增长迎来一波高峰。

毕竟磨刀霍霍却一直资源不足的团队应该不少，现在可以把已有 H5 应用嵌入到小程序 web-view 容器中，以最低的开发成本坐蹭微信流量红利，何乐而不为呢？

我们也曾畅想也许“小程序页面+ web 页”混合开发（甚至 web 更重）会成为以后的新趋势。

2M 代码限制（如今已更新至 4M）使得像“转转官方”这样功能繁复的小程序必须考虑引入 web 内容，再有就是小程序审核发布机制使得它终究不能像 web 一样迭代迅速。

正好笔者所在的业务线，存在已有的 H5 应用却无对应小程序的情况。我们在开发对应小程序时也算收获了不少经验（踩了不少坑），分享给有小程序需求的朋友们~

最大的坑：不支持服务通知

是的，web-view 不支持推送服务通知（或称模板消息)。

如图所示，类似订阅号在对话列表的模式

为什么能称为最大的坑？我们先了解一下服务通知，以下引用全部来自微信官方小程序文档。