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

1,下载mobileconfig文件制作工具

  • 下载地址:点击关注公众号,回复appicon, 获取工具的下载地址
  • 新建配置描述文件,填写通用信息

手把手制作mobileconfig文件,在iphone上创建h5网页桌面图标_第1张图片

  • 填写Web Clip信息

手把手制作mobileconfig文件,在iphone上创建h5网页桌面图标_第2张图片

  • 点击菜单栏的导出,注意这里一定要选择, 导出文件命名为unsigned.mobileconfig

手把手制作mobileconfig文件,在iphone上创建h5网页桌面图标_第3张图片

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浏览器打开并允许,安装这个描述文件就可以了,再看桌面就会有一个图标

手把手制作mobileconfig文件,在iphone上创建h5网页桌面图标_第4张图片


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

DX前端,分享前端框架知识库,文章详见:DX前端

手把手制作mobileconfig文件,在iphone上创建h5网页桌面图标_第5张图片

你可能感兴趣的:(html5,ios)