唤醒app

时间 2019-11-12
标签唤醒 app 繁體版
原文原文链接
<!doctype html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>redirectToNative的demo</title>
</head>
<body>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
<div style="font-size:16px;color:#333">
    若是没有自动下载，请手动<a style="color:red;font-size:20px" href="http://m.etao.com/download.php?src=unsupport">点此下载一淘客户端</a>，安装后用一淘客户端的扫描功能从新扫描二维码便可；</br></br>
    若是您不想安装客户端，也能够<a style="color:red;font-size:20px" id="J_gotoH5" href="http://m.etao.com/#item/">直接访问etao触屏版</a>，一样有手机专享价以及优惠券和返利！
</div>
<script>
  /**
   * @fileoverview
   * @author miaojing<miaojing@taobao.com>
   * @module redirectToNative 移动页面中间跳转页面使用,打开native app，没安装则引导去下载app,不依赖任何kissy模块
   * @ps 线上运行数月至今，目前测试发现魅族手机没法识别etao://item 怀疑手机系统不支持，具体缘由客户端开发排查目前无果，这种状况可在跳转页面添加文本再次引导用户
   **/

  /**
   * @class RedirectToNative
   * @constructor
   */
  var RedirectToNative = {
    /**
     * iosNativeUrl: string 必选 ios app上自定义的url scheme） 如 taobao://home(淘宝首页) etao://item?nid=xxx（一淘商品详情页）
     * andriodNativeUrl: string 必选 android app自定义的url scheme
     * iosInstallUrl: string 必选 ios app store里的安装地址
     * androidInstallUrl: string 必选 android app的apk地址
     * package: string 可选 默认com.taobao.taobao android的包名，如淘宝为com.taobao.taobao，etao为com.taobao.etao
     * iosOpenTime: int 可选默认800ms， 启动ios客户端所需时间，通常ios平台总体性能不错，打开速度较快
     * androidOpenTime: int 可选默认2000ms，启动android客户端所需时间，android系统性能良莠不齐所需启动时间也不齐，和android客户端自己启动时间也有关，好比3.0版本启动一淘客户端就平均比淘宝客户端要慢200ms
     */
    init: function (config) {
      var self = this
      self.platform = self._UA()
      // pc下 什么都不处理  pc访问下可能href能够连接去其余地址
      if (!self.platform) return
      if (self.platform == 'ios') {
        self.installUrl = config.iosInstallUrl
        self.nativeUrl = config.iosNativeUrl
        self.openTime = config.iosOpenTime || 800
      } else {
        self.installUrl = config.androidInstallUrl
        self.nativeUrl = config.andriodNativeUrl
        self.openTime = config.androidOpenTime || 3000
        self.package = config.package || 'com.taobao.taobao'
      }
      //只有android下的chrome要用intent协议唤起native
      if (self.platform != 'ios' && !!navigator.userAgent.match(/Chrome/i)) {
        self._hackChrome();
      } else {
        alert("kk")
        self._gotoNative();
      }
    },
    /**
     * _hackChrome 只有android下的chrome要用intent协议唤起native
     * https://developers.google.com/chrome/mobile/docs/intents
     * @return {[type]}
     */
    _hackChrome: function () {
      var self = this
      var startTime = Date.now()
      var paramUrlarr = self.nativeUrl.split('://'),
        scheme = paramUrlarr[0],
        schemeUrl = paramUrlarr[1]
      window.location = 'intent://' + schemeUrl + '#Intent;scheme=' + scheme + ';package=' + self.package + ';end'
      setTimeout(function () {
        self._gotoDownload(startTime)
      }, self.openTime)
    },
    /**
     * [_gotoNative 跳转至native，native超时打不开就去下载]
     * @return
     */
    _gotoNative: function () {
      var u = navigator.userAgent;
      var self = this
      var startTime = Date.now(),
        doc = document,
        body = doc.body,
        iframe = doc.createElement('iframe')
      iframe.id = 'J_redirectNativeFrame'
      iframe.style.display = 'none';
     if(u.indexOf('Safari') > -1){
       window.location.href=self.nativeUrl
     }
     else {
       iframe.src = self.nativeUrl;
     }
//
      //运行在head中
      if (!body) {
        setTimeout(function () {
          doc.body.appendChild(iframe)
        }, 0)
      } else {
        body.appendChild(iframe)
      }

      setTimeout(function () {
        doc.body.removeChild(iframe)
        self._gotoDownload(startTime)
        /**
         * 测试时间设置小于800ms时，在android下的UC浏览器会打开native app时并下载apk，
         * 测试android+UC下打开native的时间最好大于800ms;
         */
      }, self.openTime)
    },
    /**
     * [_gotoInstall 去下载]
     * @param  {[type]} startTime [开始时间]
     * @return
     */
    _gotoDownload: function (startTime) {
      var self = this
      var endTime = Date.now()
      if (endTime - startTime < self.openTime + 500) {
        window.location = self.installUrl
      }
    },
    /**
     * [_UA 检测平台]
     * @return string [ios|android| ]
     */
    _UA: function () {
      var ua = navigator.userAgent
      // ios
      if (!!ua.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)) {
        return 'ios'
      } else if (!!ua.match(/Android/i)) {
        return 'android'
      } else {
        return ''
      }
    },
  }
  //透传参数
  var searchStr = location.search,
    iosNativeUrl = 'taobao://detail.tmall.com/item.htm?id=543501628646',
    andriodNativeUrl = 'taobao://detail.tmall.com/item.htm?id=543501628646',
    downloadUrl = 'https://mpage.taobao.com/hd/download.html?spm=a21bo.50862.1997563273.1.28689e73fipyOa',
    configObj = {
      iosInstallUrl:"http://itunes.apple.com/app/id387682726?mt=8" ,
      androidInstallUrl: "http://download.alicdn.com/wireless/taobao4android/latest/702757.apk",
      iosNativeUrl: iosNativeUrl,
      andriodNativeUrl: andriodNativeUrl,
      package: 'com.taobao.taobao',
    }
  RedirectToNative.init(configObj)
</script>
</body>
</html>