Ionic3 怎么打开第三方 app,最简单粗暴的方法

6 篇文章 0 订阅
3 篇文章 0 订阅
一、安装可检测 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) => {
                /* 未安装,请编写提示代码或跳转下载 */
            }
        );
    }
}
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值