如果不考慮屏蔽掐隐,跳轉(zhuǎn)APP的方式主要有:
- url scheme
這是一種ios與Android都支持的叫做schema的協(xié)議。至于具體怎么設(shè)置钞馁,交給IOS或者安卓開(kāi)發(fā)人員吧虑省。
這種方式在除微信外的大部分瀏覽器都是支持的。首先僧凰,微信內(nèi)置的瀏覽器屏蔽了這個(gè)協(xié)議探颈,所以這種方式在
微信內(nèi)是無(wú)效的;然后我測(cè)試時(shí)的vivo(version:6.0)默認(rèn)瀏覽器里也是不能實(shí)現(xiàn)跳轉(zhuǎn)的训措。 - meta標(biāo)簽
在ios中膝擂,還支持通過(guò)smart app banner來(lái)喚起app,即通過(guò)一個(gè)meta標(biāo)簽隙弛,在標(biāo)簽里帶上app的信息架馋,和打開(kāi)后的行為,代碼形如
<meta name="apple-itunes-app"
content="app-id=1023600494, app-argument=tigerbrokersusstock://com.tigerbrokers.usstock/post?postId=7125" />
- universal link
這種方式也是只有IOS支持全闷。實(shí)現(xiàn)方式叉寂,首先由IOS開(kāi)發(fā)人員配置一個(gè)叫apple-app-site-association的文件,然后將這個(gè)文件放置到具有<strong>HTTPS</strong>協(xié)議的域名的服務(wù)器下总珠。(下面的推薦文章是敬愛(ài)的IOS同志推薦的屏鳍,看完就知道怎么配置了)
然后我們能拿到類似下面的地址,這個(gè)地址IOS會(huì)提供給你:
https://域名/參數(shù)
前端在處理的時(shí)候局服,只需要點(diǎn)擊然后跳轉(zhuǎn)至該URL下就可以钓瞭。可以帶參數(shù)的淫奔,然后就能實(shí)現(xiàn)在微信中跳轉(zhuǎn)至某篇具體的文章或者某個(gè)詳情中山涡。
因?yàn)榇嬖跊](méi)有配置成HTTPS域名的服務(wù)器,這里提供一種巧妙的方式。首先你需要一個(gè)HTTPS域名的服務(wù)器鸭丛,可以不是你網(wǎng)站的服務(wù)器竞穷,但必須是HTTPS的。把a(bǔ)pple-app-site-association文件放置該服務(wù)器下鳞溉,然后由后端配置路由瘾带,類似下面這種格式:
最后把跳轉(zhuǎn)地址修改成上面的這種形式。然后在微信中就可以實(shí)現(xiàn)當(dāng)安裝了APP就直接跳APP熟菲,沒(méi)有安裝會(huì)跳安裝頁(yè)的交互效果看政。
因?yàn)榇嬖趯?dǎo)流的問(wèn)題,url scheme
這個(gè)功能很早以前就被各廠家禁了〕保現(xiàn)在universal link
也存在同樣的命運(yùn)允蚣。微信就在今年將universal link
禁了。雖然被禁了贞绵,但還是存在幾種從微信中跳轉(zhuǎn)APP的方式厉萝。
1恍飘、 微信小程序
小程序新增了提供了跳APP的功能榨崩。沒(méi)有實(shí)踐。具體效果可以查看知乎章母。
2母蛛、universal link
雖然微信把這個(gè)功能給禁了,但是瀏覽器是沒(méi)有的乳怎。有個(gè)技巧就是利用瀏覽器做中間樞紐跳轉(zhuǎn)App彩郊。
在你的分享頁(yè)面中點(diǎn)擊 在App中打開(kāi) 相關(guān)按鈕之后,如果沒(méi)有相應(yīng)App蚪缀,App Store的提示框會(huì)出現(xiàn)秫逝,按著提示操作就能去下載。如果有裝APP怎么能實(shí)現(xiàn)跳轉(zhuǎn)呢询枚。首先還是得符合上述universal link
相關(guān)要求违帆。將你的按鈕事件綁定為打開(kāi)對(duì)應(yīng)的URL(比如上述的:https://domain/toXX?key=value)。正常的這個(gè)頁(yè)面應(yīng)該是不需要寫樣式的金蜀,但是為了用戶體驗(yàn)刷后,我們可以在 toXX 這個(gè)頁(yè)面中做類似的引導(dǎo)
參考文章
web跳轉(zhuǎn)APP