一、安装可检测 APP 是否安装的插件
ionic cordova plugin add cordova-plugin-appavailability
npm install --save @ionic-native/app-availability
二、安装可调用原生浏览器的插件
ionic cordova plugin add cordova-plugin-inappbrowser
npm install --save @ionic-native/in-app-browser
三、引入到
app.module.ts import { InAppBrowser } from '@ionic-native/in-app-browser';
import { AppAvailability } from '@ionic-native/app-availability';
providers: [ InAppBrowser,AppAvailability ]
四、以 Home.ts 为例
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { InAppBrowser } from '@ionic-native/in-app-browser';
import { AppAvailability } from '@ionic-native/app-availability';
import { Platform } from 'ionic-angular';
@IonicPage()
@Component({ selector: 'page-Home', templateUrl: 'Home.html', })
export class Home {
constructor( public navCtrl: NavController, public navParams: NavParams, private iab: InAppBrowser, private appAvailability: AppAvailability, private platform: Platform ) { }
ionViewDidLoad() {
var app = '';
if (this.platform.is('ios')) {
app = 'weixin://'; /* 微信的Scheme URL */
} else if (this.platform.is('android')) {
app = 'com.tencent.mm'; /* 微信的安卓包名 */
} this.appAvailability.check(app) /* 检测微信是否已安卓 */ .then(
(yes: boolean) => { this.iab.create('weixin://', '_system'); /* 打开微信 */ },
(no: boolean) => { /* 未安装,请编写提示代码或跳转下载 */ } );
}
}