手机网页通过js打开app

最近接到这样的一个需求，通过网上查阅了a lot资料（其实是踩了很多坑），意识到有必要做一个这样的随笔，以便查阅。

先说重点：

1. 第三方浏览器通过网页打开app的普遍方法是通过scheme命令直接打开。

2. 微信或QQ浏览器通过网页打开app最完善的方法是上传应用宝。

3. 微信或QQ浏览器通过网页打开app只有ios9以上可实现（Android和Ios 9以下除外）。

废话不说，上代码：

一。 第三方浏览器直接打开app。

安卓：

var state = null;
try {
    if (scheme != '') {
        openIframe.src = '【scheme】://【host】/【openwith】';
    }
} catch (e) { }
if (state) {
    window.close();
} else {
    location.href='下载地址';   
}

苹果：

if (scheme != '') {
    window.location.href = '【scheme】://';
}

此处推荐做法：在页面加载的时候尝试打开，加载完毕点击跳转到下载（推荐）。【注：此方式弊端为ios safari浏览器打开时，会提示无法打开】

二。微信或QQ浏览器直接打开app。

注：此方法仅适用于苹果ios9以上系统。

准备以下stuff：
1. 独立域名。
2. SSL证书。
3. 被签名的json文件。
4. Xcode 7・iOS 9 SDK
5. Capabilities
6. AppDelegate的代理设置

步骤：

1. 在Capabilities的设置中，设置`Associated Domains’的Domains内容

例：https://www.facebook.com/ -> applinks:facebook.com

2. apple-app-site-association文件的配置

注：apple-app-site-association文件一定要放在服务器的根目录下。

{
  "applinks": {
    "apps": [],
    "details": {
      "TBEJCS6FFP.com.domain.App": {
        "paths":[ "*" ]
      }
    }
  }
}

paths中的内容为对应App启动的链接路径

全路径的时候使用“＊”。

特定位置的时候需要指定具体内容，

["/wwdc/news/", /videos/wwdc/2015/*]

 TBEJCS6FFP.com.domain.App这部分使用的是你的TeamID和Bundle Identifier

3. 对apple-app-site-association文件的签名

cat apple-app-site-association-unsigned.js | openssl smime -sign -inkey g01-server.key -signer g01-server.crt -certfile 　g01-dvcacert.cer -noattr -nodetach -outform DER > apple-app-site-association

4. App对应的开发

在AppDelegate.m文件中添加以下代码

- (BOOL)application:(UIApplication *)application continueUserActivity:(NSUserActivity *)userActivity restorationHandler:(void (^)(NSArray * _Nullable))restorationHandler
{
    NSLog(@"continueUserActiity enter");
    NSLog(@"	Action Type : %@", userActivity.activityType);
    NSLog(@"	URL         : %@", userActivity.webpageURL);
    NSLog(@"	userinfo :%@",userActivity.userInfo);
     
    NSLog(@"continueUserActiity exit");
    restorationHandler(nil);
     
    NSHTTPCookieStorage *sharedHTTPCookieStorage = [NSHTTPCookieStorage sharedHTTPCookieStorage];
    NSArray *cookies = [sharedHTTPCookieStorage cookiesForURL:userActivity.webpageURL];
 
     NSLog(@"COOKIE{name: %@", cookies);
    return true;
}

如代码所示，我们可以获取到跳转链接的一些基本信息

URL内容，ActionType等都是可以获取并且在代码中进行修改的。

微信或QQ浏览器打开ios9以上app 结束。

三。微信或QQ浏览器通过应用宝直接打开app

此方法有待完善（事实是我也没有处理过）。

结束。