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

论坛 期权论坛 编程之家     
选择匿名的用户   2021-6-2 20:55   1278   0

如果不考虑屏蔽,跳转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 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:3875789
帖子:775174
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP