移动H5页面跳转APP实现方案

// 使用HTML超链接方式
<a href="myapp://home?user=123&source=h5">打开我的应用</a>
// 使用JavaScript方式
function openAppWithScheme() {
    const schemeUrl = 'myapp://home?user=123&source=h5';
    window.location.href = schemeUrl;
}

{
  "applinks": {
    "apps": [],
    "details": [
      {
        "appID": "TEAMID.BundleID",
        "paths": ["/app/*", "/products/*"]
      }
    ]
  }
}

// 直接使用普通的HTTPS链接
<a href="https://yourdomain.com/app/home?user=123">打开应用或网页</a>
// JavaScript方式
function openWithUniversalLinks() {
    window.location.href = 'https://yourdomain.com/app/home?user=123';
}

<activity android:name=".DeepLinkActivity"
    android:exported="true"
    android:autoVerify="true">
    <intent-filter android:label="@string/app_name">
        <action android:name="android.intent.action.VIEW" />
        <category android:name="android.intent.category.DEFAULT" />
        <category android:name="android.intent.category.BROWSABLE" />
        <data
            android:scheme="https"
            android:host="yourdomain.com"
            android:pathPattern="/app/.*" />
    </intent-filter>
</activity>

// 放在 https://yourdomain.com/.well-known/assetlinks.json
[
  {
    "relation": ["delegate_permission/common.handle_all_urls"],
    "target": {
      "namespace": "android_app",
      "package_name": "com.yourapp.package",
      "sha256_cert_fingerprints": ["你的APP签名SHA-256指纹"]
    }
  }
]

// 与普通链接相同
<a href="https://yourdomain.com/app/home?user=123">打开应用或网页</a>

// 基本格式
<a href="intent://home?user=123#Intent;scheme=myapp;package=com.yourapp.package;end">打开应用</a>
// 带回退URL的实现
<a href="intent://home?user=123#Intent;scheme=myapp;package=com.yourapp.package;S.browser_fallback_url=https%3A%2F%2Fexample.com%2Fdownload;end">
    打开应用或下载
</a>
// JavaScript方式
function openWithIntent() {
    const intentUrl = 'intent://home?user=123#Intent;scheme=myapp;package=com.yourapp.package;S.browser_fallback_url=https%3A%2F%2Fexample.com%2Fdownload;end';
    window.location.href = intentUrl;
}

// 完整的兼容性方案
function openAppOrDownload(config) {
    // 默认配置
    const defaultConfig = {
        schemeUrl: 'myapp://home',
        universalLink: 'https://yourdomain.com/app/home',
        intentUrl: 'intent://home#Intent;scheme=myapp;package=com.yourapp.package;S.browser_fallback_url=https%3A%2F%2Fexample.com%2Fdownload;end',
        downloadUrl: 'https://example.com/download',
        timeout: 2000
    };

    const options = { ...defaultConfig, ...config };
    const os = getOS();
    let url = '';

    // 根据平台选择URL
    if (os === 'iOS') {
        url = options.universalLink || options.schemeUrl;
    } else if (os === 'Android') {
        // 检测是否是Chrome浏览器
        const isChrome = /chrome\/\d+/.test(navigator.userAgent.toLowerCase()) &&
                        /google inc/.test(navigator.vendor.toLowerCase());

        url = isChrome ? options.intentUrl : options.schemeUrl;
    } else {
        window.location.href = options.downloadUrl;
        return;
    }

    // 特殊处理：iOS 14+ 需要用户交互才能跳转
    if (os === 'iOS' && typeof document !== 'undefined') {
        const link = document.createElement('a');
        link.href = url;
        link.style.display = 'none';
        document.body.appendChild(link);

        // 触发点击
        const event = document.createEvent('MouseEvents');
        event.initEvent('click', true, true);
        link.dispatchEvent(event);

        setTimeout(() => {
            document.body.removeChild(link);
        }, 100);
    } else {
        window.location.href = url;
    }

    // 超时检测
    setTimeout(() => {
        const hidden = document.hidden || document.webkitHidden || document.msHidden;
        // 如果页面未隐藏，说明跳转失败
        if (!hidden) {
            window.location.href = options.downloadUrl;
        }
    }, options.timeout);
}

// 1. 引入SDK
// <script src="https://cdn.mob.com/moblink/webdemo/js/moblink-webdemo.js"></script>
// 2. 初始化和使用
function setupMobLink() {
    // 初始化配置
    MobLinkConfig.params = {
        appKey: '你的appKey',
        appSecret: '你的appSecret'
    };

    // 创建链接
    MobLinkConfig.getMobLink({
        path: 'pages/index',
        params: {
            userId: '123',
            contentId: '456'
        },
        onSuccess: function(link) {
            console.log('创建链接成功:', link);
            // 使用生成的链接
        },
        onError: function(error) {
            console.error('创建链接失败:', error);
        }
    });
}

// 检测是否在微信环境
function isWechat() {
    return navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1;
}
// 微信环境下的特殊处理
function handleWechatEnvironment() {
    if (isWechat()) {
        // 微信内置浏览器禁止直接跳转APP
        // 显示引导用户在浏览器中打开的提示
        document.getElementById('wechatTip').style.display = 'block';

        // 可以提供一个二维码，让用户扫码打开
        generateQRCode('https://yourdomain.com/app/open');
    }
}