1. 程式人生 > >微信小程式、微信公眾號、H5之間相互跳轉

微信小程式、微信公眾號、H5之間相互跳轉

轉自慕課網 

一、小程式和公眾號

答案是:可以相互關聯。

在微信公眾號裡可以新增小程式。
圖片描述

圖片有點小,我把文字打出來吧:

可關聯已有的小程式或快速建立小程式。已關聯的小程式可被使用在自定義選單和模版訊息等場景中。

公眾號可關聯同主體的10個小程式及不同主體的3個小程式。同一個小程式可關聯最多50個公眾號。

1、公眾號跳小程式

比如說 “豐巢快遞櫃” 公眾號關聯的小程式:豐巢寄快遞。

2、小程式跳公眾號

開啟“豐巢寄快遞”,點選右上角的選單選項,然後點選”關於豐巢寄快遞“,就可以看見關聯的公眾號了。

二、小程式和H5

答案是:可以相互跳轉。

1、小程式跳H5

之前一直是有限制,就在11月2號晚上終於公佈,小程式可以跳H5的好訊息了(前提小程式管理後臺配置域名白名單),忍不住哈哈哈哈哈哈哈哈。

小程式也更新了相應的文件:
圖片描述

web-view 元件是一個可以用來承載網頁的容器,會自動鋪滿整個小程式頁面。但個人型別與海外型別的小程式暫不支援使用。

注:基礎庫 1.6.4 開始支援,低版本需做相容處理。

2、H5跳小程式

相應的,H5也可以跳回小程式啦:
圖片描述

只要引入路徑為https://res.wx.qq.com/open/js/jweixin-1.3.0.js的js檔案,然後在執行以下程式碼就可以了。

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

三、公眾號和H5

答案是:可以相互跳轉。

1、公眾號跳H5

這個好像一直都是支援的,公眾號的自定義選單呀、自定義訊息呀,這些都可以放H5連結跳轉,這就沒啥好討論了,下面說下H5怎麼跳轉公眾號吧。

2、H5跳公眾號

本身來說這是不可以的,但也有間接的做法,那就是跳轉到公眾號的歷史訊息頁面,然後再進入微信公眾號,這是目前大概最好的做法了。

還是以”豐巢快遞櫃“這個公眾號為例,開啟公眾號,點選”檢視歷史訊息“,進入歷史訊息頁面。可以把這個頁面的地址複製出來,然後放到H5頁面裡就ok啦。

四、小程式和小程式

答案是:可以相互跳轉。

開啟微信小程式開發文件,有一個新增的API可以實現。
圖片描述

但得注意2點:

1、低版本需要做相容處理。

2、相互跳轉的小程式必須是同一公眾號下關聯的。

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