iOS-微信SDK更新后需要UniversalLink解决方案

4,024 阅读6分钟

一:缘由

那天手贱更新了一下第三方库。发现微信更新1.8.6的SDK后,在delegate注册时多了一个universalLink参数(如下)

WXApi.registerApp(appid: String, universalLink: String)

不管你是友盟还是fluwx等等,只要是最新版的应该都需要这个参数,当时我就一脸懵逼了,啥玩意啊?于是去看了下微信官方文档,把自己踩坑经验总结下来。

本文将介绍如何配置UniversalLink进行APP跳转,并完成微信相关操作(分享、支付、登录)。

即使你的APP目前跳转微信没问题也\color{red}{强烈建议尽早适配此方案},因为在最新iOS系统和微信版本上可能出现无法调起微信的情况!

注1:配置此方案不需要线上,本地xcode build运行即可配置测试。

注2:配置过程中不建议为了急于实现项目特有需求,盲目修改,先化繁为简,完成基本功能再复杂化为上策


二:什么是UniversalLink

So~为什么要用UniversalLink呢???它又是个什么东西??

  • 什么是UniversalLink? UniversalLinkURL 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子目录下,第二次才是根目录) \color{red}{注意:若改动过此文件,建议卸载重装一次,以便苹果重新主动请求}

一般放在根目录下即可,若你的链接有重定向,建议尝试放置在.well-known子目录下,并且保证能GET请求到此文件,且文件不需要后缀名。

例如:以https://help.wechat.com为基础链接,则该文件请求路径为 help.wechat.com/apple-app-s… help.wechat.com/.well-known…

那么此文件的内容是什么呢?还是来看看官方的解释

其实就是一个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开头 /结尾,列如: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错误了。还是请多多核对本文中提到的关键内容,在此我也整理一下填写的地方: 假设你的链接是:help.wechat.com GET请求地址应为 https://help.wechat.com/apple-app-site-association https://help.wechat.com/.well-known/apple-app-site-association Xcode-Associated Domains中应为 help.wechat.com safari中测试应为 https://help.wechat.com 微信开放平台填写的和注册方法时应为 https://help.wechat.com/


做完这些后,应该就可以成功调起微信了,如果还有什么特殊的需求,建议多仔细阅读苹果官方文档,和微信更新的文档。本文只是记录自己踩坑的过程,如果能帮助你,感谢给颗小星星。如有不足之处,请指正。 这边我也拉了一个iOS微信群,聊聊技术,互相成长。愿意加入的朋友可以加我微信marcuspayne 备注:加群