通用链接(Universal Links)实践笔记

一、实现大致思路

前提条件：
1. 支持https的服务器
我使用的是阿里云服务器，ssl证书使用的是pianyissl.com的测试证书，可以免费使用三个月。配好证书，使用tomcat、nginx部署环境。
2. 服务器绑定域名
3. 在服务器根目录上传apple-app-site-association文件
效果需要满足访问https:domain.com/apple-app-site-association 能够下载或者打开json内容

二、开发中我的问题

1. 微信中点击打开App网页按钮，想一个链接同时兼容iOS 9以上及以下。iOS9以上，点击链接直接进入app指定页面，iOS9以下进入应用宝下载页面。开发中遇到问题，微信网页内使用js没有找到判断手机是否安装了app，导致在未安装app时候点击链接进入404页面，展示很不好。开始尝试将404页面重定向到应用宝下载app页面，这样又出现app安装时点击打开按钮无法启动app。后来想了一个方法，终于解决了问题。
   a. 初始通用链接这样写：
   https://joeychang.me/s?name=test&url=http://baidu.com&type=2
   这样可以实现通用链接，但是在iOS9以下及未安装app情况下，链接无效。
   b. 后改成这样https://joeychang.me/s.html?name=test&url=http://baidu.com&type=2
   在https://joeychang.me/s.html文件执行js重定向，用户点击这个页面，跳转到应用宝下载页。这样可以兼容iOS9以下及未安装app情况。
   c. 再后来，为了和安卓统一，参数格式定为
   http://blog.joeychang.me/index.html?params={“type”:”3”,”url”:”http://baidu.com“,”name”:”test”}
   进入index.html这个页面，js方法抓取到params，点击页面内打开按钮，将参数传递给app,从未进入特定页面。
   d. 为了处理特殊符号，将params={“type”:”3”,”url”:”http://baidu.com“,”name”:”test”}进行[urlEncode](http://tool.chinaz.com/tools/urlencode.aspx
   )之后再拼接到http://blog.joeychang.me/index.html?之后，生成长链接，再[短链接处理](http://dwz.wailian.work/
   )生成短链接。短链接即可分享。

2. 从iOS 9.2开始，在相同的domain内Universal Links是不work的，必须要跨域才生效，我们实测值需要跨子域名即可，比如 m.domain.com 跳转 o.domain.com 是可以触发跳转App。

   这个又踩到坑了，在这里费了好长时间，最后还是和同事商讨才找到的答案。
   apple-app-site-association文件，s.html放在joeychang.me服务器根目录，是为同一个域名内，而打开app.html为微信内唤醒app过渡网页，这个放在blog.joeychang.me域名下，才成功跳转。开始同样放在joeychang.me域名下，怎么也启动不了，险些要放弃开发，后来换了下域名，问题解决。坑死人。

三、几点注意：

1. apple-app-site-association文件不能带后缀，务必把”.json”的后缀去掉！有些人的电脑是隐藏文件后缀的，这要格外注意；

2. apple-app-site-association要传到域名根目录或者/apple-app-site-association目录下；

3. 如果想测试这个功能，可以让后台搭一个测试服务器，并绑定域名，然后iOS这边通过host访问域名就可以了。注意”applink:”后面写的一定是域名，不能是IP；

4. 抓包的结果显示，网络顺畅的情况下，应用会在在刚安装（不是打开）的时候会去applink中的地址下载apple-app-site-association文件，所以如果需要测试，请保证网络通畅；

5. 当所有都准备好，需要测试该功能的时候，只需要在记事本或短信中输入App能识别的链接（例如：https://www.joeychang.me/s/oaze4qfl97hksef/IMG_0019%20%281%29.png?dl=0 ÿ