一、Apple Configurator 2
1.1 什么是Apple Configurator
关于 Mac 上的 Apple Configurator 介绍
Apple Configurator 有很多功能，如：
- Domains 域名
- Global HTTP Proxy 全局 HTTP 代理
- DNS Proxy DNS 代理
- Content Filter 内容过滤
- Certificates 证书管理
.... -
Web Clips 网页快捷方式，今天的重点
1.2、下载地址
前往 Mac App Store 下载该工具
https://itunes.apple.com/cn/app/apple-configurator-2/id1037126344?mt=12
1.3、界面布局
1.4 创建描述文件
image.png
1.5 填写描述文件
请参考如下内容填写您需要的内容，然后保存。
分别解释一下每个选项的作用，如下：
- Label：显示在手机界面上的 APP 名称
- Identifier：描述文件的唯一标识， 用相同的 Identifier 安装会覆盖上一次
- Organization：公司和组织机构名称
- Description 和 Consent Message：都是安装时的一些介绍
- Security: 里有 3 个选项，分别是：
- Always 表示可以随便删除该描述文件
- With Authorization 表示需要验证才能删除该描述文件
- Never 表示流氓方式，用户不能删除描述文件（慎用！！！）
- Automatically Remove Profile：里也有 3 个选项：分别是：
- Never 永不删除
- On date: 默认是 3 个月后自动删除
- After Interval：默认 90 天后自动删除（除了设置天数外，还可设置小时）
二、Web Clips
2.1 什么是 Web Clips
用一句话来说就是：在 iPhone 桌面生成网页快捷方式图标，如果你的网页是SPA（Single Page Web Application）或是 PWA（Progressive Web App）用这技术，那真是爽的一批了，你的网站 PV 将会大幅提升。
2.2 如何配置 Web Clips
可以参考如下图中所示来填写你的 Web Clips 配置项，最后记得保存，我的配置文件名为Kenny锅.mobileconfig。
分别解释一下每个选项的作用，如下：
- Label：显示在手机界面上的 APP 名称
- URL：打开 APP 后显示的网页地址
- Removable：APP 是否可以删除（强烈抵制 APP 不能删除的做法）
- Icon：APP 图标
- Precomposed Icon：如果你的APP 图标想根着网站 Icon 变化，
才需要勾选 - Full Screen：是否全屏显示你的网页内容
2.3 调试
iPhone 连上 Mac 电脑后，手机上会弹出「信任」的弹框，选择「信任」。如果你的 iPhone 数据线没有问题的话（需苹果 MFi 认证的数据线），此时就会在 Apple Configurator 2 界面上看到你的手机，如图所示：
将Kenny锅.mobileconfig文件拖拽到Apple Configurator 2 界面上，会弹出如下界面：
先别点「Stop」或 「Skip Profile」按钮，看看手机发生了什么？这时手机弹出让我们安装的界面，如下图所示：
在手机上点击安装，下一步 之类的操作，直到安装完成，就是出来如下图所示的描述文件。
此时，回到 iPhone Home 界面，你会看到两个像 APP 一样的图标。
我们点一下 Kenny锅盖这个「APP」，打开了锅盖的百度百科，按手机 Home 键，这个图标怎么变了？
对，我们在Web Clips 的配置里勾选了 Precomposed Icon。
2.4 描述文件分发
描述文件分发就得部署到服务器上了，那我们就用 Node.js 来做吧。
创建一个 web-clips-server.ts 文件，将如下代码复制并保存，然后将 Kenny.mobileconfig 文件放在同目录下。
const http = require('http');
const fs = require('fs');
const path = require('path');
const host = 'http://192.168.1.5';
const port = 3000;
const fileName = 'Kenny.mobileconfig';
http.createServer((req, res) => {
if(req.url === '/') {
res.writeHead(200, {'Content-Type':'text/html; charset=utf-8'});
const htmlChunk = `<html><body><h1><a href="/download">Kenny锅描述文件</a></h1></body></html>`;
res.write(htmlChunk);
res.end();
} else if(req.url === '/download') {
res.setHeader('Content-Disposition', 'attachment;filename=' + fileName);
const filePath = path.resolve(__dirname, fileName);
const fileStream = fs.createReadStream(filePath);
fileStream.pipe(res);
} else {
res.end('Invalid Request!');
}
}).listen(port);
console.log(`Server running at ${host}:${port}`);
在安装有 Node.js 的服务器上部署该文件， 注意：host 和 port 记得改成你需要的，然后在 Terminal 里执行如下命令：
node web-clips-server.ts
2.5 描述文件签名
关于描述文件签名，请参考：https://www.jianshu.com/p/2ab0945823d8
本文完！
网友评论