[Record] Comment implémenter le front-end pour installer et tester l'App directement depuis le navigateur sans mettre l'iPhone sur l'AppStore

arrière-plan:

Nous savons tous que les applications iPhone ne peuvent être installées que via l'AppStore, et les packages de test ne peuvent être installés que via des outils officiels tels que TestFlight, et ont généralement un long processus de révision, et le package d'installation ne peut pas être mis à jour à temps, ce qui est très gênant. . Cet article présente principalement l'implémentation frontale pour télécharger et installer l'application signée avec succès directement via le navigateur, afin que le développeur puisse fournir l'application de test à temps.

processus:

Condition préalable, l'évaluation Appdoit être signée avec succès, cette étape iosest réalisée par le développeur de l'application ;
Téléchargez sur le serveur, obtenez des informations et l'adresse de téléchargement, obtenez deux fichiers, l'un est un fichier plist et un fichier ipa, et l'icône de l'application ;
En accédant au fichier plist pour atteindre l'objectif de téléchargement de fichiers et d'images ipa, utilisez le protocole fourni avec le navigateur safari d'évaluation et utilisez la balise a ou window.open pour ouvrir l'adresse plist ;
Faites confiance à l'appareil et installez.

itms-services:///?action=download-manifest&url=一个https地址

Voici les implémentations spécifiques de plusieurs processus :

accomplir:

(1)上传资源到服务器
Les fichiers de l'entreprise peuvent être déployés sur le serveur de l'entreprise, et vous pouvez utiliser github et d'autres services qui fournissent gratuitement des adresses de fichiers pour tester vous-même les fichiers.

ipa : le fichier de package d'application d'évaluation qui doit être installé, fourni par le client ios ;
logo : icône de l'application au format image ;
plist : fichier de configuration de téléchargement d'application.

(2)由客户端生成plist文件
app.plist : le client configure ou modifie l'adresse de téléchargement ipa suivante, l'icône de l'application et les informations de description de l'application.

<?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>

(3)下载页面
install.html: La page de téléchargement proposée aux utilisateurs html, qui est spécifique 样式et 功能modulable selon leurs propres besoins.

<!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>

(4)实现效果
Fournissez l'adresse de téléchargement à ceux qui en ont besoin, et cliquez sur le bouton de téléchargement pour réaliser Appl'installation.
insérez la description de l'image ici

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

Avis:

Il ne peut safari游览器être téléchargé que dans Apple, et il peut être ouvert dans d'autres navigateurs pour faire quelques invites de guidage ;
Il est à noter que depuis ios7.1le début, httple push plistn'est plus disponible, seul httpsle push peut être utilisé, donc l'adresse pour accéder à ce fichier doit httpscommencer par le début. Vous pouvez configurer votre propre httpsservice de support de serveur ou utiliser des outils tiers.

Service de téléchargement d'hébergement d'applications tiers :

En fait, vous n'avez pas besoin d'être si gênant. Vous pouvez déployer autant de fichiers par vous-même, et vous pouvez utiliser une plate-forme de distribution de test interne d'application tierce. Les plus célèbres sont les suivantes :

fir.im : Plateforme gratuite d'hébergement de tests internes d'applications, distribution de tests bêta d'applications ios, distribution de tests internes d'applications Android ;
Dandelion : plate-forme d'hébergement d'applications gratuites, test et distribution publics d'applications ;
Pre.im : Le premier choix pour la plate-forme d'hébergement de test interne APP - Test bêta, plate-forme d'hébergement de test interne d'application gratuite ;
TestFlight Beta Testing : l'outil officiel de la plate-forme de test d'Apple.

Blogue de référence :

Le front-end se rend compte que l'iPhone contourne l'AppStore et installe directement l'application depuis le navigateur https://juejin.cn/post/7021683993980436516#comment