關(guān)于微信小程序跳轉(zhuǎn)app,開發(fā)者迫切希望微信能提供,以便對(duì)app引流卷中、以及對(duì)小程序無法實(shí)現(xiàn)功能進(jìn)行補(bǔ)充矛双、并實(shí)現(xiàn)自家產(chǎn)品的閉環(huán)渊抽;而微信則因?yàn)榘踩坝脩袅鞒龇桨缚紤]蟆豫,不愿意讓用戶跳到app。那么懒闷,小程序跳app到底是否可行呢十减?
關(guān)于小程序如何跳轉(zhuǎn)app,常規(guī)思路有四種:
- 利用官方api: 需要app接入開放平臺(tái)愤估,并且與小程序?qū)儆诮y(tǒng)一賬號(hào)下帮辟,關(guān)鍵是該方案僅適用于通過app打開小程序,或者通過app分享的卡片打開小程序玩焰,其他情況無法跳轉(zhuǎn)由驹,故在常用的場(chǎng)景下,該方案基本不可行昔园。
- 利用webview網(wǎng)頁跳轉(zhuǎn): 我們可以在手機(jī)默認(rèn)瀏覽器中直接在一個(gè)網(wǎng)頁中打開app蔓榄;那么,在微信小程序web-view中是否可以呢默刚?實(shí)際上web-view有大量權(quán)限限制甥郑,基本除了展示信息,其他交互都需要通過小程序原生代碼實(shí)現(xiàn)荤西。
- 利用默認(rèn)瀏覽器跳轉(zhuǎn): 我們知道澜搅,在手機(jī)默認(rèn)瀏覽器中,我們可以直接在一個(gè)網(wǎng)頁中打開app邪锌;但是勉躺,微信小程序做了限制,不允許跳轉(zhuǎn)到默認(rèn)瀏覽器觅丰,故該方案不可行(部分Android手機(jī)可以跳轉(zhuǎn)赂蕴,但隨著微信小程序基礎(chǔ)版本升級(jí),這種情況越來越少了)舶胀。
- 利用應(yīng)用寶跳轉(zhuǎn): 應(yīng)用寶是騰訊的概说,他們一家,是否可以跳轉(zhuǎn)到應(yīng)用寶嚣伐,然后打開app或下載呢糖赔?然而,由于網(wǎng)頁域名鑒權(quán)轩端,除了騰訊自家的部分特殊小程序放典,其他小程序都是無法跳轉(zhuǎn)的。
- 利用微信未開放接口: 在github上了解到微信小程序api其實(shí)有一個(gè)openUrl的接口,據(jù)說以前是可以跳轉(zhuǎn)到默認(rèn)瀏覽器打開網(wǎng)頁的奋构;但是嘗試后壳影,提示無權(quán)使用...
構(gòu)思以上方案及嘗試花了不少時(shí)間,后來在百度谷歌也搜了不少關(guān)鍵詞弥臼,看到的結(jié)果基本和上面的結(jié)果一致宴咧。那么,是否就真的沒有辦法湊從小程序跳轉(zhuǎn)到app呢径缅?
一次偶然的機(jī)會(huì)掺栅,看到了小程序客服這個(gè)功能,而小程序客服是微信中的一個(gè)類似于公眾號(hào)的功能纳猪;我們知道氧卧,公眾號(hào)是可以間接跳轉(zhuǎn)到app的,那么跳轉(zhuǎn)app的方案就出來了氏堤,小程序先打開客服頁面沙绝,然后在客服頁面通過關(guān)鍵字回復(fù)一個(gè)url(或卡片),點(diǎn)擊url(或卡片)跳轉(zhuǎn)到應(yīng)用寶app推廣鏈接鼠锈,然后就可以打開或下載app了闪檬。(也可以客服卡片跳到自己的網(wǎng)頁,然后打開app)
方案有了脚祟,那么該嘗試下如何實(shí)施了:
- 先跳轉(zhuǎn)到微信小程序客服谬以,這個(gè)好辦,官方提供了button可以直接跳轉(zhuǎn)由桌,設(shè)置open-type='contact'即可:
<button class='modal-btn' open-type='contact'>進(jìn)入【護(hù)血糖APP】</button>
- 跳轉(zhuǎn)到微信小程序客服为黎,需要提示用戶輸入關(guān)鍵字,這個(gè)時(shí)候則需要在跳轉(zhuǎn)時(shí)彈窗提示行您,我們需要改下铭乾,第一個(gè)button不是contact,而是一個(gè)普通按鈕打開彈窗娃循,在彈窗中設(shè)置contact按鈕:
<!-- 進(jìn)入客服會(huì)話提示-->
<view class='modal-bg' wx:if="{{showConcatModal}}" catchtap='dismissConcatModal' catchtouchmove='move'>
<view class='modal-content-bg' >
<text class='modal-text'>在客服會(huì)話中回復(fù)“mm/萌萌/小萌伴”</text>
<button class='modal-btn' open-type='contact'>進(jìn)入【小萌伴】APP</button>
</view>
</view>
客服會(huì)話關(guān)鍵詞回復(fù)炕檩,這個(gè)小程序官方的僅支持文字回復(fù),建議使用api接口來實(shí)現(xiàn)卡片或圖片回復(fù)捌斧,可以自己開發(fā)笛质,也可以用第三方平臺(tái),如:芝麻服務(wù)助手捞蚂、知己助手等妇押,反正就是搜索微信小程序客服,可以出來一大堆姓迅,我也是剛用敲霍,不知道到底哪家比較靠譜俊马。
點(diǎn)擊卡片跳轉(zhuǎn),我使用的應(yīng)用寶推廣url肩杈,這個(gè)在應(yīng)用寶app管理后臺(tái)就可以看到柴我,可以自動(dòng)識(shí)別android、ios
雖然該方案比較曲折扩然,但是好歹能實(shí)現(xiàn)小程序到app的跳轉(zhuǎn)艘儒,可以用于app推廣引流,或者打開小程序無法實(shí)現(xiàn)的部分app功能与学。
具體代碼實(shí)現(xiàn)可以在Github開源ui中查看首頁小萌伴APP的點(diǎn)擊事件彤悔,源碼:itlao5-xmb-weapp
個(gè)人博客: IT老五
微信公眾號(hào):【IT老五(it-lao5)】嘉抓,一起源創(chuàng)索守,一起學(xué)習(xí)!
該方案的缺點(diǎn)很明顯抑片,需要用戶操作過多卵佛,如果有更好的方案,歡迎一起探討敞斋,多謝截汪!