WebClip简介
WebClip是iOS平台下的一种配置文件,可以在iPhone/iPad桌面上生成一个跟普通应用图标一致的快捷方式,点击后可快速访问该网页。在外观上看起来跟原生应用图标完全一致。
WebClip使用场景
通常采用WebClip来帮助用户保存一些需要经常访问的网址,例如小说书架地址,百度首页等。 另外现在很多企业签分发厂商用它来做持久下载地址,防止企业签被封后找不到下载入口。 其实所有想要用户经常访问的网址都可以通过WebClip的方式帮助用户添加桌面快捷方式。
WebClip生成方法
需要用到的工具:
Mac Appstore 搜索Apple Configurator,下载Apple Configurator 2这个应用
Win10 可以下载:iphone配置实用工具具体操作可以见:https://cnitzy.com/9903.html
操作步骤如下:
新建描述文件
填写名称,标识等内容
此处需要先填写名称,标识符,公司,描述,同意许可信息等内容,填写的内容将在描述文件安装时显示,安装完成后也可查看
填写Web Clip正文内容
如图所示,标签为桌面上显示的名称
URL为想要快捷访问的地址 图标为显示在设备桌面上的图标,建议大小1024*1024px,png格式,需要注意的是图标会base64进生成的描述文件中,所以文件大小尽量小一点,推荐到https://tinypng.com/压缩一下 注意如果将可移除的复选框去掉,那么在桌面上将无法直接删除,必须到设置,描述文件管理才能删除,如有什么不可描述的需求,可执行此操作 填写完成后保存即可,但此时如果直接给用户安装,会显示未签名,稍后会介绍签名方法
[图片上传失败...(image-23d810-1604379724446)]
生成的文件描述文件实际上是一个XML,使用sublime text等工具可以快捷标记,上面生成的示例文件如下,手机点击安装IOS WEBCLIP
WebClip签名
上面说到如果保存直接发布会提示未签名,下面就介绍一下如何对描述文件进行签名。 签名有两种方式,一种是使用苹果开发者账号进行签名,另一种是使用SSL证书进行签名,以下将分别介绍操作方式。
开发者签名
开发者签名需要有苹果开发者账号,操作步骤如图所示
[图片上传失败...(image-e701a-1604379724446)]
然后选择现有开发者并点击签名,需要当前的iOS开发者证书有效,否则会签名不成功
[图片上传失败...(image-24479c-1604379724446)]
签名后的证书可以点击这里下载IOS WEBCLIP signed by developer
SSL签名
使用SSL签名需要先有一个注册域名并且取得域名相关的SSL证书,推荐一个免费获取证书的地方https://letsencrypt.org/,letsencrypt证书不能通过iOS验证,但Mac验证可通过,如需商用,建议购买商用SSL证书 如您已有以上内容,可通过如下命令进行签名,注意,证书使用pem格式
-in ~/Desktop/IOS\ WEBCLIP\ 1.mobileconfig 未签名描述文件路径
-out ~/Desktop/iOSWebClip_signed.mobileconfig 签名后的描述文件输出路径
-signer ~/Desktop/gjh.me.public.pem 证书公钥路径,包含证书链
-inkey ~/Desktop/gjh.me.private.pem 证书私钥路径
openssl smime -sign -in ~/Desktop/IOS\ WEBCLIP\ 1.mobileconfig -out ~/Desktop/iOSWebClip_signed.mobileconfig -signer ~/Desktop/gjh.me.public.pem -inkey ~/Desktop/gjh.me.private.pem -outform der -nodetach
SSL签名后的证书可以点击这里下载iOSWebClip_signed
WebClip发布安装
如上面的三个链接,放到用户需要点击的地方让用户点击安装即可