L'application pratique la plus détaillée sur l'ensemble du réseau utilisant Xcode pour développer le didacticiel de l'application Apple Light (App Clip)

Cet article explique en détail comment utiliser Xcode pour développer des applications Apple Light (App Clip) avec une expérience de combat réelle, y compris la génération de codes d'application légère, les précautions et les problèmes associés.

Les principales plates-formes nationales ont successivement lancé de petits programmes et des applications rapides. Apple a publié iOS14 lors de la conférence des développeurs de la WWDC 2020. Parmi eux, il y a une nouvelle fonctionnalité App Clips (application légère), les utilisateurs peuvent découvrir certaines des fonctions de l'application sans télécharger le APP.

Permettez-moi d'abord de vous montrer l'effet du lancement de l'App Store d'Apple. Il convient de noter que ce code d'application léger doit être scanné avec une version iOS 14.3 ou supérieure du scanner Apple, et que les autres outils de numérisation ne peuvent pas le lire. En outre, scannez le code de l'application légère avant de télécharger l'application pour ouvrir l'application légère et ouvrez l'application après avoir téléchargé l'application.

La première chose à noter est que l'application légère est imbriquée dans l'application, comme l'application iMessage et les applications Apple Watch, ce qui signifie qu'elle n'est pas développée et déployée indépendamment. Elle s'appuie sur l'application et la partage, et l'application légère est déclenchée par un URL spécifiée. Oui, le code de l'application légère génère en fait l'URL spécifiée.

Les tutoriels App Clips , Création de codes de clip d'application , Création d'un clip d'application avec Xcode, etc. donnés par le site officiel sont très simples. De nombreux documents sur Internet sont essentiellement traduits directement à partir du site officiel, et il existe encore diverses traductions qui sont pas en place!

Selon l'article sur le site officiel ci-dessus, l'application légère doit être inférieure à 10 m après la décompression. Vous pouvez créer une application légère dans un nouveau projet ou ajouter une application légère à un projet existant. Ce qui suit explique comment créer une lumière app en ajoutant une application légère à un projet existant.

Ensuite, utilisez Xcode pour créer une application légère, via "Fichier" -> "nouveau" -> "Cible ..." ou "Editeur" -> "Ajouter une cible ...", puis sélectionnez "iOS" -> " Application "->" App Clip ", il est à noter que la version Xcode est trop ancienne et que ce" App Clip "est peut-être introuvable:

Ensuite, remplissez la phrase en fonction de la situation réelle, utilisez-la de manière flexible et ne vous contentez pas de la copier! Ne cochez pas "Utiliser les données de base" et "Inclure les tests" si vous ne voulez pas générer trop de fichiers catalogue inutiles:

Ensuite, configurez simplement l'application légère, ajoutez les noms de domaine associés, les logos, lancez les graphiques de l'interface, etc.

Accédez ensuite à la section " Certificats, identifiants et profils" du Centre de développement pour voir si "Domaines associés" est coché. Vous devez faire attention à l '"ID d'application" et "ID de l'offre groupée". L'ID d'application a été créé par le projet principal précédent, et l'ID du bundle est Lorsque l'application légère vient d'être créée, le Xcode a automatiquement généré le même «identifiant de bundle» dans le projet, et les deux ID seront utilisés par l'association apple-app-site-association.

Voici une simple modification apportée au ViewController, pour être l'application légère la plus simple, c'est-à-dire utiliser directement WKWebView pour imbriquer mon site Web.

Ensuite, vous pouvez le tester sur votre téléphone mobile. Si vous souhaitez voir l'effet sans publier sur l'App Store, vous devez d'abord configurer "Expériences locales" sur votre téléphone mobile. Une fois le téléphone mobile connecté au Mac, il y aura devenir "Développeur" sous "Paramètres". Accédez simplement à "Application légère", puis tirez vers le bas pour trouver "Expériences locales", puis cliquez sur "Enregistrer les expériences locales ...", puis remplissez "PRÉFIXE D'URL", "ID DE BUNDLE "," APP CLIP CARD ":

Exécutez l'application légère sur le téléphone mobile, puis générez un code QR avec le "PRÉFIXE D'URL" sur le téléphone mobile ci-dessus, et scannez-le avec le scanner intégré d'Apple d'iOS 14.3 ou supérieur, et la carte de l'application légère apparaîtra :

