iOS微信浏览器直接跳转APP

微信内部直接跳转iOS APP，没安装直接跳转AppStore

必备配置

1.微信开放平台
2.UniversalLink
3.服务器配置
4.分享流程

详细配置

此项目默认UniversalLink 为 https://www.baidu.com/share/
配置文件apple-app-site-association

{
    "applinks":{
        "apps":[],
        "details":[
            {
                "appID":"apple开发网站Identifiers  App ID Prefix(Team ID).Bundle ID ",
                "paths":["/share/*"]
            }
        ]
    }
}  

1.微信开放平台

• 打开微信开放平台，按文档进行配置。
• 注意点，配置文件path必须加通配符*。
• 微信开放平台填入域名和微信SDK初始化的UniversalLink为https://www.baidu.com/share/

2.UniversalLink

• 工程打开内打开Asspciated Domains,配置applinks:www.baidu.com,填入域名，不需要带路径。
• 证书打开Asspciated Domains。

3.服务器配置

• 将apple-app-site-association文件上传服务器，打开https://www.baidu.com/apple-app-site-association可以下载此文件代表配置成功。
• 在safari打开https://www.baidu.com/share/下滑可以打开app表示配置正确。
• 上传一个跳转App Store的html，此处举例open.html:

    
    
    
    

    
    


打开App Store.....


  

• 将https://www.baidu.com/这个域名下的所有404重定向到open.html。打开https://www.baidu.com/1234/,显示打开App Store表示配置正确。

4.分享流程

• 通过微信分享https://www.baidu.com/html/details/Information-details-share.html?infoId=3aa6debd9806c9462198f999f4eee903&infoType=1&funcCode=004001
• 微信内打开此h5，点击在App内打开 h5代码：

function goIphone() {
    if (isIPhone) {
         location.href = 'https://www.baidu.com/share/html/details/Information-details-share.html?infoId=3aa6debd9806c9462198f999f4eee903&infoType=1&funcCode=004001';
    }
}

• 此时在微信浏览器内打开第二个链接https://www.baidu.com/share/html/details/Information-details-share.html?infoId=3aa6debd9806c9462198f999f4eee903&infoType=1&funcCode=004001。如果安装了App就会直接打开App，如果没有安装就会跳转open.html跳转到App Store