【Cordova】cordova插件使用

• 修改安装的背景图标
• 下载文件
• 回退按钮
• 检测跳转第三方app

1.0 修改安装的背景图标

1.1 安装

cordova plugin add cordova-plugin-splashscreen

1.2 替换原有cordova的图片
1.3 在cordova config.xml 文件中引入以下代码

<platform name="android">
     <icon density="ldpi" src="res/icon/android/icon-36-ldpi.png" />
     <icon density="mdpi" src="res/icon/android/icon-48-mdpi.png" />
     <icon density="hdpi" src="res/icon/android/icon-72-hdpi.png" />
     <icon density="xhdpi" src="res/icon/android/icon-96-xhdpi.png" />
     <splash density="port-hdpi" src="res/screen/android/screen-hdpi-portrait.png" />
     <splash density="port-ldpi" src="res/screen/android/screen-ldpi-portrait.png" />
     <splash density="port-mdpi" src="res/screen/android/screen-mdpi-portrait.png" />
     <splash density="port-xhdpi" src="res/screen/android/screen-xhdpi-portrait.png" />
 </platform>

2.0 下载文件

2.1 安装

cordova plugin add cordova-plugin-file-transfer

2.2 文档地址：https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-file-transfer/

2.3 案例地址：https://blog.csdn.net/mooonyuan/article/details/83090303

3.0 回退按钮

3.1 安装

cordova plugin add cordova-plugin-backbutton

3.2 文档地址：https://cordova.apache.org/docs/en/5.1.1/cordova/events/events.backbutton.html

以下是监听当跳转到home页的时候，监听回退按钮，执行退出程序

 mounted() {
    this.initialize();
  },
    data() {
    return {
      ready: false
    };
  }
  watch: {
    $route(to, from) {
      if (this.ready) {
      //监听路由，当设备准备好之后，判断to的值是否是需要监听回退按钮的值，是就开启监听，不是就移除监听
        if (  to.name === 'Home' ) {
          document.addEventListener('backbutton', this.onBackDown, false);
        } else {
          document.removeEventListener('backbutton', this.onBackDown, false);
        }
      }
    }
  },
   methods: {
    /* 初始化设备 */
    initialize() {
      document.addEventListener(
        'deviceready',
        this.onDeviceReady.bind(this),
        false
      );
    },
    /* 设备初始化之后监听返回按钮事件 */
    onDeviceReady() {
      this.ready = true;
    },
    /* 返回按钮事件 */
    onBackDown() {
      /* 当设备已准备并且当前页时在主页的时候 退出程序 */
      navigator.app.exitApp();
    }
  },

4.0 检测跳转第三方app

4.1 检测是否安装了第三方app

cordova plugin add appavailability

4.1.1 文档地址： https://www.npmjs.com/package/cordova-plugin-appavailability

4.2 跳转第三方APP

ordova plugin add com.lampa.startapp

4.2.2 文档地址：https://github.com/lampaa/com.lampa.startapp

appAvailability.check(
   'cn.com.lezhixing.clover.xf', //  Package Name
    function(info) {
      // Success callback 已安装
      // Info parameter is available only for android
      window.location.href = "fleaf://lezhixing/open";
    },
    function() {
      _this.popupAppVisible = true;//未检测到安装
    }
  );

注：如果你跳转的第三方是特殊的带头地址，需要在cordova的config.xml中添加以下代码

<allow-intent href="fleaf://lezhixing/*" />