如何通过配置文件安装web项目到iPhone上

4,186 阅读2分钟

今天给大家介绍一下东西,叫做Web Clip,效果如下图。

其实就是类似一个我们在Safari中,将网页保存到桌面是一个意思,但是可能用户不懂怎么去操作。那么今天我们就可以通过Web Clip配置一个.mobileconfig文件,通过手机安装这个配置文件,从而将我们的web项目安装到手机上。

Web Clip

  1. 安装Apple Configurator 2,直接在Mac App Store就能找到了并且是免费的。
  2. 运行软件,在顶栏找到 文件->新建描述文件
  3. 在左边一栏找到Web Clip
  4. 配置网页URL以及图标等信息,可以选择全屏幕
  5. command + s保存
  6. 通过Airdrop 投送到手机上
  7. 手机前往设置,会在Apple ID下方出现一栏已下载描述文件,进去之后,选择安装输入手机解锁密码即可。
  8. 回到桌面点击图标就可以访问web项目。

通过访问服务器下载安装

通过上文我们已经完成了这个描述文件的创建,以及通过Airdrop给手机安装,但是又不是什么人都在你身边。所以我们需要放到一个所有人都可以下载到外面这个描述文件的地方 — — 服务器

我有简单介绍过,一个小白如何配置一个Tomcat服务器,不清楚的同学可以去看看。

那么,我们只需要把这个.mobileconfig文件放置到服务器中。让用户访问这个文件就可以安装了。实现起来也相当简单。

我在tomcat服务器里新建了一个叫pzwj的文件夹里面就放着我的描述文件

然后我们只需要在手机上访问 http://ip:host/pzwj/pzwj.mobileconfig 就可以安装这个文件。

描述文件签名

给描述文件签名一样很简单

  1. Apple Configurator 2顶栏找到 文件->给描述文件签名
  2. 选择一个生产环境的开发者证书
  3. OK,此时这个描述文件将变为无法修改状态