VPS参考测评推荐
专注分享VPS主机优惠信息
衡天云优惠活动
华纳云优惠活动
荫云优惠活动

如何从小程序跳转到H5页面?(样本分析)

主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情!
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作

如何从小程序跳转到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开发人员。

1.png

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

2.png

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

3.png

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

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

4.png

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

5.png

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

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

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

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

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

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

【腾讯云】领8888元采购礼包,抢爆款云服务器 每月 9元起,个人开发者加享折上折!
打赏
转载请注明原文链接:主机参考 » 如何从小程序跳转到H5页面?(样本分析)
主机参考仅做资料收集,不对商家任何信息及交易做信用担保,购买前请注意风险,有交易纠纷请自行解决!请查阅:特别声明

评论 抢沙发

评论前必须登录!