Maison > interface Web > js tutoriel > Comment connecter le H5 aux données iOS et Android

Comment connecter le H5 aux données iOS et Android

一个新手
Libérer: 2017-10-19 09:44:21
original
2247 Les gens l'ont consulté

Exigences :

L'application doit utiliser une page H5 pour l'affichage et l'ID de produit correspondant doit être obtenu. L'utilisateur clique sur la page H5 pour revenir à la page native de l'application. page.

Méthode :

Tout d'abord, vous devez déterminer si l'utilisateur est un appareil iOS ou Android (seuls iOS et Android sont pris en compte ici, car leurs méthodes d'écriture sont toujours un peu différent, donc ils sont séparés), puis désactivez le saut de la page H5, obtenez l'ID de la zone de clic, et transmettez-le à l'APP.

ios :où goDetail est la méthode qu'ils souhaitent appeler sur iOS, data est la valeur de l'ID et type est le type. S'il existe d'autres paramètres, il peut être transmis au. APP


var u = navigator.userAgent; //获取用户设备
var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端

$("a").click(function(){
    var href = $(this).attr("data-href");
    if (isIOS && window.WebViewJavascriptBridge) { //ios app 设备才执行
        $(this).attr("href","javascript:;");//禁止H5页面跳转
        WebViewJavascriptBridge.callHandler('goDetail', {"data": href,'type':"1"}, function(){

        });
        return false;

    }
});
Copier après la connexion

android : Appelez une méthode gotoAndroidApp() écrite en H5 dans le code Android, puis ils obtiennent la valeur de la marchandiseDétail paramètre, le premier est l'ID, le second est la valeur de type, lorsqu'il y a d'autres paramètres, plusieurs


// 安卓app才调用的方法
function gotoAndroidApp() {
    $("a").click(function(){
        $(this).attr("href","javascript:;");
        var href = $(this).attr("data-href");
        window.androidVik.goodsDetail(href,1);
        return false;
    });
}
Copier après la connexion

peuvent être transmis dans l'ordre. Cas complet :





    
    
    对接app







Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal