iOS WebClip 生成，使用，签名，发布总结

2019年3月13日2019年3月18日龚杰洪

本文目录

WebClip简介

WebClip是iOS平台下的一种配置文件，可以在iPhone/iPad桌面上生成一个跟普通应用图标一致的快捷方式，点击后可快速访问该网页。在外观上看起来跟原生应用图标完全一致。

WebClip使用场景

通常采用WebClip来帮助用户保存一些需要经常访问的网址，例如小说书架地址，百度首页等。
另外现在很多企业签分发厂商用它来做持久下载地址，防止企业签被封后找不到下载入口。
其实所有想要用户经常访问的网址都可以通过WebClip的方式帮助用户添加桌面快捷方式。

WebClip生成方法

需要用到的工具:

Mac Appstore 搜索Apple Configurator，下载Apple Configurator 2这个应用

操作步骤如下：

新建描述文件

填写名称，标识等内容

此处需要先填写名称，标识符，公司，描述，同意许可信息等内容，填写的内容将在描述文件安装时显示，安装完成后也可查看

填写Web Clip正文内容

如图所示，标签为桌面上显示的名称

URL为想要快捷访问的地址
图标为显示在设备桌面上的图标，建议大小1024*1024px，png格式，需要注意的是图标会base64进生成的描述文件中，所以文件大小尽量小一点，推荐到https://tinypng.com/压缩一下
注意如果将可移除的复选框去掉，那么在桌面上将无法直接删除，必须到设置，描述文件管理才能删除，如有什么不可描述的需求，可执行此操作
填写完成后保存即可，但此时如果直接给用户安装，会显示未签名，稍后会介绍签名方法

生成的文件描述文件实际上是一个XML，使用sublime text等工具可以快捷标记，上面生成的示例文件如下，手机点击安装IOS WEBCLIP

WebClip签名

上面说到如果保存直接发布会提示未签名，下面就介绍一下如何对描述文件进行签名。
签名有两种方式，一种是使用苹果开发者账号进行签名，另一种是使用SSL证书进行签名，以下将分别介绍操作方式。

开发者签名

开发者签名需要有苹果开发者账号，操作步骤如图所示

然后选择现有开发者并点击签名，需要当前的iOS开发者证书有效，否则会签名不成功

签名后的证书可以点击这里下载IOS WEBCLIP signed by developer

SSL签名

使用SSL签名需要先有一个注册域名并且取得域名相关的SSL证书，推荐一个免费获取证书的地方https://letsencrypt.org/，letsencrypt证书不能通过iOS验证，但Mac验证可通过，如需商用，建议购买商用SSL证书
如您已有以上内容，可通过如下命令进行签名，注意，证书使用pem格式

1
2
3
4
5
6

#-in ~/Desktop/IOS\ WEBCLIP\ 1.mobileconfig 未签名描述文件路径
#-out ~/Desktop/iOSWebClip_signed.mobileconfig 签名后的描述文件输出路径
#-signer ~/Desktop/gjh.me.public.pem 证书公钥路径，包含证书链
#-inkey ~/Desktop/gjh.me.private.pem 证书私钥路径

openssl smime -sign -in ~/Desktop/IOS\ WEBCLIP\ 1.mobileconfig -out ~/Desktop/iOSWebClip_signed.mobileconfig -signer ~/Desktop/gjh.me.public.pem -inkey ~/Desktop/gjh.me.private.pem -outform der -nodetach

SSL签名后的证书可以点击这里下载iOSWebClip_signed

WebClip发布安装

如上面的三个链接，放到用户需要点击的地方让用户点击安装即可

33 thoughts on “iOS WebClip 生成，使用，签名，发布总结”

angu说道：

2019年8月3日上午11:27

请问怎么切换app图表，和增加启动页

回复
1. 龚杰洪说道：
  
  2019年8月8日下午2:43
  
  更换图标需要新生成webclip，没有办法直接更换
  增加启动页需要将您的网页设置为PWA网页，然后有专门的标签设置启动页，参见
  https://medium.com/appscope/adding-custom-ios-splash-screens-to-your-progressive-web-app-41a9b18bdca3
  
  回复
leon说道：

2019年8月18日下午4:29

有没有办法可以切换页面时，不打开网页？

回复
1. 龚杰洪说道：
  
  2019年8月19日上午9:23
  
  可以的，网页内就不要直接href链接了，使用iframe包起来在里面跳转，js跳转不打开新标签，pwd封装都能解决这个问题
  
  回复
xu zan说道：

2019年10月14日下午9:52

pwd封装都能解决这个问题,不让他跳转怎么解决，现在一点击就跳转

回复
1. 龚杰洪说道：
  
  2019年10月17日下午4:22
  
  页面内用框架内部显示即可，不用直接用href
  
  回复
LW说道：

2019年11月8日下午4:56

SSL签名，买的商用证书，安装时显示尚未验证，提示无法验证该怎么处理？

回复
1. 龚杰洪说道：
  
  2019年11月12日上午9:38
  
  签名是证书的公钥里面放上证书链再签名即可，建议使用开发者账号进行签名，比较稳妥，不会有验证的问题
  
  回复
