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

  • angu
    2019年8月3日 at 上午11:27

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

  • leon
    2019年8月18日 at 下午4:29

    有没有办法可以切换页面时,不打开网页?

    • 龚杰洪
      2019年8月19日 at 上午9:23

      可以的,网页内就不要直接href链接了,使用iframe包起来在里面跳转,js跳转不打开新标签,pwd封装都能解决这个问题

  • xu zan
    2019年10月14日 at 下午9:52

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

    • 龚杰洪
      2019年10月17日 at 下午4:22

      页面内用框架内部显示即可,不用直接用href

  • LW
    2019年11月8日 at 下午4:56

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

    • 龚杰洪
      2019年11月12日 at 上午9:38

      签名是证书的公钥里面放上证书链再签名即可,建议使用开发者账号进行签名,比较稳妥,不会有验证的问题

  • 幕后玩家
    2019年12月31日 at 上午7:16

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

    • 龚杰洪
      2020年1月6日 at 下午6:11

      不签名安装的时候会显示未签名,会给用户警告,影响转化率

  • 林梦
    2020年1月21日 at 下午8:47

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

    • 龚杰洪
      2020年2月3日 at 下午8:01

      您的签名过程不正确或者证书过期,不被苹果信任的免费证书也是不行的

      • 程强
        2020年8月27日 at 上午12:29

        描述文件删不了。弄了也不行。

        • 龚杰洪
          2020年8月27日 at 上午9:42

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

  • 王佳静
    2020年11月27日 at 上午9:29

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

  • 陈玉婷
    2020年11月27日 at 上午9:30

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

    • 龚杰洪
      2020年11月27日 at 上午11:40

      对的,用OpenSSL命令签名,Windows下终端调用OpenSSL也可以操作

  • 李响斌
    2020年11月29日 at 下午12:47

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

    • 龚杰洪
      2020年11月30日 at 下午2:20

      都有绿标,使用上没有差别,唯一的区别在于安装的时候显示的人名和公司名

  • 李响斌
    2020年12月8日 at 下午3:57

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

    • 龚杰洪
      2020年12月9日 at 上午9:37

      需要到https://developer.apple.com/创建开发者证书后才能正常使用

  • 白菜
    2021年4月28日 at 下午6:47

    系统的App好像不行啊

  • 酒仙桥
    2021年8月17日 at 下午5:21

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

  • 苍天饶过谁
    2022年8月3日 at 下午5:37

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

  • 苍天饶过谁
    2022年8月3日 at 下午5:39

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

    • 龚杰洪
      2022年8月3日 at 下午5:44

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

      1
      2
      3
      "Cache-Control", "no-cache, no-store, must-revalidate"
      "Pragma", "no-cache"
      "Expires", "0"
  • 中华必胜
    2022年8月4日 at 上午9:56

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

    • 龚杰洪
      2022年8月4日 at 上午10:11

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

  • chen zhen
    2022年11月23日 at 上午9:27

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

    • 龚杰洪
      2022年11月23日 at 下午6:24

      Safari下载后在设置里面安装

      • 5707
        2023年3月28日 at 下午10:08

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

        • 龚杰洪
          2023年3月29日 at 上午9:34

          可以通过a标签结合App-Prefs来打开系统设置,具体路径可自行Google

          1
          <a href="App-Prefs:root=想要打开的路径">打开设置</a>
  • 一博
    2023年9月26日 at 下午11:34

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

发表回复

Your email address will not be published. Required fields are marked *.

*
*