Selon le site officiel d' Apple , il existe 5 façons d'ouvrir une application légère ( lancer un clip d'application ):

Il existe deux types de tâches que nous pouvons réaliser relativement facilement, à savoir, scanner le code et ouvrir le navigateur Safari. L'analyse a déjà montré comment en faire l'expérience sur le téléphone mobile qui n'a pas été publié sur l'App Store. En fait, vous pouvez directement scanner le code de l'application une fois qu'il est sur l'étagère. Ouvrez et ouvrez le navigateur Safari, vous devez configurer ".well-known / apple-app-site-association" dans le répertoire racine du serveur. Il convient de le noter cette association-app-site-app-apple n'a pas de suffixe. Le contenu est le suivant, où "ID d'application", "ID de groupe" mentionnés ci-dessus:

{
    "appclips": {
        "apps": ["App ID.Bundle ID"]
    }
}

De plus, ajoutez

<meta name="apple-itunes-app" content="app-id=myAppStoreID, app-clip-bundle-id=appClipBundleID, affiliate-data=myAffiliateData, app-argument=myAppArgument">

Ce que j'ai ajouté ici, c'est:

<meta name="apple-itunes-app" content="app-id=Apple ID, app-clip-bundle-id=Bundle ID">

Cependant, je ne sais pas car je n'ai pas à me joindre avant la raison principale du projet "Domaines associés" de, visitez mon site Web dans le navigateur Safari, en haut de la bannière Smart App affiche la bannière APP plutôt que Light App (Light App Il y a un cercle en pointillés à l'extérieur de l'icône):

Cela doit attendre la prochaine version de mise à jour de l'App Store pour vérifier les résultats. C'est également la partie gênante du développement d'applications d'Apple. Il est difficile de trouver quelqu'un à déboguer en cas de problème. Il n'y a pas d'environnement de test pour cela Light App!

Voyons comment générer le code de l'application légère. Tout d'abord, téléchargez le projet sur l'App Store Connect. Si vous ne savez pas comment le télécharger, vous pouvez lire mon autre article " Emballer l'application iOS avec Xcode en pratique et l'envoyer pour examen via App Store Connect ".

Après avoir téléchargé le fichier binaire, etc. Après avoir construit la version sélectionnée, vous pouvez remplir les informations de l'application. L'image de titre doit être de taille fixe comme l'aperçu de l'application et la capture d'écran ci-dessus, ici 1800x1200 pixels!

Sous Advanced Light App Experience, il y a une "Modifier l'expérience avancée". Après avoir cliqué dessus, ajoutez les informations relatives à l'application Light conformément à l'étape 5, comme illustré ci-dessous. L'URL (URL) de Light App Experience à l'étape 3 doit correspondre. avec les "domaines associés" ci-dessus cohérents:

Après avoir rempli les informations de l'application légère, vous pouvez obtenir le code de l'application légère, vous pouvez définir différentes couleurs d'arrière-plan et de premier plan, ou la phrase est exploitée en fonction des besoins réels:

Lors du choix du type de code de l'application légère, il existe deux options: NFC et scan uniquement. NFC n'est disponible qu'avec les supports de balises NFC, donc je choisis directement scan uniquement ici. La chose la plus intéressante est que ces deux options sont différentes et le logo en le milieu est différent. Il s'affichera également différemment. La numérisation montre l'appareil photo et NFC montre le téléphone portable.

Enfin, vous pouvez scanner le code pour ouvrir l'application légère après la publication sur l'App Store après approbation.

Bien sûr, vous pouvez également rencontrer divers problèmes. Par exemple, le nom de domaine "Domaines associés" dans Xcode n'est pas correctement configuré ou "Domaines associés" dans l'arrière-plan du développeur est décoché, et la configuration ci-dessus de l'association apple-app-site est incorrect. Les identifiants dans l' arrière-plan du développeur ne sont pas cohérents avec votre "identifiant de bundle", la version du système iOS est trop faible ou le code de l'application légère ne peut pas être lu sans numérisation avec le scanner de code intégré d'Apple, etc.

D'accord, arrêtons-nous ici pour cet article. N'oubliez pas de suivre le compte officiel pour publier toutes sortes d'informations utiles pour vous chaque jour. Si vous avez des questions, vous pouvez me demander de l'aide via l'application, les commentaires du mini-programme ou le service client en ligne.

Il y a plus d'articles originaux sur le site personnel, le lien original: https://www.xubingtao.cn?p=2932

Suivez mon compte public pour publier toutes sortes d'informations utiles pour vous chaque jour.

Je suppose que tu aimes

Origine blog.csdn.net/xubingtao/article/details/112512240
conseillé
Classement