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