主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情! |
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作 |
如何从小程序跳转到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页面。(样本分析)更多详情请关注主机参考其他相关文章!
这几篇文章你可能也喜欢:
- 微信小程序翻译功能上线:现已支持18种语言
- 如何使用微信小程序中的车牌号输入法(如何使用微信小程序中的车牌号输入法进行打印)
- 微信小程序无法获取位置信息怎么办?(微信小程序无法获取位置信息)
- 微信小程序如何实现九宫格跳(如何在小程序中配置九宫格抽奖)
- 如何调节微信小程序的亮度?
本文由主机参考刊发,转载请注明:如何从小程序跳转到H5页面?(样本分析) https://zhujicankao.com/105052.html
评论前必须登录!
注册