一、实现大致思路
前提条件:
1. 支持https的服务器
我使用的是阿里云服务器,ssl证书使用的是pianyissl.com的测试证书,可以免费使用三个月。配好证书,使用tomcat、nginx部署环境。
2. 服务器绑定域名
3. 在服务器根目录上传apple-app-site-association文件
效果需要满足访问https:domain.com/apple-app-site-association 能够下载或者打开json内容
二、开发中我的问题
微信中点击打开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/
)生成短链接。短链接即可分享。从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域名下,怎么也启动不了,险些要放弃开发,后来换了下域名,问题解决。坑死人。
三、几点注意:
apple-app-site-association文件不能带后缀,务必把”.json”的后缀去掉!有些人的电脑是隐藏文件后缀的,这要格外注意;
apple-app-site-association要传到域名根目录或者/apple-app-site-association目录下;
如果想测试这个功能,可以让后台搭一个测试服务器,并绑定域名,然后iOS这边通过host访问域名就可以了。注意”applink:”后面写的一定是域名,不能是IP;
抓包的结果显示,网络顺畅的情况下,应用会在在刚安装(不是打开)的时候会去applink中的地址下载apple-app-site-association文件,所以如果需要测试,请保证网络通畅;
当所有都准备好,需要测试该功能的时候,只需要在记事本或短信中输入App能识别的链接(例如:https://www.joeychang.me/s/oaze4qfl97hksef/IMG_0019%20%281%29.png?dl=0 ÿ