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

17次阅读

共计 755 个字符,预计需要花费 2 分钟才能阅读完成。

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

正文完
 0