Créer votre première application

  • Article

Important

Ce projet est une version expérimentale. Nous espérons que vous essayez experimental Mobile Blazor Bindings et fournissez des commentaires à l’adresse https://github.com/xamarin/MobileBlazorBindings.

Le moyen le plus simple de commencer à utiliser experimental Mobile Blazor Bindings consiste à installer et à créer le projet initial à partir de la ligne de commande.

Notes

Si vous ne l’avez pas encore fait, case activée les conditions préalables et les instructions d’installation du modèle.

  1. Ouvrir une invite de commandes ou une fenêtre d’interpréteur de commandes

  2. Créez votre projet en exécutant cette commande :

    dotnet new mobileblazorbindings -o FirstMobileBlazorBindingsApp

    Cela crée un dossier nommé FirstMobileBlazorBindingsApp avec le fichier solution (SLN) et trois projets dans les sous-répertoires :

    1. FirstMobileBlazorBindingsApp/FirstMobileBlazorBindingsApp.csproj - il s’agit du projet partagé qui contiendra l’interface utilisateur et la logique de votre application mobile.
    2. FirstMobileBlazorBindingsApp.Android/FirstMobileBlazorBindingsApp.Android.csproj - il s’agit du projet « back-end » pour le ciblage des appareils Android. Sur Windows ou Mac, vous pouvez exécuter ce projet pour lancer l’application dans l’émulateur Android.
    3. FirstMobileBlazorBindingsApp.iOS/FirstMobileBlazorBindingsApp.iOS.csproj - il s’agit du projet « back-end » pour le ciblage des appareils iOS. Sur Mac, vous pouvez exécuter ce projet pour lancer l’application dans le simulateur iOS. Sur Windows, vous pouvez également l’exécuter si vous avez un Mac associé.

  3. Vous êtes maintenant prêt à ouvrir la solution dans Visual Studio. Pour ouvrir la solution, vous pouvez double-cliquer sur le fichier SLN sur votre disque, ou vous pouvez d’abord ouvrir Visual Studio 2019, sélectionner File / / OpenProject/Solution, puis accéder au nouveau dossier que vous avez créé et sélectionner .FirstMobileBlazorBindingsApp.sln La solution dans Visual Studio doit ressembler à ceci :

    Explorateur de solutions avec les 3 projets

  4. Pour exécuter le projet, vous devez définir l’un des projets « back-end » comme projet de démarrage. Dans Explorateur de solutions, cliquez avec le bouton droit sur le projet Android ou iOS, puis sélectionnez Set as StartUp Project.

    Définir le projet de démarrage dans Explorateur de solutions

  5. Appuyez sur F5 pour lancer le projet dans l’émulateur avec le débogueur attaché (ou appuyez sur Ctrl+F5 pour exécuter sans le débogueur)

    • Conseil : Si vous souhaitez exécuter le projet iOS sur le simulateur iOS, veillez à sélectionner la iPhoneSimulator cible dans la barre d’outils Visual Studio au lieu de iPhone.

  6. Votre première application se lance dans un émulateur ou sur un appareil et se présente comme suit :

    Hello World en cours d’exécution dans l’émulateur Android

  7. Félicitations, vous avez créé et exécuté votre première application Experimental Mobile Blazor Bindings !

Conseil

Si vous rencontrez un problème, reportez-vous au guide de résolution des problèmes.

Conseil

Pour plus d’options lors de la création d’un projet, consultez la rubrique Options de modèle avancées .

Étapes suivantes