h5 利用tn 唤起云闪付app

使用tn唤起云闪付app可以通过以下步骤实现：

1. 在html文件中添加以下代码，其中`urlScheme`是云闪付app的scheme：

<a href="tnopen://app/{urlScheme}">打开云闪付</a>

2. 在js文件中判断是否安装了云闪付app，如果已安装，则触发链接点击事件，否则提示用户下载云闪付app：

function openCloudQuickPay() {
    var urlScheme = 'com.unionpay.cloud.quickpay';
    var ua = navigator.userAgent.toLowerCase();
    if(ua.match(/iphone/i) || ua.match(/ipad/i)) {
        // 判断是否安装云闪付app
        if(navigator.userAgent.indexOf('UPPayQuickPay') > -1) {
            // 已安装云闪付app，打开链接
            window.location.href = 'tnopen://app/' + urlScheme;
        } else {
            // 未安装云闪付app，提示用户下载app
            window.location.href = 'https://itunes.apple.com/cn/app/id'+app_id;
        }
    } else if(ua.match(/android/i)) {
        // 判断是否安装云闪付app
        var isInstalled = false;
        try {
            isInstalled = !!window.jsbridge;
        } catch(e) {}
        if(isInstalled) {
            // 已安装云闪付app，打开链接
            window.location.href = 'tnopen://app/' + urlScheme;
        } else {
            // 未安装云闪付app，提示用户下载app
            window.location.href = 'http://a.app.qq.com/o/simple.jsp?pkgname=' + package_name;
        }
    }
}

其中，`app_id`和`package_name`分别是云闪付app在App Store和应用宝的应用ID。

3. 在html文件中添加链接点击事件，调用上述`openCloudQuickPay()`函数：

<a href="#" onclick="openCloudQuickPay()">打开云闪付</a>

这样就可以在H5页面中通过tn唤起云闪付app了。