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

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 生成,使用,签名,发布总结

        1. 看文不仔细,亲人两行泪啊,想要可以直接删除就需要勾选可移除复选框,不勾需要到设置->通用->描述文件进行删除

  1. 博主,求 SSL签名的详细步骤!! 是用openssl的命令进行签名吗,求详细步骤,ssl签名的步骤能在windows上操作吗?求openssl

  2. 博主,求 SSL签名的详细步骤!! 是用openssl的命令进行签名吗,求详细步骤,ssl签名的步骤能在windows上操作吗?求openssl

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

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

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

    1. 在服务器端设置页面页面无缓存,header中加入包括但不限于以下内容

      1
      2
      3
      "Cache-Control", "no-cache, no-store, must-revalidate"
      "Pragma", "no-cache"
      "Expires", "0"
  6. 开发者账号签名如何让每次签名有效期变长?现在开发者账号签完名就20多天的有效期。。。。
    还有一个问题请教下,生成的桌面图标变淡怎么让它变成正常颜色的图标?

    1. 开发者账号需要付费,不能用免费账号,付费后生成开发证书,用开发证书进行签名,有效期最长可三年
      勾选precomposed icon选项,图标就不会变淡

      1. 你好!请问下下载描述文件后点击了允许后,再跳出弹框“已下载描述文件, 若要安装,请先在设置app中查看描述文件”,有什么办法直接跳设置页去吗?

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

回复 龚杰洪 取消回复

您的电子邮箱地址不会被公开。 必填项已用*标注