【微信小程序】微信小程序跳转H5页面的实现思路与方案

需求简述

当前项目的主流程采用H5的方式编写。
在一些渠道的营销推广活动中，并不能直接跳转到网页，但可以跳转到微信小程序。
于是希望通过微信小程序，间接实现跳转H5页面的需求。

方法简述

有两种解决方案：
1.在微信小程序中打开H5页面，需要借助微信小程序web-view标签。
2.在微信小程序中保存链接，然后提醒用户在浏览器中打开。

具体途径

通过对两种方案的优化，我想到了六种具体的途径。
（一）微信小程序，首页为活动营销页面，页面中有一个按钮，点击进入含有web-view标签的H5具体功能页
（二）微信小程序，首页直接包含web-view标签
（三）微信小程序，进入首页时在onLoad中直接跳转到含有web-view功能页
（四）微信小程序，点击按钮，将链接保存到剪贴板中，并提示用户到浏览器中打开
（五）微信小程序，首页为web-view标签，进行打开方式判断，当打开方式为微信时，界面显示信息引导客户右上角选择用浏览器打开；当打开方式为浏览器时，正常访问
（六）微信小程序，点击按钮，跳转进入公众号，引导用户关注公众号后在公众号中继续业务

更多优化

在用户使用体验方面，值得注意的是，页面加载会需要一定的时间，可以通过增加加载动画、预置海报等方式优化。