微信浏览器调起App

微信中唤起app 方案

目前的通用解决方案:

  1. 跳转应用宝 打开

    数据证明这种方式在微信体系中的转化比较高

  1. 跳转浏览器 调起app 打开链接

下面来详细了解一下第二种解决方案

使用scheme协议解决

分享出去的链接比如share.html
其中的代码为
<a href="www.seemoonup.com/jump.html?schema=***">

schema为app端提供的地址
请求发送到server之后跳转至中转页面jump.html

下面来分析一下jump.html的页面逻辑

  1. 打开分享页 点击在app中打开,进入中转jump页
  2. 判断是否为wechat浏览器
  3. 如果在wechat浏览器中,则诱导用户使用浏览器打开此页面
  4. 浏览器中打开jump页
  5. 使用页面js方法schema尝试调起app 调起成功直接打开,调起失败提示跳转失败

逻辑流程图

Paste_Image.png

这其中的逻辑主要集中在jump页面判断ua上面
其次对于如何调起schema对于ios和android以及版本的不同

主要有两种方式:
frame.src = schema//嵌入frame
window.location=schema//url跳转

具体实现代码根据业务需求实现

总结:两种解决方式各有利弊,根据具体需求选用,使用应用宝就绕不开下载应用宝,使用中转方式 绕不开点击更多 使用浏览器打开
适合自己的才是最好的

lemon wechat
欢迎大家关注我的订阅号 SeeMoonUp
写的不错?鼓励一下?不差钱?