Ionic3 怎么打開第三方 app,最簡單粗暴的方法


一、安裝可檢測 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) => { /* 未安裝,請編寫提示代碼或跳轉下載 */ } );

}

} 

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM