Tutoriel .NET MAUI – Créez votre première application multiplateforme en C#

Exécution sur un appareil mobile

Vous pouvez décider de déployer sur une ou plusieurs des plateformes en fonction de votre environnement de développement. Vous venez d’exécuter et de déployer votre application sur Windows. À présent, nous allons configurer un appareil ou un émulateur Android.

Activez Hyper-V

Dans votre barre de Windows Search, tapez fonctionnalités Windows et sélectionnez Activer ou désactiver les fonctionnalités Windows.

Activer ou désactiver les fonctionnalités Windows

Vérifiez que la case Hyper-V est cochée et sélectionnez OK.

Fonctionnalités Windows avec case Hyper-v cochée

Vous devez redémarrer votre machine pour que la modification prenne effet.

Installation de Android SDK

Ouvrez Visual Studio et votre solution MyFirstMauiApp. Dans le menu déroulant de la cible de débogage, sélectionnez net8.0-android sous Framework.

Sélectionner Android comme déploiement cible

Des versions spécifiques d’Android SDK sont nécessaires pour créer des projets. Si vous n'avez pas accepté la licence du SDK Android, le message d'erreur suivant s'affiche dans la fenêtre Liste d’erreurs.

Message d'erreur dans la fenêtre Liste d’erreurs indiquant que la licence d’Android SDK n'a pas été acceptée.

Double-cliquez sur le message pour démarrer le processus d'acceptation de la licence. Cliquez sur Accepter pour chacune des licences présentes et l'installation automatique commencera.

Invite Android SDK demandant à l’utilisateur d’installer une version de Android SDK spécifique pour générer le projet.

Configurer l’émulateur Android

Si vous n'avez pas d'appareil Android sur lequel effectuer le déploiement, vous pouvez suivre ces étapes pour configurer un émulateur Android. Si vous l'avez déjà fait ou si vous souhaitez utiliser votre propre appareil Android, vous pouvez ignorer cette étape.

Si c'est la première fois que vous créez une application .NET MAUI, vous verrez Émulateur Android sélectionné dans le menu déroulant de la cible de débogage. Cliquez dessus pour démarrer le processus de création. Si une boîte de dialogue d'acceptation de licence s'affiche, sélectionnez Accepter.

Menu de la barre d’outils Visual Studio 2022 affichant « Émulateur Android » comme cible de débogage.

Cela fait apparaître la fenêtre Nouvel appareil. Sélectionnez le bouton Créer pour créer un émulateur avec les paramètres par défaut. Cela téléchargera les images de l'émulateur et finalisera la création de l'émulateur à utiliser dans Visual Studio. Cette étape peut prendre un certain temps.

Ne vous inquiétez pas si le niveau d’API que vous voyez est différent des images. Cela doit être de 33 ou plus.

Boîte de dialogue de création d’un émulateur Android avec les paramètres par défaut remplis.

Une fois l’émulateur créé, un bouton indiquant Démarrer s’affiche. Cliquez dessus.

Manager d’émulateur Android indiquant que l’émulateur a été créé et prêt à être exécuté.

Vous pouvez être invité à activer la plate-forme de l’hyperviseur Windows. Suivez ladocumentation pour activer l’accélération afin d’améliorer les performances (nécessaire pour que l’émulateur soit opérationnel). Sélectionnez Run Anyway.

Invite à activer la plateforme Hyperviseur Windows

L’Émulateur Android sera lancé et sera entièrement terminé lorsque vous verrez la possibilité de Arrêter dans le Gestionnaire d’appareils Android. Cette opération peut prendre un certain temps.

Menu de la barre d'outils Visual Studio 2022 affichant l'émulateur Android nouvellement créé en tant que cible de débogage.

Une fois l’opération terminée, elle s’affiche dans le menu de débogage Visual Studio.

Menu de la barre d'outils Visual Studio 2022 affichant l'émulateur Android nouvellement créé en tant que cible de débogage.

