变更记录

序号 录入时间 录入人 备注
1 2015-05-07 Alfred Jiang -
2 2015-12-23 Alfred Jiang -

方案名称

应用间通信 - 通过 URL 检测是否安装并打开应用

关键字

应用间通信 \ URL \ Web \ 邮件打开App \ Schema

需求场景

  1. 需要通过 URL 检测是否安装应用，如果已安装则打开应用，如果未安装则跳转到下载页面

参考链接

  1. iOS使用schema协议调起APP
  2. 在mobile safari中巧妙实现检测应用安装就打开，否则进App Store下载
  3. CSDN - IOS在一个程序中启动另一个程序

详细内容

1. App 设置

在 .plist 文件添加如下字段

Image_00111_00001

1
2
3
4
5
6
7
8
9
10
11
<key>CFBundleURLTypes</key>
<array>
    <dict>
        <key>CFBundleURLName</key>
        <string></string>
        <key>CFBundleURLSchemes</key>
        <array>
            <string>GJApplication</string>
        </array>
    </dict>
</array>
  • GJApplication 替换为自定义名称
2. Web 代码

  1. 示例一

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    <body>
    <div>
    Click to open GJ App
    <br />
    <a href="REXApplication://com.acme.ToDoList"></a>
    <a onClick="javascript:try_to_open_app();" href="REXApplication://com.acme.ToDoList">Open GJ App</a>
    </div>
    <script language="javascript">
    var timeout;
    function open_appstore() {
    window.location='http://itunes.apple.com/cn/app/id950554426?mt=8';
    }

    function try_to_open_app() {
    timeout = setTimeout('open_appstore()', 300);
    }
    </script>
    </body>

  2. 示例二

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
     <!DOCTYPE html>
    <html>
        <body>
            <script type="text/javascript">
                window.onload = function() {
                    // Deep link to your app goes here
                    document.getElementById("l").src = "REXApplication://";

                    setTimeout(function() {
                        // Link to the App Store should go here -- only fires if deep link fails
                        window.location = "http://www.pgyer.com/irex";
                    }, 300);
                };
            </script>
            <iframe id="l" width="1" height="1" style="visibility:hidden"></iframe>
        </body>
    </html>
3. 测试链接
  1. 测试链接一
  2. 测试链接二

效果图

（无）

备注

（无）