本文詳細(xì)講解一下小程序、公眾號文章、H5 頁面，以及其他 APP 之間的跳轉(zhuǎn)路徑都是怎樣的，一起來看看~

 

移動時代，我們手機(jī)里的東西越來越多，占用的時間也越來越多。有時候要用 APP，有時候要在微信里跳來跳去，有時候又要打開瀏覽器，每天忙得不亦樂乎。

作為普通用戶，我們只能按照產(chǎn)品的指引去使用，無法選擇我們的使用路徑。而作為產(chǎn)品經(jīng)理，我們則需要清楚究竟哪些路徑可以使用，而哪些跳轉(zhuǎn)方向，只是一廂情愿。

這里，我們不討論類似下載二維碼圖片到手機(jī)，再識別二維碼這種間接路徑；也不考慮類似公眾號資料頁進(jìn)入小程序這種低頻入口。我們只討論那些高頻常用的，或者可以帶參數(shù)統(tǒng)計用戶行為的路徑跳轉(zhuǎn)。這些路徑，才是我們最常用也是最應(yīng)該關(guān)注的。

下面，我就詳細(xì)講解一下小程序、公眾號文章、H5 頁面，以及其他 APP 之間的跳轉(zhuǎn)路徑都是怎樣的。

（1）小程序 -> 公眾號文章

小程序跳轉(zhuǎn)到公眾號文章，目前是實現(xiàn)不了的。確切地說，只能叫打開公眾號文章。所謂“打開”其實是在小程序的框架內(nèi)支持了叫做 web-view 的組件，你可以理解為就是一個內(nèi)置瀏覽器，后面會提到 APP 也有這種組件。

那么，這里的打開就相當(dāng)于在這個內(nèi)置瀏覽器里瀏覽公眾號文章了。不過，既然是在小程序環(huán)境，那也必然是在微信環(huán)境內(nèi)，所以這個文章還是可以點贊和評論的，但是由于小程序 web-view 功能限制，暫時是不能贊賞作者的。

此外，這里打開的公眾號文章也只能是小程序綁定的公眾號文章，小程序可以被 500 個公眾號綁定，做個文章合集也是可以的。

結(jié)論：通過 web-view 打開綁定的公眾號文章，可以點贊評論，不能贊賞。

（2）公眾號文章 -> 小程序

公眾號文章嵌入小程序，大家應(yīng)該都見過了。主要是文章內(nèi)嵌的小程序卡片和文字鏈接等，可以直接打開綁定的小程序。注意：這里幾次都提到了綁定關(guān)系，許多能力的前提都要有綁定關(guān)系先，或者是業(yè)務(wù)域名白名單，后面還會再提到。

文章嵌入小程序的好處非常明顯，可以放在文章的任意位置，還可以準(zhǔn)備一張自定義的海報，并且可以帶參數(shù)。這點非常重要，我們可以直接指定跳轉(zhuǎn)到小程序某個頁面的某種狀態(tài)，并可以通過參數(shù)來統(tǒng)計來源渠道等數(shù)據(jù)。

結(jié)論：文章可以嵌入小程序卡片，公眾號自定義菜單可以跳轉(zhuǎn)小程序，都可以帶參數(shù)。

（3）小程序 -> H5 頁面

同 1 小節(jié)一樣，也不存小程序跳 H5 頁面的路徑。同樣只是通過 web-view 內(nèi)打開業(yè)務(wù)域名白名單內(nèi)的頁面而已，功能受限，比如：不能支付。具體可參考微信小程序開發(fā)文檔，里面有詳細(xì)的 API 列表。

值得一提的是，如果小程序里面打開的 H5 頁面又使用了公眾號網(wǎng)頁授權(quán)接口，會是什么效果呢？

很簡單，跟在微信里直接打開 H5 是一樣的，如果是獲取用戶信息的授權(quán)，則會彈出授權(quán)確認(rèn)界面。這里是個獨立的空間，跟外面的小程序是否授權(quán)已經(jīng)沒有關(guān)系了。

當(dāng)然，如果小程序和小程序的 web-view 打開的 H5 授權(quán)用的公眾號綁定了同一個 unionid，那么兩個場景都是可以拿到這個 unionid 用來識別用戶，可以達(dá)到識別同一用戶的目的。

結(jié)論：通過 web-view 打開 H5 頁面，功能受限，若有網(wǎng)頁授權(quán)，與微信內(nèi)置瀏覽器表現(xiàn)一致。

（4）H5頁面 -> 小程序

這個真沒有，甚至 H5 頁面可能都打不開微信。但是，對于已經(jīng)在小程序的 web-view 中打開的 H5 頁面，由于本身在小程序框架內(nèi)，所以是可以返回“外層”的小程序的，但是不能直接跳轉(zhuǎn)到其他小程序。

結(jié)論：普通 H5 頁面無法跳轉(zhuǎn)到小程序，web-view 中的 H5 頁面可以回到“外層”小程序。

（5）小程序 -> APP

在某些特定的場景下，微信是允許小程序跳轉(zhuǎn) APP 的，但是需要用戶主動觸發(fā)。即，你只能引導(dǎo)用戶來點這個按鈕，而不能替用戶直接打開 APP。這些特定場景，主要是 APP 分享消息卡片，或 APP 打開小程序。簡單來說，就是從哪個 APP 來的，就有能力回到哪個 APP。

結(jié)論：哪來的回哪去。

（6）APP -> 小程序

與 5 小節(jié)相對應(yīng)的，當(dāng) APP 側(cè)嵌入了微信提供的 OpenSDK 后，就可以實現(xiàn)前面提到的 APP 分享到小程序，或者 APP 打開小程序了。

結(jié)論：嵌入 SDK 后可分享到小程序或直接打開小程序。

（7）公眾號文章 -> H5頁面

公眾號文章本身也可以當(dāng)做一個網(wǎng)頁，但是，只有經(jīng)過微信認(rèn)證的服務(wù)號才能添加外鏈。普通的訂閱號和服務(wù)號只能通過被動回復(fù)給用戶某個 H5 鏈接，算不上直接跳轉(zhuǎn)?；蛘咄ㄟ^文章底部的“閱讀原文”添加外鏈，但是入口比較隱蔽，故轉(zhuǎn)化率也很低。

結(jié)論：認(rèn)證服務(wù)號可添加外鏈，非認(rèn)證的通過閱讀原文，自定義菜單，模板消息，被動回復(fù)等實現(xiàn)。

（8）H5 頁面 -> 公眾號文章

H5 鏈接到公眾號就簡單了，只是在網(wǎng)頁上增加一個普通鏈接而已。具體文章打開的樣式，要看這個 H5 是在 PC 瀏覽器、PC 微信客戶端、手機(jī)瀏覽器、手機(jī)微信客戶端中的哪一個環(huán)境打開。不同的環(huán)境表現(xiàn)不一樣，在微信的環(huán)境內(nèi)就可以評論點贊，非微信環(huán)境就只能看。PC 和 H5 主要是布局不同，其他差異不大。

如果是在微信環(huán)境，那么 H5 里面嵌入的二維碼圖片是可以直接長按識別的，也算是一步跳轉(zhuǎn)。那么這個二維碼，就可以是文章頁、群二維碼、小程序、歷史記錄（資料頁）、會話界面（已關(guān)注）等等玩法。

結(jié)論：直接插鏈接即可，具體長相看環(huán)境。長按識別二維碼可以有更多玩法。

（9）H5 頁面 -> APP

H5 跳轉(zhuǎn)到 APP，可以通過一種叫做 url schema 的跳轉(zhuǎn)協(xié)議實現(xiàn)，但是這種協(xié)議不是所有瀏覽器都支持，所以你經(jīng)常會見到有些產(chǎn)品在微信里會提示你點右上角用 safari 打開。這就是引導(dǎo)你利用 safari 對 url schema 的支持，再跳到其他的 APP 去。

如果是在微信內(nèi)置瀏覽器中，目前是支持自家的應(yīng)用寶應(yīng)用的，會引導(dǎo)用戶跳轉(zhuǎn)到應(yīng)用寶，再在應(yīng)用寶界面下載 APP 并打開。

結(jié)論：在支持的瀏覽器中通過 url schema 打開; 微信內(nèi)支持應(yīng)用寶鏈接跳轉(zhuǎn)打開。

（10） APP -> H5頁面

前面提到過，同小程序類似，APP 也可以打開 web-view。并且，由于 APP 也是自己開發(fā)的，所以可以給 web-view 放開全部可能的權(quán)限，在 APP 支持的基礎(chǔ)上，是不會再人為限制 web-view 的能力了。而對于支付部分，可以嵌入微信或支付寶的 SDK，跳轉(zhuǎn)到微信或支付寶進(jìn)行支付。

此外，APP 還可以支持更多功能，比如：監(jiān)聽 web-view 內(nèi)的頁面跳轉(zhuǎn)，并攔截符合某些規(guī)則的頁面，進(jìn)行其他操作。也可以像微信給其內(nèi)置瀏覽器提供的 JSSDK 一樣，為你自己的 APP 內(nèi)嵌入的 H5 提供附加的 JSAPI，實現(xiàn)更多能力。