Votre émulateur Android est maintenant créé et prêt à être utilisé. La prochaine fois que vous exécuterez Visual Studio, l'émulateur apparaîtra directement dans la fenêtre cible de débogage et démarrera lorsque vous le sélectionnerez. Si vous rencontrez des problèmes ou rencontrez des problèmes de performances avec l'émulateur, lisez la documentation d'installation complète.

Configurer un appareil Android

Pour développer avec votre appareil Android, le débogage USB doit être activé. Suivez ces étapes sur l’appareil pour le connecter à Visual Studio. Si vous n’avez pas d’appareil Android, vous pouvez ignorer cette section.

Activer le mode développeur

  1. Accédez à l’écran Paramètres.
  2. Trouvez le numéro de build en utilisant la recherche en haut de l'écran des paramètres, ou localisez-le dans À propos du téléphone.
  3. Appuyez sur numéro de build 7 à 10 fois jusqu’à ce que \ "vous êtes maintenant un développeur ! " s’affiche.

Écran des paramètres de l’appareil Android sur l’écran de téléphone affichant le numéro de build.

Vérifier l’état du débogage USB

  1. Accédez à l’écran Paramètres.
  2. Trouvez le débogage USB en utilisant la recherche en haut de l'écran des paramètres, ou localisez-le dans les options du développeur.
  3. Activez le débogage USB s’il n’est pas déjà activé.

Écran paramètres de l’appareil Android sur l’écran à propos des paramètres du développeur affichant l’option de débogage USB activée.

Approuver l’appareil

  1. Branchez votre appareil à votre ordinateur.
  2. Vous êtes invité à Autoriser le débogage USB.
  3. Cochez Toujours autoriser à partir de cet ordinateur.
  4. Cliquez sur Autoriser.

Invite d’appareil Android à autoriser le débogage USB sur l’appareil à partir de l’ordinateur.

Votre appareil est désormais configuré et s’affichera dans Visual Studio en tant que cible de déploiement.

Vous rencontrez des problèmes ? Consultez la documentation.

Votre émulateur ou appareil doit maintenant être configuré pour le déploiement !

Exécuter sur Android

Assurez-vous que votre appareil ou émulateur est sélectionné comme cible de débogage.

L'émulateur Android Pixel 5 est défini comme cible de débogage.

Dans le menu, sélectionnez Débogage > Commencer le débogage (ou appuyez sur F5). Si cette option est désactivée, vérifiez qu’un émulateur ou un appareil est sélectionné.

Votre application sera créée, déployée sur l'appareil/l'émulateur Android sélectionné et exécutée.

Émulateur Android exécutant l’application .NET MAUI. Un message « Hello, .NET MAUI ! » s’affiche.

Selon votre environnement de développement, vous pouvez déployer votre système sur une ou plusieurs plates-formes. Vous venez d’exécuter et de déployer votre application sur macOS. Nous allons maintenant déployer l’application sur iOS.

Fermez l’application .NET MAUI en cours d’exécution et revenez à VS Code.

Dans la barre d’état, cliquez sur les accolades en bas à droite de la fenêtre VS Code et sélectionnez Cible de débogage.

Mon Mac sélectionné comme déploiement cible par défaut

Faites défiler vers le bas et sélectionnez iPhone 15.

Liste des cibles de débogage avec l’iPhone 15 en surbrillance

Vous devriez maintenant voir apparaître iOS : iPhone 15 en tant que nouvelle cible de débogage.

La cible de débogage a été mise à jour pour afficher l’iPhone 15

Pour exécuter l’application, cliquez sur l’icône Exécuter et déboguer dans la barre d’activité de VS Code. Cliquez ensuite sur Exécuter et déboguer.

Volet d’exécution et de débogage de VS Code

Votre application sera compilée et déployée sur le simulateur d’iPhone. Veuillez noter que cette opération peut prendre une minute, car elle active virtuellement un iPhone !

Application .NET MAUI s’exécutant dans un simulateur iOS

Continuer