ShareTrace无邀请码安装

喵喵冲不动了

已于 2022-07-26 14:49:21 修改

阅读量1.7k

点赞数 1

分类专栏：第三方插件文章标签： ios android vue.js

于 2022-07-26 14:34:26 首次发布

本文链接：https://blog.youkuaiyun.com/jhg4123/article/details/125993929

版权

第三方插件专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一段JavaScript代码，用于在不同设备和浏览器环境下实现自定义链接下载。通过`IOS_wx`和`userOs`变量判断是否为iOS微信环境，从而决定是否使用蒙版提示或直接跳转到下载页面。同时，代码利用`ShareTrace`库进行预下载，并处理了不同平台的跳转和刷新逻辑，确保下载流程的顺利进行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本代码使用自定义链接

以下苹果链接和安卓链接都是使用上图的自定义链接（平台托管可查看官方文档）

代码中的IOS_wx和userOs判断设备和浏览器可查看我的另一篇文章判断设备及系统_jhg4123的博客-优快云博客

1、自定义链接

  download() {
      //微信浏览器限制链接   IOS_wx请查看 判断设备信息
      //IOS端微信浏览器无法直接打开商城，故使用自定义蒙版来提示使用第三方浏览器
      if(this.IOS_wx){
        this.$refs.modelWX.style.display = 'block'
        setTimeout(() => {
          this.$refs.modelWX.style.display = 'none'
        }, 2000);
      } else {
        ShareTrace.init({
          appkey: appkey, // 此值必填，你的appkey
          param: 参数,// 参数名=参数
          success: ()=>{
            if (this.userOs == "pc") {
               ShareTrace.preDownload(function () {
                window.location.href = pc链接;
              });
            } else if (this.userOsZ == "苹果") {
              this.is_ios = false
              ShareTrace.preDownload(function () {
                window.location.href = 苹果链接;
              });
            } else {
               ShareTrace.preDownload(function () {
                window.location.href = 安卓链接;
              });
            }
            //IOS点击携带参数跳转，但页面会报错，所以跳转1秒后刷新页面（这里无论IOS还是安卓都进行了刷新）
            setTimeout(() => {
              location.reload();
            }, 1000);
          },
          error: function(msg) {
            //跳转失败后的备用地址
            alert(msg)
            if (this.userOs == "pc") {
              document.location.href = pc地址;
            } else if (this.userOsZ == "苹果") {
              document.location.href = 苹果地址;
            } else {
              document.location.href = 安卓地址;
            }
            setTimeout(() => {
              location.reload();
            }, 1000);
          }
        });
      }
    },

2、官方托管

export default {
    ...
    created() {
        ...
        // 请填入对应的 App Key
        ShareTrace.init(App Key);
        ...
    },
    methods: {
        ...
        handleDownload() {
            // 请在用户点击下载按钮时，触发此函数
            ShareTrace.download();
        }
        ...
    }
}