幕后玩家说道：

2019年12月31日上午7:16

不签名有影响吗我试过不签名一样可以安装使用

回复
1. 龚杰洪说道：
  
  2020年1月6日下午6:11
  
  不签名安装的时候会显示未签名，会给用户警告，影响转化率
  
  回复
林梦说道：

2020年1月21日下午8:47

描述文件签名完后，安装载手机上，显示 ”尚未验证“，是怎么回事

回复
1. 龚杰洪说道：
  
  2020年2月3日下午8:01
  
  您的签名过程不正确或者证书过期，不被苹果信任的免费证书也是不行的
  
  回复
  1. 程强说道：
    
    2020年8月27日上午12:29
    
    描述文件删不了。弄了也不行。
    
    回复
    1. 龚杰洪说道：
      
      2020年8月27日上午9:42
      
      看文不仔细，亲人两行泪啊，想要可以直接删除就需要勾选可移除复选框，不勾需要到设置->通用->描述文件进行删除
      
      回复
王佳静说道：

2020年11月27日上午9:29

博主，求 SSL签名的详细步骤！！是用openssl的命令进行签名吗，求详细步骤，ssl签名的步骤能在windows上操作吗？求openssl

回复
陈玉婷说道：

2020年11月27日上午9:30

博主，求 SSL签名的详细步骤！！是用openssl的命令进行签名吗，求详细步骤，ssl签名的步骤能在windows上操作吗？求openssl

回复
1. 龚杰洪说道：
  
  2020年11月27日上午11:40
  
  对的，用OpenSSL命令签名，Windows下终端调用OpenSSL也可以操作
  
  回复
李响斌说道：

2020年11月29日下午12:47

WebClip签名用苹果开发者账号进行签名，个人和公司还有企业都可以的吧，个人和公司签名有区别吗？签名后都有绿标的吧

回复
1. 龚杰洪说道：
  
  2020年11月30日下午2:20
  
  都有绿标，使用上没有差别，唯一的区别在于安装的时候显示的人名和公司名
  
  回复
李响斌说道：

2020年12月8日下午3:57

iOS开发者账号给描述文件签名的时候签署身份显示无，这个签署身份怎么弄？

回复
1. 龚杰洪说道：
  
  2020年12月9日上午9:37
  
  需要到https://developer.apple.com/创建开发者证书后才能正常使用
  
  回复
白菜说道：

2021年4月28日下午6:47

系统的App好像不行啊

回复
酒仙桥说道：

2021年8月17日下午5:21

顶部的网址栏有办法隐藏吗

回复
苍天饶过谁说道：

2022年8月3日下午5:37

网页内容更新后，webclip需要重新下载安装描述文件才能看到最新的，怎么解决

回复
苍天饶过谁说道：

2022年8月3日下午5:39

网页内容更新后，webclip需要重新下载安装描述文件才能看到最新的，怎么解决呢？

回复
1. 龚杰洪说道：
  
  2022年8月3日下午5:44
  
  在服务器端设置页面页面无缓存，header中加入包括但不限于以下内容
  
  1
  2
  3
  "Cache-Control", "no-cache, no-store, must-revalidate"
  "Pragma", "no-cache"
  "Expires", "0"
  
  回复
中华必胜说道：

2022年8月4日上午9:56

开发者账号签名如何让每次签名有效期变长？现在开发者账号签完名就20多天的有效期。。。。
还有一个问题请教下，生成的桌面图标变淡怎么让它变成正常颜色的图标？

回复
1. 龚杰洪说道：
  
  2022年8月4日上午10:11
  
  开发者账号需要付费，不能用免费账号，付费后生成开发证书，用开发证书进行签名，有效期最长可三年
  勾选precomposed icon选项，图标就不会变淡
  
  回复
chen zhen说道：

2022年11月23日上午9:27

问一下下载了描述文件，怎么跳转进行安装呀，

回复
1. 龚杰洪说道：
  
  2022年11月23日下午6:24
  
  Safari下载后在设置里面安装
  
  回复
  1. 5707说道：
    
    2023年3月28日下午10:08
    
    你好！请问下下载描述文件后点击了允许后，再跳出弹框“已下载描述文件，若要安装，请先在设置app中查看描述文件”，有什么办法直接跳设置页去吗？
    
    回复
    1. 龚杰洪说道：
      
      2023年3月29日上午9:34
      
      可以通过a标签结合App-Prefs来打开系统设置，具体路径可自行Google
      
      1
      <a href="App-Prefs:root=想要打开的路径">打开设置</a>
      
      回复
一博说道：

2023年9月26日下午11:34

大大，我没有mac去创建配置文件，用别人提供的快捷指令创建的话只能存在一个，创建第二个就会顶掉第一个，这要怎么办呀？这是我用的快捷指令链接https://www.icloud.com/shortcuts/a8d6943813db4fe7a2c17eb7cd50a100

回复

程序猿老龚

龚杰洪 email: [email protected]

iOS WebClip 生成，使用，签名，发布总结

WebClip简介

WebClip使用场景