ios通过描述文件安装pwa版本的WebClip模式APP

39 阅读2分钟

大家好,我的开源项目PakePlus可以将网页/Vue/React项目打包为桌面/手机应用并且小于5M只需几分钟,官网地址:pakeplus.com

苹果原生的 Apple Configurator 2 就可以完成此项任务,只需要通过创建一个安装 Web Clip 的描述文件,就可以达到自定义图标的目的。

当我们使用PC频繁访问某一个网站的时候,大部分人的做法是创建一个书签或者直接创建一个快捷方式。但是我们在使用移动设备的时候,好像并没有创建桌面快捷方式这么一个功能,是不是只能使用书签来访问呢?

又或者我们想要把我们的wap站点封装成IOS应用,直接使用IOS原生封装开发成本上升,使用第三方应用封装,基本上通过不了AppStore的审核,只能使用企业签名才能让用户使用APP,这无疑使成本又增加,而且第三方提供的企业签名经常不稳定,导致软件无法使用造成用户流失。

IOS为我们提供了WebClip的一个描述文件,它可以把我们的网站创建成桌面快捷方式,并且可以自定义图标,帮我们省去打开浏览器的步骤,当然值得注意的是它只能调用Safari打开网页。

创建描述文件

打开Apple Configurator 2,然后在文件菜单下,新建描述文件:

左侧菜单滑动到最底部,然后选择Web Clip,点击配置:

配资相关的信息:

显示的app名称,要打开的网站url,还有图标等,选择全屏幕,这样就更像一个APP了

配置好之后,command + s 保存到下载目录,然后上传到你的服务器上,给用户下载安装,也可以将链接弄成二维码的形式,ios设备扫码就可以跳转到浏览器安装下载,然后在设置里安装,之后桌面上就会安装APP,打开后就类似APP的效果: