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

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

参考自:

  • ionic开发——检测是否安装某APP,如果安装打开该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>LSApplicationQueriesSchemeskey>
<array>
<string>baidumapstring>
array>

“`

你可能感兴趣的:(ionic)