Développer des applications Apple : découvrez le développement d’applications Mac et iOS, Xcode et Swift

En matière de développement d’applications, Apple offre aux développeurs l’une des expériences les plus cohérentes du marché. Avec un langage de codage intuitif et puissant comme Swift, le développement pour macOS et iOS est un jeu d’enfant. Mais même si vous débutez dans le codage, il est facile de démarrer le développement d’applications sur un Mac ou un iPad, en particulier avec la richesse des ressources disponibles auprès d’Apple.

Si vous souhaitez développer vos propres applications Apple, cet article est pour vous. Nous vous expliquerons les bases du développement dans l’écosystème Apple et vous expliquerons comment vous installer avec des outils tels que Xcode et Swift. Nous vous montrerons également comment tester et déboguer votre application avant de la publier dans l’App Store.

À la fin de cet article, vous aurez tout ce dont vous avez besoin pour commencer à développer vos propres applications de l’écosystème Apple !

Établissez un plan de haut niveau et préparez-vous

La première étape pour apprendre un nouvel ensemble de compétences consiste toujours à élaborer un plan, à fixer des objectifs et à préparer les conditions préalables.

Dans les prochaines étapes, nous ferons des recherches et de la mise en place, et nous déciderons de ce que nous voulons réaliser en tant que mesure de progrès sur les objectifs d’apprentissage que nous fixons ensuite.

1. Configurez votre compte de développeur Apple

Si vous envisagez de créer une application, vous devez créer un identifiant Apple et rejoindre le Programme pour développeurs Apple.

2. Installez Xcode et découvrez l’interface de base

Xcode est une nécessité dans l’écosystème de développement Apple. Votre objectif à la fin de ce guide devrait être de l’avoir installé et de vous familiariser suffisamment avec les bases de l’interface pour savoir à peu près où chercher les choses.

3. Explorez les ressources d’apprentissage

Grâce à la nature open source de Swift, vous trouverez toujours une solution en ligne chaque fois que vous êtes bloqué. Le code source de Swift, les versions régulières, les listes de diffusion et le suivi des bogues sont accessibles au public. Les ressources d’apprentissage vous aident à comprendre le fonctionnement de Swift et fournissent des informations précieuses sur les contributions d’autres développeurs.

Certaines des ressources comprennent :

• Ressource Apple Swift Guides
• Langage de programmation Swift livre électronique

4. Exécuter avec succès un programme simple

« Bonjour le monde! »

Vous connaissez maintenant cette salutation commune dans le monde des développeurs. Mais il y a plus dans cette introduction polie en deux mots.

Bien qu’il s’agisse d’un programme simple que les débutants peuvent créer, il établit la connaissance de la syntaxe et de la structure Swift. Il vous présente également Xcode, l’environnement de programmation d’Apple.

Nous savons que vous êtes impatient de développer une application iOS de pointe. Mais avant cela, une application Hello World devrait être votre première idée.

5. Planifiez votre première application

Planifier un peu plus en détail l’application qui vous a inspiré pour commencer ce voyage vous aidera à identifier les compétences que vous devrez acquérir en cours de route.

Que voulez-vous que votre application fasse ? Par exemple, voulez-vous qu’il :

• Gérer efficacement une tâche ?
• Calculer quelque chose ?
• Connecter les gens ?
• Rendre la vie de quelqu’un plus facile ou plus amusante d’une manière ou d’une autre ?

La planification vous aide à décider des fonctionnalités de l’application.

Cherchez de l’inspiration en ligne pour voir comment d’autres développeurs structurent leurs projets Swift. GitHub peut être votre excellent lieu d’inspiration et d’aide. Voici quelques dépôts Swift sur GitHub qui valent le détour :

6. Comprendre les composants de l’écosystème des développeurs Apple

L’écosystème des développeurs Apple est composé de nombreux composants différents, notamment :

• L’IDE Xcode
• Le langage de programmation Swift
• Le framework d’interface utilisateur SwiftUI
• Des outils de développement comme TestFlight, qui permet aux développeurs de distribuer des versions de test à un nombre limité d’utilisateurs
• Les installations de l’App Store d’Apple, telles que App Store Connect

Chacun de ces composants joue un rôle vital dans le processus de développement, et vous devrez avoir une bonne compréhension de chacun d’eux pour réussir.

Plus important encore, en vous familiarisant avec l’écosystème de haut en bas, vous aurez une meilleure idée de l’endroit où chercher de l’aide lorsque vous êtes bloqué.

Maintenant que nous nous sommes fixés des objectifs, nous allons pouvoir nous familiariser efficacement avec le monde du développement Apple et optimiser notre apprentissage.

Apprenez à connaître l’écosystème des développeurs Apple

