ios微信组件跳转_IOS如何从微信中跳转APP

如果不考虑屏蔽,跳转APP的方式主要有:

url scheme

这是一种ios与Android都支持的叫做schema的协议。至于具体怎么设置,交给IOS或者安卓开发人员吧。

这种方式在除微信外的大部分浏览器都是支持的。首先,微信内置的浏览器屏蔽了这个协议,所以这种方式在

微信内是无效的;然后我测试时的vivo(version:6.0)默认浏览器里也是不能实现跳转的。

meta标签

在ios中,还支持通过smart app banner来唤起app,即通过一个meta标签,在标签里带上app的信息,和打开后的行为,代码形如

content="app-id=1023600494, app-argument=tigerbrokersusstock://com.tigerbrokers.usstock/post?postId=7125" />

universal link

这种方式也是只有IOS支持。实现方式,首先由IOS开发人员配置一个叫apple-app-site-association的文件,然后将这个文件放置到具有HTTPS协议的域名的服务器下。(下面的推荐文章是敬爱的IOS同志推荐的,看完就知道怎么配置了)

然后我们能拿到类似下面的地址,这个地址IOS会提供给你:

https://域名/参数

前端在处理的时候,只需要点击然后跳转至该URL下就可以。可以带参数的,然后就能实现在微信中跳转至某篇具体的文章或者某个详情中。

因为存在没有配置成HTTPS域名的服务器,这里提供一种巧妙的方式。首先你需要一个HTTPS域名的服务器,可以不是你网站的服务器,但必须是HTTPS的。把apple-app-site-association文件放置该服务器下,然后由后端配置路由,类似下面这种格式:

最后把跳转地址修改成上面的这种形式。然后在微信中就可以实现当安装了APP就直接跳APP,没有安装会跳安装页的交互效果。

因为存在导流的问题,url scheme这个功能很早以前就被各厂家禁了。现在universal link也存在同样的命运。微信就在今年将universal link禁了。虽然被禁了,但还是存在几种从微信中跳转APP的方式。

小程序新增了提供了跳APP的功能。没有实践。具体效果可以查看知乎。

2、universal link

虽然微信把这个功能给禁了,但是浏览器是没有的。有个技巧就是利用浏览器做中间枢纽跳转App。

在你的分享页面中点击 在App中打开 相关按钮之后,如果没有相应App,App Store的提示框会出现,按着提示操作就能去下载。如果有装APP怎么能实现跳转呢。首先还是得符合上述universal link相关要求。将你的按钮事件绑定为打开对应的URL(比如上述的:https://domain/toXX?key=value)。正常的这个页面应该是不需要写样式的,但是为了用户体验,我们可以在 toXX 这个页面中做类似的引导

guide.jpeg

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值