微信小程序跳转到 H5 页面实战篇
有些场景需要从微信小程序跳转到 H5 页面，通常网上的教程会告
诉你使用 web-view 组件就可以了，但实际开发中还有很多需要注意
的地方，尤其是很多概念往往会把初学者弄糊涂了，下面就让我们从
概念开始吧！
微信小程序：虽然开发方法类似网页，但
实际上是一种只能运行在微信自己开发的浏览
器中的特殊网页，它所能够使用的所有功能都
必须由微信浏览器提供；
H5 页面：这是真正的网页应用，运行在
通用浏览器中，各种浏览器虽然在细微上有所
差别，但总的来说是一致的，微信浏览器同时
也是一种通用浏览器，能够支持真正的网页应
用。
因此我们才有可能在微信小程序和 H5 页面之间进行跳转，但这种
跳转是受到微信浏览器的严格控制的，因此我们有必要了解这些控制
包括哪些。
H5 页面所在的域名：假设你需要调转的 H5 页面 URL 为/h5page，
那么这里所说的域名就是，另外你没有看错，这个 URL 必须是 https，
如果你还没有为你的网站加上 SSL，那么就先去申请一个证书吧（注
意必须是公开申请的证书，不能是自签名的，微信不认哦！）
好了，这些都准备好了，让我们开始开发一个小例子。
由于 web-view 组件是一个全屏组件，不能和其它小程序组件合
用，因此需要独立占据一个页面，所以我们到例子就是在小程序的 A
页面加一个链接，跳转到 B 页面，然后在 B 页面使用 web-view 组件
来加载 H5 页面。
A 页面
<view class='answerer flex-wrp' bindtap='jumpToH5'>
资源评论
我是你的春哥！
- 粉丝: 1w+
- 资源: 1万+
最新资源
- ECharts仪表盘-多标题仪表盘.rar
- ECharts仪表盘-基础仪表盘.zip
- ECharts仪表盘-等级仪表盘.zip
- ECharts仪表盘-气温仪表盘.zip
- ECharts仪表盘-进度仪表盘.zip
- ECharts仪表盘-阶段速度仪表盘.zip
- ECharts仪表盘-速度仪表盘.zip
- ECharts仪表盘-气压表.zip
- ECharts仪表盘-时钟仪表盘.zip
- ECharts仪表盘-自定义仪表盘1.rar
- 立体仓储单立柱堆垛机（投产使用）sw16可编辑全套技术资料100%好用.zip
- python基于tensorflow的人脸识别系统设计与实现源码+说明（高分项目）
- 敏源电容类CPU芯片选型指南
- 量产儿童安全座椅挂钩铆合机(sw16可编辑+工程图+bom)全套技术资料100%好用.zip
- 生物识别技术领域的大菱鲆个体跟踪识别方法及育种应用
- 全球互联网用户数据.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
