如何从小程序跳转到H5页面？（样本分析）

如何从小程序跳转到h5页面？下面这篇文章介绍如何通过微信小程序跳转到h5页面，希望对你有所帮助！

因此，我们可以在微信小程序和H5页面之间进行跳转，但这种跳转受到微信浏览器的严格控制，因此我们有必要了解这些控制包括哪些内容。

H5页面所在的域名:假设您需要传输的H5页面的URL是https://www.mysite.com/h5page,，那么这里提到的域名是www.mysite.com。另外，你没有看错，这个网址一定是https。如果你还没有在网站中添加SSL，那么先申请一个证书（注意，必须是公共应用证书，而不是自签名证书，微信不认可自签名证书！)

好了，这些都准备好了。让我们开始开发一个小例子。

因为web -视图组件是全屏组件，不能和其他小程序组件一起使用，所以需要独立占用一个页面。因此，我们学习的示例是向小程序的A页面添加一个链接，跳转到B页面，然后使用web -视图组件在B页面上加载H5页面。

一页纸

文章标题文章摘要10关注jump toh 5:function（）{ wx . navigate to（{ URL:& # 39；/pages/B& # 39；}）}，第b页

数据:{ link:“https://www . my site . com/H5 page“}，当你满怀希望地点击链接时，第一个障碍就会出现:未绑定的web开发人员。

这是什么鬼东西？事实证明，使用web -视图组件是任何人都不允许的。这时候就需要第一次授权，就是授权开发者使用组件。这里比较可笑的是，虽然这个组件是小程序使用的，但它不能在小程序开发号中设置，而必须在订阅号或服务号中设置。下面这张经常能在网上找到的截图，只有登录订阅号或服务号才能看到。

在这里设置了开发者绑定的微信号后，我们终于可以使用web -视图组件了，但此时出现了一个新问题:它不支持打开非业务域名。

原来你的小程序中不能直接跳转到百度，小程序可以跳转的域名必须在商业域名中注册。最后，这次是在小程序开发号中设置的，但要注意服务号中业务域名的设置，不要搞混了（给微信起名太没想象力了，简直就是糊了）。

设置好这个商业域名，欢天喜地打开小程序，点击链接，什么！这一次问题又变成了:redirect_uri参数是错误的。

此时控制权已从小程序转移到H5页面，但微信页面跳转的内部机制更复杂，涉及OAuth认证等，因此H5页面已报告此错误，需要在H5页面关联的服务号中设置。这次设置的项目叫做网页授权域名，在微信官方账号的功能设置中设置。

添加了要跳转的域名后，我终于可以在调试器上看到H5页面了！

最后，普及一下微信公众平台三类账号的区别。

【相关学习推荐:小程序开发教程】

以上是如何从小程序跳转到H5页面。（样本分析）更多详情请关注主机参考其他相关文章！

这几篇文章你可能也喜欢：

• 谈谈h5页面跳转到小程序的几种实现方案（有常见坑）（如何从H5页面跳转到小程序）
• 如何从小程序跳到H5页面？(实例分析)(如何通过小程序跳转到h5)
• 谈谈H5页面跳转到小程序的几种实现方案(有常用坑)

本文由主机参考刊发，转载请注明：如何从小程序跳转到H5页面？（样本分析） https://zhujicankao.com/105052.html