Familiarisez-vous avec les outils qui vous aideront à créer votre première application. Bien sûr, un ordinateur alimenté par Apple comme un MacBook ou un iPad devrait être votre premier outil de travail. Plongeons plus profondément :

L’IDE Xcode

Le EDI Xcode (Integrated Development Environment) rassemble tous les outils dont vous avez besoin sous un même toit. C’est là que vous écrivez du code Swift, créez une interface utilisateur (UI) et liez les données à votre UI.

Le langage de programmation Swift

Rapide est le langage de programmation d’Apple pour le développement sur plateforme. La meilleure partie de Swift? Il vous permet d’utiliser les mêmes outils et cadres pour créer des applications pour une variété de plates-formes, telles que iOS, tvOS, iPadOS, macOS et watchOS.

SwiftUI

SwiftUI est un cadre d’interface utilisateur qui facilite le codage des interfaces utilisateur. Il vous aide également à connecter votre interface utilisateur au code fonctionnel de votre application. Avec SwiftUI, vous pouvez créer rapidement et facilement des interfaces complexes sans avoir à vous soucier du code sous-jacent.

SwiftUI comprend également un certain nombre de composants intégrés, tels que des boutons, des étiquettes et des champs de texte, que vous pouvez utiliser dans l’interface utilisateur de votre application.

Vol d’essai

Vol d’essai est un outil précieux pour les développeurs qui vous permet de distribuer des versions de test de votre application à un nombre limité d’utilisateurs. C’est un excellent moyen d’obtenir des commentaires sur votre application avant de la diffuser au grand public.

AppStore Connect

Avec AppStore Connect, vous pouvez facilement publier et gérer vos applications sur l’Appstore. Une cotisation annuelle de 100 $ est tout ce que vous payez pour accéder à ce portail et à certains autres outils.

Vous alimentez le portail avec les détails de votre application, tels que le nom, les captures d’écran et la description. Il vous permet également de télécharger directement le bundle de construction depuis XCode.

Vous avez terminé de lister votre application ? Soumettez-le directement depuis le portail et attendez qu’il soit examiné. Ensuite, croisez les doigts en attendant que l’application soit mise en ligne sur l’AppStore une fois qu’elle aura satisfait les examinateurs.

Portail de provisionnement

L’outil de signature est inclus dans le portail de provisionnement, qui vous permet de signer votre code. De cette façon, Apple peut vous identifier comme l’auteur original de votre application. Les utilisateurs peuvent également reconnaître votre application comme la version originale. Cela maintient leur sécurité intacte.

Le programme pour développeurs Apple vous permet de distribuer votre idée dans le monde entier. Vous souhaitez développer une application rien que pour vous ? Dans ce cas, vous n’êtes pas obligé d’adhérer au programme.

Plonger dans Xcode IDE

Familiarisons-nous avec Xcode ID : où le trouver, démarrer un nouveau projet, les principales parties de l’interface Xcode et votre système de fichiers de projet. Si vous êtes familier avec les utilisateurs de logiciels Apple, Xcode ne devrait pas vous être étranger.

Où télécharger Xcode

Trouver et télécharger Xcode est simple comme bonjour. Lancez simplement le Mac App Store et recherchez Xcode. Il devrait apparaître comme premier résultat. Paresseux comme moi ? Voici un direct lien pour télécharger et installer Xcode sans rien payer.

La note de l’application vous a-t-elle fait réfléchir à deux fois ? Ignorez-les simplement, car la plupart des critiques n’ont aucun sens. Xcode est un logiciel réputé.

Après avoir téléchargé et ouvert l’application, entrez le mot de passe administrateur pour télécharger les exigences supplémentaires.

Commencer un nouveau projet

Après avoir ouvert l’application, sélectionnez Créer un nouveau projet Xcode.

Plusieurs modèles vous seront alors présentés. Faites votre choix et terminez par quelques autres réglages.

Allons-y avec le modèle d’application pour l’instant et appuyez sur Suivant.

Fournissez les informations de votre application :

• Nom du produit
• Équipe (pour ceux qui ont des comptes de développeur)
• Identifiant de l’organisation

Choisissez ensuite l’interface, le cycle de vie et la langue. Sélectionnez l’interface SwiftUI et le cycle de vie de l’application SwiftUI.

Laissez les cases à cocher ci-dessous (Utiliser les données de base et Inclure les tests) décochée pour l’instant. Frappez le Créer le projet bouton et enregistrez-le dans un endroit facile à mémoriser.

Explorer votre projet

Bienvenue dans votre nouveau projet. Ne laissez pas les nombreux panneaux et fichiers vous intimider. Dans la plupart des cas, vous n’aurez besoin que de quelques panneaux :

