美文网首页
微信浏览器调起App

微信浏览器调起App

作者: seemoonup | 来源:发表于2016-11-10 00:56 被阅读2251次

问题:App中分享到微信的链接 如何在app中打开呢
目前的通用解决方案:

  • 微信点击链接 跳转应用宝 打开
  • 跳转浏览器 调起app 打开链接

下面来详细了解一下第二种解决方案
分享出去的链接比如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跳转

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

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

相关文章

网友评论

      本文标题:微信浏览器调起App

      本文链接:https://www.haomeiwen.com/subject/rabtpttx.html