有些场景需要从微信小程序跳转到H5页面,通常网上的教程会告诉你使用
因此我们才有可能在微信小程序和H5页面之间进行跳转,但这种跳转是受到微信浏览器的严格控制的,因此我们有必要了解这些控制包括哪些。 H5页面所在的域名:假设你需要调转的H5页面URL为 好了,这些都准备好了,让我们开始开发一个小例子。 <view class='answerer flex-wrp' bindtap='jumpToH5'> <view class='avatar flex-item'> <image src='/images/logo-small.jpg'></image> </view> <view class='answerer-info flex-item'> <text class='answerer-name'>文章标题</text> <text class='answerer-des'>文章摘要</text> </view> <view class='follow flex-item'> <text>十 关注</text> </view></view>
B页面 <web-view src='{{link}}' bindmessage='getMessage'></web-view>
这时候当你满怀希望的点击链接时,会出现第一个坎:未绑定网页开发者 image.png 这是什么鬼,原来使用 开发者工具 在这里设置绑定了开发者的微信号以后,我们终于可以使用 不支持打开非业务域名 原来并不是什么网址拿来就可以设置跳转的,你的小程序中就不能直接跳转到百度上去,小程序能够跳转的域名必须在 业务域名 中进行注册,总算这次是在小程序开发号里面设置了,但注意在服务号 的设置里也有业务域名这个设置,不要搞混了(话说微信起名也太没有想象力了,简直是一坨浆糊)。设置好了这个业务域名,满心欢喜地打开小程序,点击链接,What!又来,这次的问题变成了:redirect_uri参数错误 redirect_uri参数错误 这时候控制权已经从小程序转移到了H5页面,但微信页面跳转内部的机制比较复杂,涉及到了OAuth认证之类的,所以这个错误已经是H5页面报的了,这就需要到H5页面关联的 服务号 中去进行设置,这次设置的项目叫做网页授权域名 ,在公众号设置的功能设置里功能设置 添加好需要跳转的域名之后,终于能够看到H5页面出现在调试器上了! 最后普及一下微信公共平台三类账号的区别
|
|