Panneau de navigation

Ce panneau contient une liste de votre projet et des fichiers associés à l’extrême gauche. Il est également livré avec divers onglets indiqués par les petites icônes en haut. Pour commencer, concentrez-vous sur le premier onglet.

Zone principale/Éditeur

Cliquez sur un fichier dans le navigateur et la zone de l’éditeur l’affichera, vous permettant de modifier le fichier.

La zone principale s’adapte au type de fichier, vous donnant l’éditeur dont vous avez besoin. Par exemple, vous aurez l’éditeur de code si vous choisissez un fichier Swift. Le sélecteur d’actifs apparaîtrait si vous sélectionnez un fichier d’actifs.

Inspecteur

Localisez la zone de l’inspecteur à l’extrême droite de l’IDE. Il affiche soit les propriétés de configuration, soit les détails supplémentaires supplémentaires (comme la documentation) du composant que vous sélectionnez dans l’éditeur de code.

Barre d’outils

La barre d’outils s’étend en haut de la fenêtre. Il est livré avec plusieurs fonctions cruciales.

Le bouton Lecture vous aide à créer et à exécuter votre projet. Vous voulez arrêter le projet en cours ? Appuyez sur l’icône carrée à côté.

Vous pouvez sélectionner le simulateur de votre choix à l’aide du sélecteur dans la section de l’éditeur. Et vous pouvez voir l’état de compilation du projet : Réussi ou échoué.

Le bouton « + » vous permet d’ajouter de manière transparente des composants à l’interface utilisateur de votre application.

Les fichiers de votre projet

Le système de fichiers d’un projet Xcode se présente comme suit :

En haut, nous avons le dossier racine de votre projet. Si vous cliquez dessus, un éditeur de métadonnées apparaît dans la zone de l’éditeur, vous permettant de modifier les métadonnées de votre application, telles que le nom, l’identifiant du bundle, la signature et la compatibilité.

Le dossier « Preview Content » contient tous les fichiers de code de votre projet. Recherchez l’application de sortie de votre projet (générée lors de la création et de la compilation de votre projet) dans le dossier « produit ». Il stocke votre bundle déployable.

{NAME}App.swift

Ce fichier est le point de départ de votre application, nommé d’après votre produit. La balise « @main » ci-dessous est le point d’entrée de votre produit, où vous commencez les processus.

Il crée le AffichageContenu () vous voyez dans le simulateur. Comme on le voit, le nom de cette fonction appelante correspond au ContentView.swift dossier.

ContentView.swift

Ce fichier contient le code UI de votre projet. Vous pouvez l’ouvrir et le modifier.

Actifs.xcassets

Ce dossier contient tous vos éléments : audio, images, fichiers vidéo, etc. Alors, comment ajouter les éléments souhaités dans ce dossier ? Cliquez simplement sur le dossier des actifs pour afficher le gestionnaire d’actifs et faites glisser et déposez l’actif.

Création de l’interface utilisateur dans SwiftUI

La création d’une interface utilisateur pour votre produit est un autre processus sans tracas. Tout d’abord, apprenons à prévisualiser le projet pour voir comment il apparaît une fois déployé.

Appuyez sur le bouton Reprendre pour créer votre projet et afficher son aperçu sur un appareil réel.

Notez la portion de code de la ligne 12 ci-dessous. L’aperçu montre le Texte mot-clé avec un « Bonjour le monde » dans les bretelles. Le modificateur « .pagayer() » (à la fin) ajoute un espacement autour des mots de l’aperçu.

Donc, fondamentalement, tous les éléments de l’interface utilisateur peuvent être entre les accolades () que nous avons soulignées ci-dessus. Les éléments de conteneur viennent ici pour rendre cela possible.

Recréons le code de démarrage pour Bonjour le monde à partir du sol. Ajoutez le code suivant :

Lors de la mise à jour de l’aperçu, voici ce que nous devrions avoir :

Ce simple Texte L’élément vous permet d’afficher du texte dans l’interface utilisateur.

Vous pouvez ajouter un espacement autour des éléments de l’interface utilisateur à l’aide du modificateur « .padding »(). Vous pouvez voir une bordure bleue autour du texte que vous avez écrit dans le code.

Vous souhaitez ajouter un espacement à l’élément de texte ? Insérez le modificateur de pagaie à côté.

Continuer à apprendre à coder dans l’écosystème Apple

Vous êtes maintenant sur le bon pied pour prendre d’assaut le monde des applications Apple. Mais ce n’est que la pointe de l’iceberg. Il y a beaucoup plus à apprendre ici.

Inscrivez-vous à SitePoint Premium gratuitement et continuez à apprendre!