前端开发如何实现iPhone绕过AppStore从浏览器安装App呢

目录
文章目录隐藏
  1. 背景
  2. 主要流程
  3. 具体实现
  4. 实现效果
  5. 其他第三方 app 托管下载服务

背景

都知道 iPhone 苹果手机应用只能通过 AppStore 进行安装,测试包只能通过官方提供的 TestFlight 等工具安装,而且通常有较长的审核流程,无法及时更新安装包,非常不方便。本文主要介绍前端开发如何实现对签名成功的 App直接通过浏览器下载安装,开发者可以及时提供测试 App

主要流程

  • 前提条件,苹果 App 必须签名成功,这一步由 iOS 应用开发者完成。
  • 上传到服务器,获得信息和下载地址,得到两个文件,一个是 plist 文件和 ipa 文件,及 app 图标。
  • 通过访问 plist 文件来达到下载 ipa 文件和图片的目的,使用了苹果 safari 浏览器自带协议,用 a 标签或者 window.open 方式打开 plist 地址。
  • 信任设备并安装。
itms-services:///?action=download-manifest&url=一个 https 地址

下面是几个过程的具体实现

具体实现

上传资源到服务器

公司文件可部署到公司服务器,自己测试文件可以使用 github 等免费提供文件地址的服务。

  • ipa:需要安装的苹果 App 打包文件,由 iOS 客户端提供;
  • logo:图片格式的 App 图标;
  • plistApp 下载配置文件。

由客户端生成 plist 文件

app.plist:由客户端配置或更改下面 ipa 下载地址、App 图标地址及 App 描述信息。

<?xml version="1.0" encoding="UTF-8"?>
<! DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
  <key>items</key>
  <array>
    <dict>
      <key>assets</key>
      <array>
        <dict>
          <key>kind</key>
          <string>software-package</string>
          <key>url</key>
          <string>https://ipa 下载地址</string>
        </dict>
        <dict>
          <key>kind</key>
          <string>display-image</string>
          <key>needs-shine</key>
          <true/>
          <key>url</key>
          <string>https://app 图标地址</string>
        </dict>
      </array>
      <key>metadata</key>
      <dict>
        <key>bundle-identifier</key>
        <string>com.xxxx.xxxx.xxxx</string>
        <key>bundle-version</key>
        <string>0.1.0</string>
        <key>kind</key>
        <string>software</string>
        <key>title</key>
        <string>APP 名称</string>
        <key>subtitle</key>
        <string>App 描述</string>
      </dict>
    </dict>
  </array>
</dict>
</plist>

下载页面

install.html:提供给用户的下载 html 页面,具体 样式 和 功能可根据自己的需求调整。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
  <button id="button">下载</button>
  <script>
    document.getElementById('button').addEventListener('click', function() {
      window.open('itms-services:///?action=download-manifest&url=https://pan.xchjw.cn/download/app/CorpPrivateInstall.plist', '_self')
    })
  </script>
</body>
</html>

实现效果

将下载地址提供给需要的人,点击下载按钮即可实现 App 安装。

前端开发如何实现 iPhone 绕过 AppStore 从浏览器安装 App 呢

市场上很多的分发平台,如蒲公英就是这么做的。

注意:

  • 只可在苹果 safari 浏览器 中实现下载,其他浏览器中打开可做一些引导提示。
  • 需要注意的是从 ios7.1 开始,http 推送 plist 已经不能用了,只能使用 https 推送,因此访问这个文件的地址必须是 https 开头的。你可以配置自己的服务器支持 https 服务,也可以借助第三方工具。

其他第三方 app 托管下载服务

我们不必这么麻烦自己部署这么多文件,完全可以借助第三方应用内测分发平台,比较出名的有下面几个:

  • fir.im:免费应用内测托管平台,iOS 应用 Beta 测试 分发,Android 应用内测分发。
  • 蒲公英:免费的应用托管平台,App 应用众测分发。
  • Pre.im:APP 内测托管平台首选 – Beta 测试,免费的应用内测托管平台。
  • TestFlight Beta Testing:苹果官方测试平台工具。

结语

以上就是本文介绍的前端开发实现对签名成功的 App直接通过浏览器下载安装,开发者可以及时提供测试 App方法,希望对大家有用。

原文:点击这里

「点点赞赏,手留余香」

1

给作者打赏,鼓励TA抓紧创作!

微信微信 支付宝支付宝

还没有人赞赏,快来当第一个赞赏的人吧!

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
码云笔记 » 前端开发如何实现iPhone绕过AppStore从浏览器安装App呢

发表回复