如何實現(xiàn)在抖音中直接點擊打開微信小程序？【詳細教程】微信外部打開小程序的三種解決方法

最近微信小程序已悄悄的開放了從外部跳轉(zhuǎn)至小程序的入口，方便用戶可以在微信外部瀏覽器或其他APP跳轉(zhuǎn)至微信小程序。

給大家拋一個磚：如何實現(xiàn)在抖音中直接點擊打開微信小程序？

看完文章可能就會有答案。還不會的話，來聯(lián)系我。

方法一：通過小程序scheme碼跳轉(zhuǎn)至小程序

優(yōu)勢：目前最優(yōu)方案，所有場景都支持跳轉(zhuǎn)至小程序，為你實現(xiàn)外部流量導(dǎo)入小程序

缺點：需要注冊微信開放平臺，申請第三方平臺，然后利用接口獲取URL Scheme，步驟比較多

通過服務(wù)端接口可以獲取打開小程序任意頁面的URL Scheme。適用于從短信、郵件、微信外網(wǎng)頁等場景打開小程序。通過URLScheme打開小程序的場景值為 1065。生成的URL Scheme如下所示：weixin://dl/business/?t= *TICKET*iOS系統(tǒng)支持識別URL Scheme，可在短信等應(yīng)用場景中直接通過Scheme跳轉(zhuǎn)小程序。Android系統(tǒng)不支持直接識別URL Scheme，用戶無法通過Scheme正常打開小程序，開發(fā)者需要使用H5頁面中轉(zhuǎn)，再跳轉(zhuǎn)到Scheme實現(xiàn)打開小程序，跳轉(zhuǎn)代碼示例如下：location.href = ‘weixin://dl/business/?t= *TICKET*’該跳轉(zhuǎn)方法可以在用戶打開H5時立即調(diào)用，也可以在用戶觸發(fā)事件后調(diào)用。調(diào)用上限Scheme將根據(jù)是否為到期有效與失效時間參數(shù)，分為短期有效Scheme與長期有效Scheme：

1. 單個小程序每日生成Scheme上限為50萬個（包含短期有效Scheme與長期有效Scheme）
2. 有效時間超過31天的Scheme或永久有效的Scheme為長期有效Scheme
3. 單個小程序總共可生成長期有效Scheme上限為10萬個，請謹慎調(diào)用有效時間不超過31天的Scheme為短期有效Scheme
4. 單個小程序生成短期有效Scheme不設(shè)上限

注意事項

1. 生成的URL Scheme僅支持從微信外打開小程序。微信內(nèi)的網(wǎng)頁如需打開小程序請使用微信開放標(biāo)簽-小程序跳轉(zhuǎn)按鈕，無公眾號也可以直接使用小程序身份開發(fā)網(wǎng)頁并免鑒權(quán)跳轉(zhuǎn)小程序，見云開發(fā)靜態(tài)網(wǎng)站跳轉(zhuǎn)小程序。
2. 符合開放范圍的小程序可以下發(fā)支持打開小程序的短信。該功能基本覆蓋當(dāng)前用戶正在使用的微信版本，開發(fā)者無需進行低版本兼容。只能生成已發(fā)布的小程序的URL Scheme。
3. 通過URL Scheme跳轉(zhuǎn)到微信時，可能會觸發(fā)系統(tǒng)彈框詢問，若用戶選擇不跳轉(zhuǎn)，則無法打開小程序。請開發(fā)者妥善處理用戶選擇不跳轉(zhuǎn)的場景。

開放范圍針對國內(nèi)非個人主體小程序開放。VV直選IOS端就采用了URL Scheme跳轉(zhuǎn)，大家可下載體驗。示例使用了云開發(fā)靜態(tài)網(wǎng)站托管搭建網(wǎng)頁，無需公眾號，只需準備好小程序和開通云開發(fā)。網(wǎng)頁會判斷所在的環(huán)境來覺得采用哪種跳轉(zhuǎn)方式，如檢測到微信客戶端內(nèi)，則免鑒權(quán)使用開放標(biāo)簽跳轉(zhuǎn)，如檢測到在外部瀏覽器或 App，則使用 URL Scheme 跳轉(zhuǎn)小程序。

示例網(wǎng)頁地址：postpay-2g5hm2oxbbb721a4-1258211818.tcloudbaseapp.com/jump-mp.html

詳細代碼示例和說明：云開發(fā)靜態(tài)網(wǎng)站跳轉(zhuǎn)小程序。

