手把手制做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前端