如果不考慮屏蔽,跳轉APP的方式主要有:
- url scheme
這是一種ios與Android都支持的叫做schema的協(xié)議。至于具體怎么設置,交給IOS或者安卓開發(fā)人員吧。
這種方式在除微信外的大部分瀏覽器都是支持的。首先,微信內置的瀏覽器屏蔽了這個協(xié)議,所以這種方式在
微信內是無效的;然后我測試時的vivo(version:6.0)默認瀏覽器里也是不能實現跳轉的。 - meta標簽
在ios中,還支持通過smart app banner來喚起app,即通過一個meta標簽,在標簽里帶上app的信息,和打開后的行為,代碼形如
<meta name="apple-itunes-app"
content="app-id=1023600494, app-argument=tigerbrokersusstock://com.tigerbrokers.usstock/post?postId=7125" />
- universal link
這種方式也是只有IOS支持。實現方式,首先由IOS開發(fā)人員配置一個叫apple-app-site-association的文件,然后將這個文件放置到具有<strong>HTTPS</strong>協(xié)議的域名的服務器下。(下面的推薦文章是敬愛的IOS同志推薦的,看完就知道怎么配置了)
然后我們能拿到類似下面的地址,這個地址IOS會提供給你:
https://域名/參數
前端在處理的時候,只需要點擊然后跳轉至該URL下就可以??梢詭档?,然后就能實現在微信中跳轉至某篇具體的文章或者某個詳情中。
因為存在沒有配置成HTTPS域名的服務器,這里提供一種巧妙的方式。首先你需要一個HTTPS域名的服務器,可以不是你網站的服務器,但必須是HTTPS的。把apple-app-site-association文件放置該服務器下,然后由后端配置路由,類似下面這種格式:
最后把跳轉地址修改成上面的這種形式。然后在微信中就可以實現當安裝了APP就直接跳APP,沒有安裝會跳安裝頁的交互效果。
因為存在導流的問題,url scheme這個功能很早以前就被各廠家禁了?,F在universal link也存在同樣的命運。微信就在今年將universal link禁了。雖然被禁了,但還是存在幾種從微信中跳轉APP的方式。
1、 微信小程序
小程序新增了提供了跳APP的功能。沒有實踐。具體效果可以查看知乎。
2、universal link
雖然微信把這個功能給禁了,但是瀏覽器是沒有的。有個技巧就是利用瀏覽器做中間樞紐跳轉App。
在你的分享頁面中點擊 在App中打開 相關按鈕之后,如果沒有相應App,App Store的提示框會出現,按著提示操作就能去下載。如果有裝APP怎么能實現跳轉呢。首先還是得符合上述universal link相關要求。將你的按鈕事件綁定為打開對應的URL(比如上述的:https://domain/toXX?key=value)。正常的這個頁面應該是不需要寫樣式的,但是為了用戶體驗,我們可以在 toXX 這個頁面中做類似的引導

guide.jpeg
參考文章
web跳轉APP