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

本文原創發佈於慕課網 ,原文鏈接:https://www.imooc.com/article/details/id/22900
話不多說,直接進入正文。
一、小程序和公衆號
答案是:可以相互關聯。

在微信公衆號裏可以添加小程序。圖片描述

圖片有點小,我把文字打出來吧:
可關聯已有的小程序或快速創建小程序。已關聯的小程序可被使用在自定義菜單和模版消息等場景中。
公衆號可關聯同主體的10個小程序及不同主體的3個小程序。同一個小程序可關聯最多50個公衆號。

1、公衆號跳小程序
比如說 “豐巢快遞櫃” 公衆號關聯的小程序:豐巢寄快遞。

2、小程序跳公衆號
打開“豐巢寄快遞”,點擊右上角的菜單選項,然後點擊”關於豐巢寄快遞“,就可以看見關聯的公衆號了。

二、小程序和H5
答案是:目前只支持小程序內嵌H5,並且只有內嵌的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之間能否相互跳轉就說完了,有什麼不對的地方請指出哈,不勝感激

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章