快应用如何跳转应用市场app详情页

奔跑的狮子

  快应用有时需要跳转到应用市场原生app详情页面，引导用户下载安装，代码中需要如何操作呢？

行进的蜗牛

实现方案

1.快应用支持deeplink跳转第三方app，因此我们知道应用市场原生app详情页面的具体链接后，即可通过router.push接口进行跳转，应用市场原生app详情页面的链接格式为：

appmarket://details?id={{原生app的包名}}

 

2.通过快应用提供的接口pkg.install，该接口的作用是跳转到应用市场的安装详情页面，但是不检测应用最终是否安装成功。

pkg.install({

    package: 'com.hap.app',// 原生app的包名

    success: function(data) {

        console.log("handling success: " + data.result);

    },

    fail: function(data, code) {

        console.log("handling fail, code=" + code);

    }

})

具体代码如下：

<template>

  <!-- Only one root node is allowed in template. -->

  <div class="container">

    <input type="button" value="jump" onclick="jump" />

  </div>

</template>

<style>

  .container {

    flex-direction: column;

    justify-content: center;

    align-items: center;

  }

</style>

<script>

  import router from '@system.router';

  module.exports = {

    data: {

    },

    onInit() {

      this.$page.setTitleBar({

        text: 'menu',

        textColor: '#ffffff',

        backgroundColor: '#007DFF',

        backgroundOpacity: 0.5,

        menu: true

      });

    },

jump: function () {

  //方法1：通过deeplink跳转

      router.push({ uri: "appmarket://details?id=com.sinyee.babybus.world" })

//方法2：通过原生接口

      pkg.install({

        package: 'com.sinyee.babybus.world',

        success: function (data) {

          console.log("handling success: " + data.result);

        },

        fail: function (data, code) {

          console.log("handling fail, code=" + code);

        }

      })

    }

  }

</script>