微信通過(guò)頁(yè)面(H5)直接打開(kāi)本地app的解決方法
簡(jiǎn)述
微信中通過(guò)頁(yè)面直接打開(kāi)app分為安卓版和IOS版,兩個(gè)的實(shí)現(xiàn)方式是完全不同的。
安卓版實(shí)現(xiàn):使用騰訊的應(yīng)用寶,只要配置了“微下載”之后,打開(kāi)鏈接騰訊會(huì)幫你判斷本地是否已經(jīng)安裝了app,如果本地安裝就直接打開(kāi),沒(méi)有安裝的話就是騰訊微下載的頁(yè)面進(jìn)行app下載,當(dāng)然微下載的頁(yè)面騰訊提供了幾個(gè)模板,可以自己選擇和修改。
IOS實(shí)現(xiàn):ios像直接點(diǎn)擊鏈接打開(kāi)本地app就難了,有兩種方式可供我們選擇:
1.騰訊深度合作的公司,微信可以幫你打開(kāi)app;
2.使用IOS9+的新功能“Universal Links”(通用鏈接);
很顯然,第二種方式更適合我們普通的公司。
效果展示
實(shí)現(xiàn)步驟
1.配置https(必須是https)網(wǎng)站支持;
創(chuàng)建“apple-app-site-association”文件,注意不帶后綴,放到網(wǎng)站根目錄,確??梢允褂茫?a >https://xxx.xxx.xxx/apple-app-site-association直接可以訪問(wèn),apple-app-site-association文件內(nèi)容如下:
{ "applinks": { "apps": [], "details": [ { "appID": "*****.com.gangguwang.yewugo", "paths": [ "/app/*" ] } ] } }
其中appId是你的Prefix + ID,如圖:
paths為你鏈接攔截的地址,比如我上面填寫(xiě)的是“/app/*”,就是當(dāng)我訪問(wèn)https://xxx.xxxx.xxx/app/x的時(shí)候,會(huì)打開(kāi)本地app,其他連接時(shí)候則為正常顯示,這個(gè)地址可以配置成多個(gè),也可以直接寫(xiě)*;
2.配置蘋(píng)果證書(shū),開(kāi)啟“Associated Domains”,如下圖:
Identifiers - App IDs –Edit 然后開(kāi)啟打鉤 Associated Domains 后保存,配置地址:https://developer.apple.com/account/ios/identifier/bundle
3.配置你的App的Universal Links(通用鏈接)
如果你是普通的ios項(xiàng)目的的話,配置如下:項(xiàng)目 targets->Capabilities->Associated Domains,如圖填寫(xiě)你的鏈接域名
域名的格式必須為:applinks:你的域名(ex:applinks:www.domain.com),可以配置多個(gè);
如果你是Xamarin項(xiàng)目的話,需要選擇Entitlements.plist配置關(guān)聯(lián)域,如圖:
這樣配置完之后,打包即可測(cè)試你的應(yīng)用咯。
注意事項(xiàng)
1.配置的網(wǎng)站必須是https,不能為http;
2.[重要]展示地址和打開(kāi)的地址不能在一個(gè)域名下(作者測(cè)試發(fā)現(xiàn)放在同一服務(wù)器下都不行),比如展示頁(yè)的地址是https://a.domain.com/?id=10,打開(kāi)的如果是https://a.domain.com/app/?id=10,系統(tǒng)默認(rèn)是打開(kāi)頁(yè)面,而不是觸發(fā)通用鏈接打開(kāi)app;
3.[重要]配置玩證書(shū)之后需要更新證書(shū),才能內(nèi)部打包和提測(cè)上傳成功;
4.通用鏈接可被屏蔽,點(diǎn)擊右上角配置的鏈接之后,通用鏈接就失效了,解決方案下次討論。
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
javascript驗(yàn)證手機(jī)號(hào)和實(shí)現(xiàn)星號(hào)(*)代替實(shí)例
在我們?nèi)粘i_(kāi)發(fā)中經(jīng)常要驗(yàn)證客戶輸入的手機(jī)號(hào)是否正確,有的時(shí)候還需要將中間的四位或者前幾位用星號(hào)(*)代替,那該如何實(shí)現(xiàn)呢?下面跟著小編一起來(lái)看看。2016-08-08指定區(qū)域的圖片自動(dòng)按比例縮小的js代碼(防止頁(yè)面被圖片撐破)
有時(shí)候我們更新的內(nèi)容,有很多的大圖片,就會(huì)導(dǎo)致頁(yè)面變形或看不到全圖。一般情況我們用css的max-width控制,但有些瀏覽器不支持,我們也可以用js做個(gè)補(bǔ)充2014-02-02js實(shí)現(xiàn)圖片實(shí)時(shí)時(shí)鐘
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)圖片實(shí)時(shí)時(shí)鐘,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-01-01javascript下用ActiveXObject控件替換word書(shū)簽,將內(nèi)容導(dǎo)出到word后打印
由于時(shí)間比較緊,沒(méi)多的時(shí)候去學(xué)習(xí)研究上述工具包,現(xiàn)在用javascript操作ActiveXObject控件,用替換word模板中的書(shū)簽方式解決。2008-06-06