Looyao's Blog

记录一些点滴

在iOS桌面生成网页快捷方式图标(Web Clip)

| Comments

记录下如何在iOS桌面生成网页快捷方式图标。

首先需要在Mac上下载并安装”iPhone配置实用工具”,左侧选中”配置描述文件”后点击菜单中的”新建”,在”通用”中填入基本信息后,向下找到”Web Clip”并选中,点击配置,编辑相关信息,指向的URL和显示的ICON等,编辑完成选择导出,文件名如”webclip.mobileconfig”,文件内容是XML格式数据。

生成的文件不能直接安装到设备,需要进行签名。下边讲下如何给mobileconfig文件签名。

证书使用Domain SSL证书就可以,使用openssl命令进行签名,先贴出命令

1
openssl smime -sign -in webclip.mobileconfig -out webclip_signed.mobileconfig -signer signer.pem -inkey my.pem -certfile ca.pem -outform der -nodetach

文件说明:

1
2
3
4
5
my.pem:申请域名证书时生成的私钥。
signer.pem:证书提供商给到的域名证书。
ca.pem:证书提供商给到的域名中级证书和交叉证书。
webclip.mobileconfig:上边配置导出的配置文件。
webclip_signed.mobileconfig:签名后的配置文件。

如果没有申请和购买Domain SSL证书,那么就需要自己生成证书,命令如下

1
openssl req -x509 -newkey rsa:2048 -keyout my.pem -out signer.pem -days 3650 -nodes

这一步需要填写一些信息,可以参考之前的文章,域名SSL证书申请,有介绍这里怎么填写。这样私钥和证书就有了。

接下来使用如下命令签名

1
openssl smime -sign -in webclip.mobileconfig -out webclip_signed.mobileconfig -signer signer.pem -inkey my.pem -outform der -nodetach

相比于上边少了-certfile参数,由于签名是我们自己生成的,就忽略中级证书这里。

将签名后的文件放在Web服务器,在iOS设备中的Safari中输入地址访问即可安装,或者在iOS App中使用

1
[[UIApplication sharedApplication] openURL:[NSURL URLWithString:@"http://example.com/webclip.mobileconfig"]];

来调用即可安装,要注意的是,使用自己生成的签名,安装时会显示”未验证”,使用申请的域名SSL证书签名的会有绿色”已验证”的标识。

安装完成后,桌面即可生成图标,点击图标后会加载显示配置文件中指定的URL。

DONE。

Comments