微信小程序、微信公衆號、H5之間能相互跳轉嗎？

做者：汪嬌嬌
時間：2017年10月10日

話很少說，直接進入正文。

1、小程序和公衆號

答案是：能夠相互關聯。

在微信公衆號裏能夠添加小程序。

圖片有點小，我把文字打出來吧：

可關聯已有的小程序或快速建立小程序。已關聯的小程序可被使用在自定義菜單和模版消息等場景中。
公衆號可關聯同主體的10個小程序及不一樣主體的3個小程序。同一個小程序可關聯最多50個公衆號。

一、公衆號跳小程序

好比說 「豐巢快遞櫃」 公衆號關聯的小程序：豐巢寄快遞。

二、小程序跳公衆號

打開「豐巢寄快遞」，點擊右上角的菜單選項，而後點擊」關於豐巢寄快遞「，就能夠看見關聯的公衆號了。

 

2、小程序和H5

答案是：能夠相互跳轉。

一、小程序跳H5

以前一直是有限制，就在11月2號晚上終於公佈，小程序能夠跳H5的好消息了（前提小程序管理後臺配置域名白名單，而且h5頁面是嵌在小程序裏面），忍不住哈哈哈哈哈哈哈哈。

小程序也更新了相應的文檔：

web-view 組件是一個能夠用來承載網頁的容器，會自動鋪滿整個小程序頁面。但我的類型與海外類型的小程序暫不支持使用。

注：基礎庫 1.6.4 開始支持，低版本需作兼容處理。

二、H5跳小程序

相應的，H5也能夠跳回小程序啦（前提小程序管理後臺配置域名白名單，而且h5頁面是嵌在小程序裏面）：

只要引入路徑爲https://res.wx.qq.com/open/js/jweixin-1.3.0.js的js文件，而後在執行如下代碼就能夠了。

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

3、公衆號和H5

答案是：能夠相互跳轉。

一、公衆號跳H5

這個好像一直都是支持的，公衆號的自定義菜單呀、自定義消息呀，這些均可以放H5連接跳轉，這就沒啥好討論了，下面說下H5怎麼跳轉公衆號吧。

二、H5跳公衆號

自己來講這是不能夠的，但也有間接的作法，那就是跳轉到公衆號的歷史消息頁面，而後再進入微信公衆號，這是目前大概最好的作法了。

仍是以」豐巢快遞櫃「這個公衆號爲例，打開公衆號，點擊」查看歷史消息「，進入歷史消息頁面。

能夠把這個頁面的地址複製出來，而後放到H5頁面裏就ok啦。

 

4、小程序和小程序

答案是：能夠相互跳轉。

打開微信小程序開發文檔，有一個新增的API能夠實現。

但得注意2點：

一、低版本須要作兼容處理。

二、相互跳轉的小程序必須是同一公衆號下關聯的。

 

至此，微信小程序、微信公衆號和H5之間可否相互跳轉就說完了，有什麼不對的地方請指出哈，不勝感激~~