一:缘由
那天手贱更新了一下第三方库。发现微信更新1.8.6的SDK后,在delegate注册时多了一个universalLink参数(如下)
WXApi.registerApp(appid: String, universalLink: String)
不管你是友盟还是fluwx等等,只要是最新版的应该都需要这个参数,当时我就一脸懵逼了,啥玩意啊?于是去看了下微信官方文档,把自己踩坑经验总结下来。
本文将介绍如何配置UniversalLink进行APP跳转,并完成微信相关操作(分享、支付、登录)。
即使你的APP目前跳转微信没问题也
,因为在最新iOS系统和微信版本上可能出现无法调起微信的情况!
注1:配置此方案不需要线上,本地xcode build运行即可配置测试。
注2:配置过程中不建议为了急于实现项目特有需求,盲目修改,先化繁为简,完成基本功能再复杂化为上策
二:什么是UniversalLink
So~为什么要用UniversalLink呢???它又是个什么东西??
- 什么是UniversalLink?
UniversalLink与URL Schemes一样,都是跳转APP的一种方式。
简单来说就是一个URL,当用户在浏览器中访问此URL时,苹果会检测对应的APP是否已安装。已安装则跳转到APP。未安装则访问此URL实际内容。 - 为什么要用它呢?
微信之前是用URL Schemes方式跳转APP,在微信7.0.7版本和微信SDK1.8.6更新后,为了安全性等原因,改用universalLink方式。蛋疼的是更新之后就必须用这种方式,要是不填universalLink,不管是分享、支付、登录都无法调起微信,真是有够折腾人的。
这里有几篇苹果官方文档的解释,使用谷歌浏览器翻译一下就好了,文章都不长,强烈建议都认真看一圈。我也是反复读了很多遍后才理解这玩意的。
支持通用链接
允许应用程序和网站链接到您的内容
启用通用链接
处理通用链接
三:配置UniversalLink的步骤
总体来说步骤还是比较多的,但其实都很简单,主要是要注意很多细节的东西,这里先列出来大概步骤,请先大致浏览一下(顺序不分前后的)
1、让后台人员准备一个https的链接,一定要https的(微信硬性要求)
2、制作apple-app-site-association文件,并放置在准备好的链接根目录下
3、App Store应用管理和Xcode开启Associated Domains,并填写对应Domains
4、用GET请求测试该链接下的文件内容,并在safari浏览器中测试
5、微信开放平台和SDK注册方法填写相同UniversalLink
6、填写微信新的LSApplicationQueriesSchemes
7、回调测试
四:步骤详解
- 1.为什么要准备https的链接?其实苹果是支持http和https,但是微信要求是这样,这一步交给你的服务器人员去完成。
- 2 制作apple-app-site-association文件,并放在准备好的链接根目录下。请先看看苹果官方的解释(如下图)
大致意思就是苹果会在APP第一次安装启动时(仅第一次),访问你准备的链接下面此文件。(这里苹果其实会访问两次,第一次是.well-known子目录下,第二次才是根目录)
一般放在根目录下即可,若你的链接有重定向,建议尝试放置在.well-known子目录下,并且保证能GET请求到此文件,且文件不需要后缀名。
例如:以https://help.wechat.com为基础链接,则该文件请求路径为
https://help.wechat.com/apple-app-site-associationhttps://help.wechat.com/.well-known/apple-app-site-association
那么此文件的内容是什么呢?还是来看看官方的解释
其实就是一个json,apps数组不用管,details里面填入对应得appID和paths。
appID就是用前缀+bundleID的方式,在App Store应用后台可以查看此前缀
paths则是可访问APP的对应页面路径,APP Delegate有对应方法可以获取,更多关于paths的介绍这里不做过多撰述,下面有个例子,替换APPID和BundleID即可复制直接使用。
{ "applinks":{ "apps":[ ], "details":[ { "paths":["*"], "appID":"xxxxxx.com.wechat.wexin" } ] }}
ok,到这里apple-app-site-association文件就制作好了,把它交给你的后台人员,按照之前说的放到相应目录。并且使用GET请求进行测试,确保路径能正常访问,json格式正确-_-!,如图
- 3.去App Store应用管理开启Associated Domains
启用Xcode-Capabilities中的Associated Domains,以applinks:+你准备的UniversalLink的形式填写对应值。例如:applinks:help.wechat.com,注意此次应是裸的域名,不要加https或者文件名
- 4.一切就绪后即可在safari浏览器中测试。
卸载一次APP,build run一下,然后你就可以先在safari浏览器中测试走一波,把链接地址输入进去如https://help.wechat.com。页面加载完往下拉一下,看是否有打开APP的提示,如果有则配置成功!
- 5.以上步骤与微信毫无关系,但证明UniversalLink已经配置成功,可进行APP跳转。
接下来是微信开放平台和SDK注册方法填写相同UniversalLink,注意此次微信的要求https开头 /结尾,列如:https://help.wechat.com/
同理,在微信SDK注册方法中不管是友盟还是fluwx填写的都应该和这个一样
//微信注册WXApi.registerApp(wxID, universalLink: "https://help.wechat.com/")
- 6.也许这个时候你迫不及待想去调起微信,结果一定是失败的,因为此次更新后,还要添加一个新的Schemes。
在Xcode中,在 “info”标签栏的“LSApplicationQueriesSchemes“添加weixin 和weixinULAPI(如下图所示)。 - 7.回调测试
当APP被UniversalLink调起后,可以在delegate中使用如下方法进行对应处理,获取相关paths信息等(这里使用了微信的处理方式)
func application(_ application: UIApplication, continue userActivity: NSUserActivity, restorationHandler: @escaping ([UIUserActivityRestoring]?) -> Void) -> Bool { return WXApi.handleOpenUniversalLink(userActivity, delegate: self) }
五、总结
配置的过程请一定要仔细,大致可分为2个阶段。
一、优先完成safari中测试,能提示打开APP
二、再配置微信相关内容
本文涉及填写URL地方还是较多,发现很多朋友问我的时候其实都是填写url错误了。还是请多多核对本文中提到的关键内容,在此我也整理一下填写的地方:
假设你的链接是:https://help.wechat.com
GET请求地址应为
https://help.wechat.com/apple-app-site-associationhttps://help.wechat.com/.well-known/apple-app-site-associationXcode-Associated Domains中应为
help.wechat.com
safari中测试应为
https://help.wechat.com微信开放平台填写的和注册方法时应为
https://help.wechat.com/