結(jié)論：通過 web-view 打開 H5頁面，原則上沒有功能限制，支付可以跳轉(zhuǎn)到微信或支付寶等。

（11）公眾號文章 -> APP

這兩個沒有直接聯(lián)系，可以參照第 7，9 小節(jié)，通過公眾號文章打開 H5 頁面，再打開 APP 實現(xiàn)。

結(jié)論：真沒有，可以先打開 H5頁面，走 H5 跳 APP流程。

（12）APP -> 公眾號文章

同樣通過 web-view 打開公眾號文章，與瀏覽器打開相同，由于不在微信環(huán)境內(nèi)，也不能點贊評論贊賞等?？梢宰鳛樾畔⒄故?，比如：幫助文檔，活動規(guī)則等信息的展示。

結(jié)論：和打開 H5 類似，但只能作為信息展示，沒有其他能力。

（13）小程序 -> 小程序

那么，你以為同樣的環(huán)境就一定能跳嗎？

當(dāng)然不是，前面提到過，許多跳轉(zhuǎn)都依賴綁定關(guān)系，那么小程序之間的跳轉(zhuǎn)也是。

這里說的綁定，是指小程序綁定到某個公眾號，只要兩個小程序都綁定到了相同公眾號，那么它們之間就是可以互相跳轉(zhuǎn)的。每個公眾號可以綁定相同主體的 10 個小程序，不同主體的 3 個小程序；每個小程序可以被 500 個公眾號綁定。

所以，如果你的小程序想跳到某個小程序，就要先綁定。如果不是你的小程序，就要跟那個小程序的所有者聯(lián)系申請綁定關(guān)系，并且你還要準(zhǔn)備一個有坑位的，且已經(jīng)綁定了你自己小程序的公眾號，用來綁定這個小程序。

結(jié)論：存在綁定關(guān)系的小程序才可相互跳轉(zhuǎn)。

（14）公眾號文章 -> 公眾號文章

早期，公眾號文章只有閱讀原文可以添加外鏈，所以有引用別人的文章的時候，也要放到閱讀原文，跟前面的嵌入 H5 是一樣的。從 2017 年 06 月開始，公眾號支持插入自己帳號和其他公眾號已群發(fā)文章鏈接的能力。

也就是說，你完全可以做一個優(yōu)秀文章導(dǎo)航，每天只推送搜集到的好文章列表。但是，鏈接是可以有，但是跳出去以后就是別人的公眾號了，回不回來就難說了。

結(jié)論：可以跳轉(zhuǎn)自己帳號和其他公眾號已群發(fā)的文章。

（15）H5 頁面 -> H5 頁面

這個就相當(dāng)自由了，頁面都是自己做的，想怎么跳就怎么跳。唯一需要注意的是，我們有些 H5 頁面可能使用了微信網(wǎng)頁授權(quán)接口，但是忘記了判斷微信環(huán)境。那么可能產(chǎn)生的結(jié)果就是，在瀏覽器里跳轉(zhuǎn)幾下，忽然提示請在微信內(nèi)打開。

此外，如果是在小程序的 web-view 里面跳來跳去的話，要注意是否所有跳轉(zhuǎn)鏈接都在小程序的業(yè)務(wù)域名白名單內(nèi)，否則也是無法打開的。

結(jié)論：瀏覽器里隨便跳，小程序在白名單里跳。

（16）APP -> APP

APP 之間的跳轉(zhuǎn)大體跟前面提到的 H5 頁面打開 APP 類似，通過 url schema 來實現(xiàn)。技術(shù)上是沒什么限制的，只有公司和業(yè)務(wù)沖突，導(dǎo)致互相之間強(qiáng)制不允許跳轉(zhuǎn)，就不舉例了。

因為這些人造墻的存在，就出現(xiàn)了許多，比如：口令啊，識別二維碼啊什么的路子，或者想分享內(nèi)容的時候，不直接打開其他 APP，而是引導(dǎo)用戶保存內(nèi)容，再手動打開其他 APP 繼續(xù)操作。

結(jié)論：沒有技術(shù)障礙，只有人造墻。

好了，到這里 16 種路徑就講完了。這 16 種路徑重點還是圍繞微信場景的延伸，沒有涉及諸如輕應(yīng)用、支付寶小程序，百度小程序等。原理大同小異，如果有需要可以多參考官方文檔，結(jié)合上文提到的基本原理，應(yīng)該可以弄清楚了。