方法二：云開發(fā)靜態(tài)網(wǎng)頁免鑒權(quán)跳轉(zhuǎn)靜態(tài)網(wǎng)站

優(yōu)勢：1、免去小程序業(yè)務(wù)域名的配置；2、云開發(fā)有免費的CDN額度；3、簡單粗暴，開發(fā)起來簡單、UI組件微信官方自帶，體驗好

缺點：一些排斥云開發(fā)的可能望而卻步

H5 跳小程序非個人主體并且已認證的小程序，使用云開發(fā)靜態(tài)網(wǎng)站托管的網(wǎng)頁，可以免鑒權(quán)跳轉(zhuǎn)任意合法合規(guī)的小程序。即可以在微信內(nèi)部瀏覽器的 H5 跳轉(zhuǎn)小程序，也可以在微信外部瀏覽器或其他部分 App （如企業(yè)微信、QQ 等）跳轉(zhuǎn)微信小程序。靜態(tài)網(wǎng)站網(wǎng)頁在微信客戶端打開時，wx.config 可以傳入小程序 AppID 并且不需計算簽名，也就是免鑒權(quán)即可使用跳轉(zhuǎn)小程序的能力。點此體驗（將會跳轉(zhuǎn)到微信官方的 “小程序示例” 小程序）：https://postpay-2g5hm2oxbbb721a4-1258211818.tcloudbaseapp.com/jump-mp.html

注意，開通靜態(tài)網(wǎng)站、綁定自定義域名，需要在「微信開發(fā)者工具 – 云開發(fā) – 更多 – 靜態(tài)網(wǎng)站」里進行，才能擁有免鑒權(quán)的能力。以下包含完整代碼示例，包括 HTML 代碼和云函數(shù)代碼。示例無需準備公眾號，只需準備好小程序和開通云開發(fā)以及云開發(fā)中的靜態(tài)網(wǎng)站托管能力。網(wǎng)頁會判斷所在的環(huán)境來覺得采用哪種跳轉(zhuǎn)方式，如檢測到微信客戶端內(nèi)，則免鑒權(quán)使用開放標(biāo)簽跳轉(zhuǎn)，如檢測到在外部瀏覽器或 App，則使用 URL Scheme 跳轉(zhuǎn)小程序。注意，以下代碼中有以下內(nèi)容必須替換，可以搜索 <!– replace –> 查看到所有需要替換的地方：

小程序 AppID：填入你的小程序 AppID

云開發(fā)環(huán)境 ID：填入你的開通了靜態(tài)網(wǎng)站托管的云開發(fā)環(huán)境 ID

小程序原始賬號 ID：填入你的小程序原始賬號 ID（gh_ 開頭）

小程序頁面路徑：填入要跳轉(zhuǎn)到的小程序的頁面路徑

小程序名稱：填入要跳轉(zhuǎn)到的小程序名稱

HTML: 點擊下載

方法三：通過同一開放平臺綁定的APP拉起小程序

優(yōu)勢：只要綁定在同一開發(fā)賬號下，無需再配置

缺點：僅對綁定的app才可實現(xiàn)微信外部跳轉(zhuǎn)，網(wǎng)頁及其他app暫不不支持

大家可以申請認證微信開放平臺，將app、小程序、網(wǎng)頁進行統(tǒng)一綁定?？紤]到部分場景下 APP 需要通過小程序來承載服務(wù)，為此 OpenSDK 提供了移動應(yīng)用（APP）拉起小程序功能。

移動應(yīng)用（APP）接入此功能后，用戶可以在 APP 中跳轉(zhuǎn)至微信某一小程序的指定頁面，完成服務(wù)后再跳回至原 APP 。移動應(yīng)用拉起小程序功能已向全體開發(fā)者開放，開發(fā)者在微信開放平臺帳號下申請移動應(yīng)用并通過審核后，即可獲得移動應(yīng)用拉起小程序功能權(quán)限。

跳轉(zhuǎn)規(guī)則：

1、對于已通過認證的開放平臺賬號，其移動應(yīng)用可以跳轉(zhuǎn)至任何合法的小程序，且不限制跳轉(zhuǎn)的小程序數(shù)量。

2、對于未通過認證的開放平臺賬號，其移動應(yīng)用僅可以跳轉(zhuǎn)至同一開放平臺賬號下小程序。注意：若移動應(yīng)用未上架，則最多只能跳轉(zhuǎn)小程序100次/天，用于滿足調(diào)試需求。