最近微信小程序已悄悄的開放了從外部跳轉(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:
- 單個小程序每日生成Scheme上限為50萬個(包含短期有效Scheme與長期有效Scheme)
- 有效時間超過31天的Scheme或永久有效的Scheme為長期有效Scheme
- 單個小程序總共可生成長期有效Scheme上限為10萬個,請謹(jǐn)慎調(diào)用有效時間不超過31天的Scheme為短期有效Scheme
- 單個小程序生成短期有效Scheme不設(shè)上限
注意事項
- 生成的URL Scheme僅支持從微信外打開小程序。微信內(nèi)的網(wǎng)頁如需打開小程序請使用微信開放標(biāo)簽-小程序跳轉(zhuǎn)按鈕,無公眾號也可以直接使用小程序身份開發(fā)網(wǎng)頁并免鑒權(quán)跳轉(zhuǎn)小程序,見云開發(fā)靜態(tài)網(wǎng)站跳轉(zhuǎn)小程序。
- 符合開放范圍的小程序可以下發(fā)支持打開小程序的短信。該功能基本覆蓋當(dāng)前用戶正在使用的微信版本,開發(fā)者無需進(jìn)行低版本兼容。只能生成已發(fā)布的小程序的URL Scheme。
- 通過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)頁,無需公眾號,只需準(zhǔn)備好小程序和開通云開發(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
詳細(xì)代碼示例和說明:云開發(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 跳小程序非個人主體并且已認(rèn)證的小程序,使用云開發(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)站」里進(jìn)行,才能擁有免鑒權(quán)的能力。以下包含完整代碼示例,包括 HTML 代碼和云函數(shù)代碼。示例無需準(zhǔn)備公眾號,只需準(zhǔn)備好小程序和開通云開發(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暫不不支持
大家可以申請認(rèn)證微信開放平臺,將app、小程序、網(wǎng)頁進(jìn)行統(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、對于已通過認(rèn)證的開放平臺賬號,其移動應(yīng)用可以跳轉(zhuǎn)至任何合法的小程序,且不限制跳轉(zhuǎn)的小程序數(shù)量。
2、對于未通過認(rèn)證的開放平臺賬號,其移動應(yīng)用僅可以跳轉(zhuǎn)至同一開放平臺賬號下小程序。注意:若移動應(yīng)用未上架,則最多只能跳轉(zhuǎn)小程序100次/天,用于滿足調(diào)試需求。