H5页面在手机桌面显示图标【iOS版】

参考文章

1. 手把手制作mobileconfig文件，在iphone上创建h5网页桌面图标
2. 为iOS的mobileconfig文件进行签名

制作mobileconfig文件

1. 下载制作软件：
   链接: https://pan.baidu.com/s/1P3pEKAesFlQF44b6J4elYQ
   提取码: d6xy 。
2. 新建配置描述文件，填写通用信息
   其中，标识符内容最好使用即将要使用证书对应的bundlId。
   
3. 填写Web Clip信息，此处的图标，建议使用1114*114的jpeg文件
4. 点击菜单栏的导出，注意这里一定要选择无, 导出文件命名为unsigned.mobileconfig

使用系统自带命令签名

1. 在终端命令行中输入以下命令，查看可以用的证书。

   /usr/bin/security find-identity -p codesigning -v
   

   注意：证书一定在钥匙串中是信任的，找到指定bundleID的证书。
2. 给mobileconfig文件签名

   /usr/bin/security cms -S -N "iPhone Distribution: Skyfox Network Technology Co., Ltd." -i /Users/jakey/Desktop/udid_unsigned.mobileconfig -o /Users/jakey/Desktop/udid_signed.mobileconfig
   

这样，签名后的mobileconfig描述文件就是所需的，放入服务器，生成下载链接，就可以在手机上下载安装描述文件了，描述文件安装后，桌面就会显示指定的图标了。