专栏首页用户4758821的专栏微信公众号手机无法直接下载APK文件是怎么回事
原创

微信公众号手机无法直接下载APK文件是怎么回事

需求:在微信h5页面中下载第三方app —— 安卓, 直接下载apk文件包;iphone,跳转AppStore

分析:微信不支持,在微信中屏蔽了apk文件的下载以及AppStore的跳转(且除非和TX有合作的应用,否则也不支持通过scheme跳转第三方app)

变通方法:

一、借助TX的应用市场 --‘应用宝’:将app上架应用宝,在微信中点击下载按钮(app的应用宝微下载地址),安卓则可跳转应用直接进行下载,iphone则会自动跳转Appstore(需在TX开发平台进行配置)

总结:虽然这种方法可以直接跳出微信并进行下载,但是需要用户在应用宝中下载

二、在微信中生成遮罩层,然后指引用户点击微信中右上角的更多按钮,选择【在浏览器打开】(iphone为【在safari中打开】,下同)

总结:虽然这种方法需要用户多操作一步,但贵在原生且不涉及第三方应用市场,本文主要讲述的是这种方法(且在浏览器中打开后仿应用宝下载效果:安卓直接弹出apk下载框,iphone则直接跳转AppStore,无需用户再一次点击下载按钮)

  • 主要代码如下(H5页面由vue构建):

1、识别手机类型

<span style="color:需要的可以联系本人QQ2686193109:"><code>/* 判断用户手机为安卓还是iphone */
checkPhone () {
	let self = this
	let agent = (navigator.userAgent || navigator.vendor || window.opera)
    if (agent != null) {
		let agentName = agent.toLowerCase()
        if (/android/i.test(agentName)) {
          self.isAndroid = true
        } else if (/iphone/i.test(agentName)) {
          self.isIOS = true
        }
	  }
	}
</code></span>

2、识别微信环境

<span style="color:#000000"><code>/* 判断是否为微信环境 */
this.isWeiXin = navigator.userAgent.toLowerCase().indexOf('micromessenger') > -1 ? true : false
</code></span>

3、点击下载按钮,显示遮罩层,并为本H5页面url地址上增加hash值‘download’(改变hash值并不会刷新页面,但可让浏览器识别),并指引用户浏览器打开

<span style="color:#000000"><code>/* 点击下载按钮 */
downloadApp () {
      // 微信环境
      let self = this
      self.checkPhone()
      let agent = (navigator.userAgent || navigator.vendor || window.opera)
      if (agent != null) {
        let agentName = agent.toLowerCase()
        // this.$alert({text: [agentName]})
        if (self.isAndroid) {
           // 微信环境
          if (self.isWeiXin) {
            self.downloadInWeixin = true
            window.location.hash = 'download'   // 改变hash,便于浏览器打开时直接下载安卓包
            return
          }
          // 安卓包下载地址
          window.location.href = config.androidDownloadUrl
        } else if (self.isIOS) {
           // 微信环境
          if (self.isWeiXin) {
            self.downloadInWeixin = true
            window.location.hash = 'download'    // 改变hash,便于浏览器打开时直接跳转AppStore
            return
          }
          // 苹果商店链接地址
          window.location.href = config.iosAppstoreUrl
        } else {
          this.$alert({text: ['暂不支持,敬请期待~']})
        }
      }
    }
</code></span>

4、浏览器中打开加了hash的url地址,识别hash值,安卓直接弹出apk下载框,iphone则直接跳转AppStore 重中之重:原来的H5页面的url地址后面必须跟上‘#/’, 不然浏览器不会识别hash值,切记、切记、切记

<span style="color:#000000"><code>identityHash () {
	if (window.location.hash.includes('download')) {
	      window.location.hash = ''   //  还原hash为空
	      self.checkPhone()
	      if (self.isAndroid) {
	        // 安卓,弹出包下载页面
	        window.location.href = config.androidDownloadUrl
	      } else if (self.isIOS) {
        // ios,直接跳转Appstore
         window.location.href = config.linkToAppstore
      } else {
        this.$alert({text: ['暂不支持,敬请期待~']})
      }
    }
}
</code>


</span>

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 数据中心网络中的hash问题研究

    "鹅厂网事"由深圳市腾讯计算机系统有限公司技术工程事业群网络平台部运营,我们希望与业界各位志同道合的伙伴交流切磋最新的网络、服务器行业动态信息,同时分享腾讯在网...

    鹅厂网事
  • golang 无缓冲channel

    landv
  • 如何读取APK的Activity(Python实现)

    adb是我们日常工作每天都会接触的,也是最简单有效。通过adb命令我们可以查看当前手机内应用的包名和Activity信息。常用的命令例如:

    用户5521279
  • Golang写的并行排序算法

    package main import "fmt" // threads 线程标识创建线程的个数 func quicksort(nums []int,...

    李海彬
  • m1-工资管理系统

    py3study
  • animal与@keyframe

    windseek
  • 手把手教你实战汉字书法识别

    用户1737318
  • 突破phpMyAdmin不能导出shell的方法

    接着在浏览器中打开phpMyAdmin界面,登陆后找到变量,搜索general log,就会看到下面这张图的内容。

    周俊辉
  • python编写的多线程接口并发测试

    py3study
  • python写的系统常用命令(二)

    python写的系统常用命令,linux和windows通用,用的时候直接from util import *导入即可使用,很方便

    py3study

扫码关注云+社区

领取腾讯云代金券