今天給大家介紹一下東西，叫做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，此時這個描述檔案將變為無法修改狀態