手把手制作mobileconfig文件，在iphone上创建h5网页桌面图标

1，下载mobileconfig文件制作工具

• 下载地址：点击关注公众号，回复appicon, 获取工具的下载地址
• 新建配置描述文件,填写通用信息
  
  
• 填写Web Clip信息
  
  
• 点击菜单栏的导出，注意这里一定要选择无, 导出文件命名为unsigned.mobileconfig
  
  

2，用免费域名的证书给mobieconfig文件签名

• 签名需要3个文件

server.crt 服务器端用于签名的证书

server.key 服务器端用于签名的证书的秘钥

ca.crt 其他机构为服务器颁发的CA证书

• 免费域名的证书申请成功之后会有两个文件(一个.key, 一个.pem), 打开.pem文件, 提取信息：

前面的为server.crt

-----BEGIN CERTIFICATE-----
server
-----END CERTIFICATE-----

后面的为ca.crt

-----BEGIN CERTIFICATE-----
ca
-----END CERTIFICATE-----

• 利用openssl签名

openssl smime -sign -in unsigned.mobileconfig -out signed.mobileconfig -signer server.crt -inkey server.key  -certfile ca.crt -outform der -nodetach

• 签名成功之后将signed.mobileconfig文件制作成一个下载连接，用safari浏览器打开并允许，安装这个描述文件就可以了,再看桌面就会有一个图标
  
  

---

觉得有用 ？喜欢就收藏，顺便点个赞吧，你的支持是我最大的鼓励！微信搜公众号 [DX前端框架知识库]，发现更多Vue, React, Flutter, Uniapp, Nodejs, Html/Css等前端知识和实战.

DX前端，分享前端框架知识库，文章详见：DX前端