手机网页通过js打开app

雨点打透心脏的1/2处 2024-04-18 16:08 64阅读 0赞

因为公司市场需要，然后花了点时间研究下，本身是做的混合式APP嘛，有兴趣的大佬可以研究下

先说重点：

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

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

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

废话不说，上代码：

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1ODY0MzIw_size_16_color_FFFFFF_t_70][]

此处推荐做法：在页面加载的时候尝试打开，加载完毕点击跳转到下载（推荐）。【注：此**方式弊端为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内容

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1ODY0MzIw_size_16_color_FFFFFF_t_70 1][]

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

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

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

![复制代码][aHR0cHM6Ly9jb21tb24uY25ibG9ncy5jb20vaW1hZ2VzL2NvcHljb2RlLmdpZg]

1 {
     2   "applinks": {
     3     "apps": [],
     4     "details": {
     5       "TBEJCS6FFP.com.domain.App": {
     6         "paths":[ "*" ]
     7       }
     8     }
     9   }
    10 }

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

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

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

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

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

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

1 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文件中添加以下代码

![复制代码][aHR0cHM6Ly9jb21tb24uY25ibG9ncy5jb20vaW1hZ2VzL2NvcHljb2RlLmdpZg]

1 - (BOOL)application:(UIApplication *)application continueUserActivity:(NSUserActivity *)userActivity restorationHandler:(void (^)(NSArray * _Nullable))restorationHandler
     2 {
     3     NSLog(@"continueUserActiity enter");
     4     NSLog(@"\tAction Type : %@", userActivity.activityType);
     5     NSLog(@"\tURL         : %@", userActivity.webpageURL);
     6     NSLog(@"\tuserinfo :%@",userActivity.userInfo);
     7      
     8     NSLog(@"continueUserActiity exit");
     9     restorationHandler(nil);
    10      
    11     NSHTTPCookieStorage *sharedHTTPCookieStorage = [NSHTTPCookieStorage sharedHTTPCookieStorage];
    12     NSArray *cookies = [sharedHTTPCookieStorage cookiesForURL:userActivity.webpageURL];
    13  
    14      NSLog(@"COOKIE{name: %@", cookies);
    15     return true;
    16 }

![复制代码][aHR0cHM6Ly9jb21tb24uY25ibG9ncy5jb20vaW1hZ2VzL2NvcHljb2RlLmdpZg]

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

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

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

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

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

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1ODY0MzIw_size_16_color_FFFFFF_t_70]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/6446edfcd3d4425ca4dade8f851a1697.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1ODY0MzIw_size_16_color_FFFFFF_t_70 1]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/94207b5055cb4e01ac68c91e03c9fc34.png
[aHR0cHM6Ly9jb21tb24uY25ibG9ncy5jb20vaW1hZ2VzL2NvcHljb2RlLmdpZg]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9jb21tb24uY25ibG9ncy5jb20vaW1hZ2VzL2NvcHljb2RlLmdpZg