這篇文章主要為大家展示了“微信如何通過html5頁面直接打開本地app”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“微信如何通過html5頁面直接打開本地app”這篇文章吧。

創(chuàng)新互聯(lián)是專業(yè)的正藍(lán)網(wǎng)站建設(shè)公司，正藍(lán)接單;提供成都做網(wǎng)站、成都網(wǎng)站建設(shè),網(wǎng)頁設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行正藍(lán)網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來合作!

簡述

微信中通過頁面直接打開app分為安卓版和IOS版，兩個(gè)的實(shí)現(xiàn)方式是完全不同的。

安卓版實(shí)現(xiàn)：使用騰訊的應(yīng)用寶，只要配置了“微下載”之后，打開鏈接騰訊會(huì)幫你判斷本地是否已經(jīng)安裝了app，如果本地安裝就直接打開，沒有安裝的話就是騰訊微下載的頁面進(jìn)行app下載，當(dāng)然微下載的頁面騰訊提供了幾個(gè)模板，可以自己選擇和修改。

IOS實(shí)現(xiàn)：ios像直接點(diǎn)擊鏈接打開本地app就難了，有兩種方式可供我們選擇：

　　1.騰訊深度合作的公司，微信可以幫你打開app；

　　2.使用IOS9+的新功能“Universal Links”（通用鏈接）；

很顯然，第二種方式更適合我們普通的公司。

效果展示

實(shí)現(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/*”,就是當(dāng)我訪問https://xxx.xxxx.xxx/app/x的時(shí)候，會(huì)打開本地app，其他連接時(shí)候則為正常顯示，這個(gè)地址可以配置成多個(gè)，也可以直接寫*；

2.配置蘋果證書，開啟“Associated Domains”，如下圖：

Identifiers - App IDs –Edit 然后開啟打鉤 Associated Domains 后保存，配置地址：https://developer.apple.com/account/ios/identifier/bundle

3.配置你的App的Universal Links（通用鏈接）

如果你是普通的ios項(xiàng)目的的話，配置如下：項(xiàng)目 targets->Capabilities->Associated Domains，如圖填寫你的鏈接域名

域名的格式必須為：applinks:你的域名（ex:applinks:www.domain.com）,可以配置多個(gè);

如果你是Xamarin項(xiàng)目的話，需要選擇Entitlements.plist配置關(guān)聯(lián)域，如圖：

這樣配置完之后，打包即可測試你的應(yīng)用咯。

官方配置文件：https://developer.apple.com/library/content/documentation/General/Conceptual/AppSearch/UniversalLinks.html

注意事項(xiàng)

1.配置的網(wǎng)站必須是https，不能為http；

2.[重要]展示地址和打開的地址不能在一個(gè)域名下（作者測試發(fā)現(xiàn)放在同一服務(wù)器下都不行），比如展示頁的地址是https://a.domain.com/?id=10，打開的如果是https://a.domain.com/app/?id=10，系統(tǒng)默認(rèn)是打開頁面，而不是觸發(fā)通用鏈接打開app；

3.[重要]配置玩證書之后需要更新證書，才能內(nèi)部打包和提測上傳成功；

4.通用鏈接可被屏蔽，點(diǎn)擊右上角配置的鏈接之后，通用鏈接就失效了，解決方案下次討論。

以上是“微信如何通過html5頁面直接打開本地app”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計(jì)公司行業(yè)資訊頻道！

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

網(wǎng)站名稱：微信如何通過html5頁面直接打開本地app-創(chuàng)新互聯(lián)
分享鏈接：http://aaarwkj.com/article28/ccoccp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站營銷、網(wǎng)站策劃、手機(jī)網(wǎng)站建設(shè)、標(biāo)簽優(yōu)化、服務(wù)器托管、自適應(yīng)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)