ionic使用cordova插件跳转第三方APP

比眉伴天荒 2022-05-26 10:18 248阅读 0赞

# ionic使用cordova插件跳转第三方APP #

参考自：

*  [ionic开发——检测是否安装某APP，如果安装打开该APP][ionic_APP_APP]
 *  [ionic项目中使用cordova插件跳转第三方地图APP（百度、高德）][ionic_cordova_APP]

第一步，安装cordova插件

cordova plugin add https://github.com/lampaa/com.lampa.startapp.git //打开第三方APP
    cordova plugin add cordova-plugin-appavailability --save//检测是否存在第三方App
    cordova plugin add cordova-plugin-inappbrowser //应用内置浏览器

第二步，配置config.xml(以百度地图为例)：

//ios
    <allow-intent href="baidumap://*/*" />
    //android
    <allow-intent href="bdapp://*/*" />

第三步，代码实现

var scheme;
    // 不同的平台实现方式是不同的
    if (ionic.Platform.isAndroid()) {
    //android
    scheme = 'com.baidu.BaiduMap';
    appAvailability.check(
    scheme, // URI Scheme or Package Name
    function() {  // Success callback
    alert(scheme + ' is available :)');
    var sApp = startApp.set({ /* params */
    "action":"ACTION_MAIN",
    　　　　"category":"CATEGORY_DEFAULT",
    　　　　"type":"text/css",
    　　　　"package":"com.baidu.BaiduMap",
    　　　　"uri":"file://data/index.html",
    　　　　"flags":["FLAG_ACTIVITY_CLEAR_TOP","FLAG_ACTIVITY_CLEAR_TASK"],
    　　　　// "component": ["com.android.GoBallistic","com.android.GoBallistic.Activity"],
    　　　　"intentstart":"startActivity",
    }, { /* extras */
    "EXTRA_STREAM":"extraValue1",
    "extraKey2":"extraValue2"
    });
    sApp.start(function() {  /* success */
    alert("OK");
    }, function(error) {  /* fail */
    alert(error);
    });
    },
    function() {  // Error callback
    // 不存在对应APP
    alert(scheme + ' is not available :(');
    // 打开百度地图下载地址
    window.open("market://search?q=com.baidu.BaiduMap")
    }
    );
    } else {
    // ios
    scheme = 'baidu://';
    appAvailability.check(
    scheme, // URI Scheme or Package Name
    function() {  // Success callback
    alert(scheme + ' is available :)');
    var sApp = startApp.set("baidumap://");
    sApp.start(function() {  /* success */
    alert("OK");
    }, function(error) {  /* fail */
    alert(error);
    });
    },
    function() {  // Error callback
    alert(scheme + ' is not available :(');
    // 打开store下载百度地图 window.open("https://itunes.apple.com/cn/app/id452186370")
    }
    );
    }

对于ios9+需要配置白名单，否则检测无效：

//在项目的Info.plist文件配置
    <key>LSApplicationQueriesSchemes</key>
    <array>
    <string>baidumap</string>
    </array>

“\`

[ionic_APP_APP]: https://blog.csdn.net/yu17310133443/article/details/73199067
[ionic_cordova_APP]: https://blog.csdn.net/padding_scater/article/details/78997220