继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

微信小程序、微信公众号、H5之间能相互跳转吗?

娇娇jojo
关注TA
已关注
手记 21
粉丝 8377
获赞 761

作者:娇娇jojo

时间:2018年1月22日

话不多说,直接进入正文。

一、小程序和公众号

答案是:可以相互关联。

在微信公众号里可以添加小程序。
图片描述

图片有点小,我把文字打出来吧:

可关联已有的小程序或快速创建小程序。已关联的小程序可被使用在自定义菜单和模版消息等场景中。

公众号可关联同主体的10个小程序及不同主体的3个小程序。同一个小程序可关联最多50个公众号。

1、公众号跳小程序

比如说 “丰巢快递柜” 公众号关联的小程序:丰巢寄快递。

2、小程序跳公众号

打开“丰巢寄快递”,点击右上角的菜单选项,然后点击”关于丰巢寄快递“,就可以看见关联的公众号了。

二、小程序和H5

答案是:可以相互跳转。

1、小程序跳H5

之前一直是有限制,就在11月2号晚上终于公布,小程序可以跳H5的好消息了(前提小程序管理后台配置域名白名单,并且h5页面是嵌在小程序里面),忍不住哈哈哈哈哈哈哈哈。

小程序也更新了相应的文档:
图片描述

web-view 组件是一个可以用来承载网页的容器,会自动铺满整个小程序页面。但个人类型与海外类型的小程序暂不支持使用。

注:基础库 1.6.4 开始支持,低版本需做兼容处理。

2、H5跳小程序

相应的,H5也可以跳回小程序啦(前提小程序管理后台配置域名白名单,并且h5页面是嵌在小程序里面):
图片描述

只要引入路径为https://res.wx.qq.com/open/js/jweixin-1.3.0.js的js文件,然后在执行以下代码就可以了。

wx.miniProgram.navigateTo({url: '/path/to/page'})

注:目前只支持小程序内嵌H5,并且只有内嵌的H5才能跳回小程序。

三、公众号和H5

答案是:可以相互跳转。

1、公众号跳H5

这个好像一直都是支持的,公众号的自定义菜单呀、自定义消息呀,这些都可以放H5链接跳转,这就没啥好讨论了,下面说下H5怎么跳转公众号吧。

2、H5跳公众号

本身来说这是不可以的,但也有间接的做法,那就是跳转到公众号的历史消息页面,然后再进入微信公众号,这是目前大概最好的做法了。

还是以”丰巢快递柜“这个公众号为例,打开公众号,点击”查看历史消息“,进入历史消息页面。可以把这个页面的地址复制出来,然后放到H5页面里就ok啦。

四、小程序和小程序

答案是:可以相互跳转。

打开微信小程序开发文档,有一个新增的API可以实现。
图片描述

但得注意2点:

1、低版本需要做兼容处理。

2、相互跳转的小程序必须是同一公众号下关联的。

至此,微信小程序、微信公众号和H5之间能否相互跳转就说完了,有什么不对的地方请指出哈,不胜感激~~

打开App,阅读手记
26人推荐
发表评论
随时随地看视频慕课网APP

热门评论

小程序和H5

答案是:可以相互跳转。

这个说法是不准确的,容易对不了解小程序机制的人产生误导。

目前只支持小程序内嵌H5,并且只有内嵌的H5才能跳回小程序。



小程序和H5

答案是:可以相互跳转。

这个说法是不准确的,容易对不了解小程序机制的人产生误导。

目前只支持小程序内嵌H5,并且只有内嵌的H5才能跳回小程序。



我可以理解为,在公众号的h5页面中打开第三方小程序是没办法实现的,是吗,目前

查看全部评论