Créer votre première application hybride

Le moyen le plus simple de commencer à utiliser experimental Mobile Blazor Bindings pour créer des applications hybrides consiste à créer le projet initial à partir de la ligne de commande. Ce modèle prend en charge la création d’applications pour Android, iOS, WPF (Windows) et macOS.

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 blazorhybrid -o FirstBlazorHybridApp
   

   Cela crée un dossier nommé FirstBlazorHybridApp avec le fichier solution (SLN) et cinq projets dans des sous-répertoires :

   1. FirstBlazorHybridApp/FirstBlazorHybridApp.csproj - il s’agit du projet partagé qui contiendra l’interface utilisateur hybride et la logique de votre application. Autrement dit, il contiendra à la fois l’interface utilisateur native et l’interface utilisateur web à l’aide de la syntaxe Razor.
   2. FirstBlazorHybridApp.Android/FirstBlazorHybridApp.Android.csproj - il s’agit du projet « back-end » pour cibler les appareils Android. Sur Windows ou Mac, vous pouvez exécuter ce projet pour lancer l’application dans l’émulateur Android.
   3. FirstBlazorHybridApp.iOS/FirstBlazorHybridApp.iOS.csproj - il s’agit du projet « back-end » pour cibler les 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é.
   4. FirstBlazorHybridApp.Windows/FirstBlazorHybridApp.Windows.csproj- il s’agit du projet « back-end » pour cibler des appareils Windows à l’aide de Windows Presentation Foundation (WPF). Sur Windows, vous pouvez exécuter ce projet pour lancer l’application.
   5. FirstBlazorHybridApp.macOS/FirstBlazorHybridApp.macOS.csproj - il s’agit du projet « back-end » pour cibler les appareils macOS. Sur Mac, vous pouvez exécuter ce projet pour lancer l’application.

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 .FirstBlazorHybridApp.sln La solution dans Visual Studio doit ressembler à ceci :

   

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, iOS, Windows ou macOS, puis sélectionnez Set as StartUp Project.

   

5. Appuyez sur F5 pour lancer le projet dans l’émulateur ou sur un appareil (selon le projet choisi) avec le débogueur attaché (ou appuyez sur Ctrl+F5 pour s’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 :

   

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

Étapes suivantes

• Pour en savoir plus sur le fonctionnement de cette opération, accédez à la procédure pas à pas Hello World hybride.
• Pour savoir comment partager l’interface utilisateur web avec une application web Blazor, accédez à la procédure pas à pas de l’interface utilisateur web partagée.