微信小程序跳转到H5页面实战篇.pdf
版权申诉
5星 · 超过95%的资源 92 浏览量
2023-02-22
22:39:27
上传
评论 1
收藏 350KB PDF 举报 
微信小程序跳转到 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'>
资源评论
戴葱葱2023-09-10资源中能够借鉴的内容很多，值得学习的地方也很多，大家一起进步！
godlike_sgg2023-12-15资源内容总结的很到位，内容详实，很受用，学到了~
