乐趣区

关于html5:手把手制作mobileconfig文件在iphone上创建h5网页桌面图标

jiezi

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 前端

退出移动版