主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情! |
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作 |
如何从小程序跳转到h5页面?下一篇文章将介绍如何从微信小程序跳转到h5页面。
微信小程序:开发方式与网页类似,但实际上是一个特殊的网页,只能在微信自己开发的浏览器中运行。 所有可用功能必须由微信浏览器提供。 H5页面:这是一个在普通浏览器中运行的实际Web应用程序。 不同浏览器之间存在细微差别,但大体相同。 微信浏览器也是一款可以支持真实网页应用的通用浏览器。
所以微信小程序和H5页面之间的跳转是可以的,但是这个跳转是受到微信浏览器严格控制的,你需要了解这些控制涉及到什么。
H5页面的域名:假设需要转发的H5页面的URL为https://www.mysite.com/h5page,则这里提到的域名为www.mysite。 com. 你没有错。 此 URL 必须是 https。 如果您的网站还没有添加SSL,请先申请一个证书(注意必须是公开申请的证书,而不是自签名证书。微信不认!)
好的。 现在一切都准备好了,让我们开始开发一个小样本。
web-view组件是全屏组件,不能与其他小程序组件一起使用,所以必须占用单独的页面。 所以在这个例子中,我们会在小程序中添加A页面的链接,跳转到B页面,并使用B页面的web-view组件来加载H5页面。
页面
t> 5: function () { wx.navigateTo({ url: '/pages/B' }) },
B 页面
data: { link: "https://www.mysite.com/h5page" },
现在,当你满怀期待地点击链接时,第一个障碍出现了。 :尚未绑定 Web 开发人员
这到底是什么?使用 web-view 组件是您可能无法使用的东西之一。 此时需要进行初始认证。 其目的是让开发人员能够使用该组件。 更奇怪的是,这个组件是在小程序中使用的,但它不能在小程序开发帐号中配置,必须在订阅或服务帐号中配置。 以下截图经常在互联网上找到,只有登录后才能查看。 仅对订阅或服务帐户可见。
在这里设置并绑定开发者微信账号后,最终就可以使用web-view组件了,但是此时又出现了一个新的问题:打开不支持非企业域名
无法使用任意URL设置跳转。 小程序无法直接跳转百度。 小程序可跳转域名必须注册为企业域名。 最后,这次我们将其设置为小程序开发帐户,但是服务帐户设置中还有一个业务域名设置,所以要注意不要混淆(命名为微信太容易了)。 没有想象力,只是糊涂)。
设置好这个企业域名后,你会很高兴地打开小程序,点击链接,瞧,让我们再试一次! 这次的问题是:redirect_uri参数无效
此时控制权已经从小程序传递到了H5页面,但是由于微信页面跳转的内部机制比较复杂,包括OAuth认证等,所以导致了这个错误据H5页面报道 是的,这需要转到并配置与您的 H5 页面关联的服务帐户。 本次要设置的项目称为网页授权域名。 在公众号设置的功能设置中添加需要重定向的域名后,最终在调试器中显示出H5页面。
最后我们科普一下微信公众平台三类账号的区别。
【相关学习推荐:小程序开发教程】
PHP快速学习视频(免费)教程(入门到精通)
如何学习PHP? ? 我应该去哪里学习PHP? 不用担心。 这里有简单的 PHP 学习教程(从初学者到专家)。 您可以保存并下载您想学习的朋友。
下载
这几篇文章你可能也喜欢:
- 说说H5页面跳转小程序的一些实现方案(常见陷阱)(H5跳转小程序规范页面)
- 如何从小程序跳转到H5页面?(样本分析)
- 谈谈h5页面跳转到小程序的几种实现方案(有常见坑)(如何从H5页面跳转到小程序)
- 如何从小程序跳到H5页面?(实例分析)(如何通过小程序跳转到h5)
- 谈谈H5页面跳转到小程序的几种实现方案(有常用坑)
本文由主机参考刊发,转载请注明:我们简单分析一下如何从小程序跳转到H5页面。 (分析示例)(小程序可以跳转网页吗?) https://zhujicankao.com/142057.html
评论前必须登录!
注册