微信通過頁面(H5)直接打開本地app的解決方法
簡述
微信中通過頁面直接打開app分為安卓版和IOS版,兩個的實現(xiàn)方式是完全不同的。
安卓版實現(xiàn):使用騰訊的應用寶,只要配置了“微下載”之后,打開鏈接騰訊會幫你判斷本地是否已經(jīng)安裝了app,如果本地安裝就直接打開,沒有安裝的話就是騰訊微下載的頁面進行app下載,當然微下載的頁面騰訊提供了幾個模板,可以自己選擇和修改。
IOS實現(xiàn):ios像直接點擊鏈接打開本地app就難了,有兩種方式可供我們選擇:
1.騰訊深度合作的公司,微信可以幫你打開app;
2.使用IOS9+的新功能“Universal Links”(通用鏈接);
很顯然,第二種方式更適合我們普通的公司。
效果展示

實現(xiàn)步驟
1.配置https(必須是https)網(wǎng)站支持;
創(chuàng)建“apple-app-site-association”文件,注意不帶后綴,放到網(wǎng)站根目錄,確保可以使用:https://xxx.xxx.xxx/apple-app-site-association直接可以訪問,apple-app-site-association文件內(nèi)容如下:
{
"applinks": {
"apps": [],
"details": [
{
"appID": "*****.com.gangguwang.yewugo",
"paths": [ "/app/*" ]
}
]
}
}
其中appId是你的Prefix + ID,如圖:

paths為你鏈接攔截的地址,比如我上面填寫的是“/app/*”,就是當我訪問https://xxx.xxxx.xxx/app/x的時候,會打開本地app,其他連接時候則為正常顯示,這個地址可以配置成多個,也可以直接寫*;
2.配置蘋果證書,開啟“Associated Domains”,如下圖:
Identifiers - App IDs –Edit 然后開啟打鉤 Associated Domains 后保存,配置地址:https://developer.apple.com/account/ios/identifier/bundle

3.配置你的App的Universal Links(通用鏈接)
如果你是普通的ios項目的的話,配置如下:項目 targets->Capabilities->Associated Domains,如圖填寫你的鏈接域名

域名的格式必須為:applinks:你的域名(ex:applinks:www.domain.com),可以配置多個;
如果你是Xamarin項目的話,需要選擇Entitlements.plist配置關聯(lián)域,如圖:

這樣配置完之后,打包即可測試你的應用咯。
注意事項
1.配置的網(wǎng)站必須是https,不能為http;
2.[重要]展示地址和打開的地址不能在一個域名下(作者測試發(fā)現(xiàn)放在同一服務器下都不行),比如展示頁的地址是https://a.domain.com/?id=10,打開的如果是https://a.domain.com/app/?id=10,系統(tǒng)默認是打開頁面,而不是觸發(fā)通用鏈接打開app;
3.[重要]配置玩證書之后需要更新證書,才能內(nèi)部打包和提測上傳成功;
4.通用鏈接可被屏蔽,點擊右上角配置的鏈接之后,通用鏈接就失效了,解決方案下次討論。
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關文章
淺談javascript中的 “ && ” 和 “ || ”
本文主要介紹了Javascript中的 “ && ” 和 “ || ”的相關知識。具有很好的參考價值,下面跟著小編一起來看下吧2017-02-02
微信開發(fā) 使用picker封裝省市區(qū)三級聯(lián)動模板
這篇文章主要學習微信開發(fā),如何使用picker封裝省市區(qū)三級聯(lián)動模板,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-10-10
JavaScript關于prototype實例詳解(超重點)
prototype是js里面給類增加功能擴展的一種模式,這篇文章主要介紹了JavaScript關于prototype(超重點),本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-08-08
Bootstrap柵格系統(tǒng)使用方法及頁面調(diào)整變形的解決方法
這篇文章主要介紹了Bootstrap柵格系統(tǒng)使用方法及頁面調(diào)整變形的解決方法,需要的朋友可以參考下2017-03-03
JavaScript判斷輸入是否為數(shù)字類型的方法總結
這篇文章主要介紹了JavaScript判斷輸入是否為數(shù)字類型的方法總結的相關資料,希望通過本文能幫助到大家,需要的朋友可以參考下2017-09-09

