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

一时失言乱红尘 2021-10-01 05:22 393阅读 0赞

转载自:[https://www.imooc.com/article/22900][https_www.imooc.com_article_22900]

**一、小程序和公众号**

答案是：可以相互关联。

在微信公众号里可以添加小程序。

图片有点小，我把文字打出来吧：

> 可关联已有的小程序或快速创建小程序。已关联的小程序可被使用在自定义菜单和模版消息等场景中。
> 
> 公众号可关联同主体的10个小程序及不同主体的3个小程序。同一个小程序可关联最多50个公众号。

### 1、公众号跳小程序 ###

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

### 2、小程序跳公众号 ###

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

小程序页面，点击按钮跳转到指定的公众号 不支持，但内部提供组件 official-account 可引导关注查看公众号，需要特定场景

**二、小程序和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、相互跳转的小程序必须是同一公众号下关联的。

[https_www.imooc.com_article_22900]: https://www.imooc.com/article/22900

发表评论取消回复

表情：

评论列表（有 0 条评论，393人围观）

还没有评论，来说两句吧...

相关阅读

相关微信小程序跳转公众号

微信小程序跳转公众号开发者在小程序内设置公众号关注组件时，需小程序与公众号\\\\主体一致。设置完成后，当用户线下扫码进入小程序时，就能便捷地关注公众号，并获取更好、更

朱雀/ 2023年02月23日 05:08/ 0 赞/ 171 阅读

相关 H5页面跳转到微信公众号首页

H5页面跳转到微信公众号首页 1. 需求背景：微信公众号（客户端）网页需要用户关注才能进行活动，因此需要引流到公众号进行关注操作。

心已赠人/ 2023年01月16日 02:37/ 0 赞/ 349 阅读

相关微信公众号网页H5跳转微信小程序

[https://www.jianshu.com/p/5bc4589dd034][https_www.jianshu.com_p_5bc4589dd034] wx.c

比眉伴天荒/ 2023年01月15日 09:30/ 0 赞/ 251 阅读

相关微信小程序内跳转公众号

可使用微信小程序官方提供的official-account 组件来完成，[官方文档][Link 1] Tips: 1. 使用组件前，需前往小程序后台，在“设置”->“关

快来打我*/ 2022年11月15日 12:53/ 0 赞/ 256 阅读

相关微信公众号---微信公众号跳H5，H5网页授权获取用户信息

需求描述：在微信公众号中，跳转到第三方H5网站，第三方H5网站可以获取微信用户信息。官方API: [微信公众号网页授权][Link 1

电玩女神/ 2022年09月09日 06:03/ 0 赞/ 388 阅读

相关 vue微信公众号、H5微信支付

1.H5微信支付后台会返回一个URL，前端直接跳转就OK(需要你传给后台一个ip,必须保证在同一域名下) 使用window.location.href =res.data

我会带着你远行/ 2021年11月26日 22:44/ 0 赞/ 684 阅读

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

转载自:[https://www.imooc.com/article/22900][https_www.imooc.com_article_22900] 一、小程序和公众号

一时失言乱红尘/ 2021年10月01日 05:22/ 0 赞/ 394 阅读

相关 H5开发微信公众号

利用H5开发微信公众号一、首先授权配置公众号设置 --》功能设置设置业务域名! ![自定义菜单][SouthEast] 这里的MP\_ve

梦里梦外;/ 2021年09月16日 02:08/ 0 赞/ 834 阅读

相关微信公众号H5 - 关于微信公众号h5网页实现分享图片

近期，因为产品需求，要在公众号上面实现分享图片的功能，后面发现用了weixin-js-sdk方法分享出来的图片是一个链接的形式分享的。如下图：我要的效果图： ![

怼烎@/ 2021年09月07日 06:03/ 0 赞/ 866 阅读

相关微信小程序——小程序/公众号/H5支付

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

男娘i/ 2021年07月25日 16:58/ 0 赞/ 589 阅读