混合app之间的跳转

两个app之间的跳转

公司和一家线上商城合作了，需要让我们的用户在自己的商城里点击跳转到对方商城，且不用再注册。在这里总结一下方法。

1.写一个h5页面，让后台生成可访问的链接。在app中调用手机浏览器打开这个链接,可以在url中传递需要的参数。

plus.runtime.openURL("http://mj.shijiyunshang.com/huanxing?account="+profile.phone)

注意： plus是H5+API的方法，在电脑浏览器开发者工具里调试会报plus无意义，手机上可以用。
2.在h5页面中写一个进入商城的按钮，在点击事件里判断用户如果安装了对方的app则直接唤醒，没有则提示下载。

 <script>
    $(function() {
     //接收url中传递的参数
      function getString(name) {
        let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
        let r = window.location.search.substr(1).match(reg);
        if (r != null) return unescape(r[2]);
        return null;
      }
      let jiedao_account = getString("account");
     
      $("#lijiBtn").click(function() {
        // navigator.userAgent.indexOf判断浏览器类型
        var u = navigator.userAgent;
        var d0 = new Date();
        var t0 = d0.getTime();
        if (u.indexOf("Android") > -1 || u.indexOf("Linux") > -1) {
            //直接唤醒妙街
          window.location.href =
            "miaojie://pages/index/index?type=3&account=" + jiedao_account;
          // 没有安装妙街app  在进入h5页面两秒后会显示下载链接。  此处有bug：如果用户下载了妙街 提示跳转时用户两秒内没有点击跳转，也会弹出下载妙街  应该加个return? 
          var delay = setInterval(function() {
            var d = new Date();
            var t1 = d.getTime();
            if (t1 - t0 < 3000 && t1 - t0 > 2000) {
                //下载妙街
              window.location.href =
                "https://www.appstore-cjq.com/down?pckId=0cc124362346488598b2f00edd240375";
            }
            if (t1 - t0 >= 3000) {
              clearInterval(delay);
            }
          }, 1000);
        } else if (u.indexOf("iPhone") > -1) {
          window.location.href =
            "miaojie://pages/index/index?type=3&account=" + jiedao_account;
          var delay = setInterval(function() {
            var d = new Date();
            var t1 = d.getTime();
            if (t1 - t0 < 3000 && t1 - t0 > 2000) {
              window.location.href =
                "https://www.appstore-cjq.com/down?pckId=0cc124362346488598b2f00edd240375";
            }
            if (t1 - t0 >= 3000) {
              clearInterval(delay);
            }
          }, 1000);
        }
      });
	//这个函数不知道什么作用  查了iframe的用法。 
      function openApp(src) {
        var ifr = document.createElement("iframe");
        ifr.src = src;
        ifr.style.display = "none";
        document.body.appendChild(ifr);
        window.setTimeout(function() {
          document.body.removeChild(ifr);
        }, 2000);
      }
    });
  </script>

直接在app里点击按钮调用浏览器打开h5页面好像不能，需要把h5页面给后台让他给你生成一个可访问的链接，然后用 window.location.href ="url"的方法跳转到h5页面。 ——陶