Icône de message
Passer au contenu du pied de page
  1. IronPDF
  2. Blog IronPDF
  3. .NET Aide
  4. blazor-hybrid-apps
.NET AIDE

Blazor Hybrid Apps (Comment ça fonctionne pour les développeurs)

Curtis Chau
Curtis Chau
Mis à jour:

Une application .NET MAUI Blazor Hybrid combine les capacités multiplateformes de .NET MAUI avec les compétences/capacités de développement web de Blazor pour créer des applications pouvant fonctionner nativement sur plusieurs plateformes tout en partageant le code et la logique entre elles. Cette approche hybride Blazor offre aux développeurs flexibilité, productivité, et la capacité d'atteindre un public plus large avec leurs applications. Un développeur web peut créer en toute transparence des applications de périphériques mobiles émulateds à l'aide de composants d'interface utilisateur web. In this article, we will build a simple .NET MAUI Blazor Hybrid app using Visual Studio and also later see the IronPDF library overview from Iron Software's PDF Solutions to generate PDF documents.

Comment créer une application .NET MAUI Blazor pour générer un PDF à partir d'un site web

  1. Créez un nouveau projet .NET MAUI Blazor Hybrid dans Visual Studio
  2. Ajoutez la bibliothèque IronPDF pour générer un PDF à partir de l'URL d'un site web
  3. Ajoutez du code pour générer un PDF en utilisant la bibliothèque IronPDF

Qu'est-ce que l'application .NET MAUI Blazor Hybrid ?

L'application .NET MAUI Blazor se réfère à une application construite en utilisant les technologies .NET Multi-platform App UI (MAUI) et Blazor. Décomposons ces composants :

.NET MAUI (Multi-platform App UI)

.NET MAUI est un cadre pour créer des applications multiplateformes en utilisant les technologies .NET et C#. Il permet aux développeurs d'écrire du code une fois et de le déployer sur plusieurs plateformes, y compris Windows, macOS, les applications mobiles iOS et Android. .NET MAUI fournit une structure de projet unique et une interface API unifiée pour développer des applications sur différentes plateformes. Il prend en charge divers composants/éléments d'interface utilisateur, y compris des contrôles, des mises en page et des modèles de navigation, pour créer des applications modernes et réactives.

Blazor

Blazor est un cadre web de Microsoft qui permet aux développeurs de construire des applications de développement web interactives en utilisant C#. Blazor permet aux développeurs d'écrire du code qui s'exécute côté client dans le navigateur, ainsi que côté serveur. Les applications Blazor peuvent être développées en utilisant la syntaxe Razor, qui combine le balisage HTML avec du code C#, et elles peuvent tirer parti de la puissance des bibliothèques et cadres .NET.

Application Hybride

Une application hybride combine des éléments des applications natives et web. Dans le contexte de .NET MAUI et Blazor, une application hybride se réfère généralement à une application qui fonctionne nativement sur diverses plateformes (comme Windows, macOS, iOS et Android) tout en utilisant des technologies (comme Blazor pour le rendu de l'interface utilisateur et la logique métier). Cette approche permet aux développeurs de tirer parti de leurs compétences existantes en .NET et C# pour construire des applications multiplateformes qui peuvent bénéficier à la fois des capacités natives et des technologies web.

Caractéristiques des applications hybrides .NET MAUI Blazor

Support multiplateforme

Vous pouvez construire votre application MAUI Blazor une fois et la déployer sur divers appareils sans modifications significatives. Les applications Blazor fonctionnent comme des applications natives sur les appareils Android et Apple.

.NET MAUI est conçu pour fournir un support robuste pour créer des applications multiplateformes dans les technologies .NET, englobant Android, iOS, Windows, et macOS. Cela permet aux développeurs de créer des applications qui fonctionnent de manière transparente sur une large gamme d'appareils sans la nécessité de modifications importantes. Une application mobile Blazor développée avec .NET MAUI se comportera comme une application native sur les appareils Android et Apple.

Partage de code et de composants

L'un des principaux avantages de .NET MAUI est sa capacité à partager du code et des composants d'interface utilisateur à travers diverses plateformes. Cette fonctionnalité réduit considérablement le temps et les efforts de développement, éliminant la nécessité de réécrire du code pour chaque fonctionnalité spécifique à la plateforme. En partageant du code et des composants, les développeurs peuvent rationaliser le processus de développement et améliorer la maintenance du code.

Contrôles de l'interface utilisateur native

Les applications hybrides .NET MAUI Blazor tirent parti des contrôles d'interface utilisateur native, garantissant une expérience utilisateur cohérente et familière sur différentes plateformes. Cela permet aux développeurs d'accéder à des éléments d'interface utilisateur spécifiques à la plateforme tout en maintenant une apparence et une convivialité unifiées sur tous les appareils pris en charge. En tirant parti des contrôles d'interface utilisateur native ou des composants d'interface utilisateur web, les développeurs peuvent créer des applications qui semblent natives à chaque plateforme tout en maximisant la réutilisation du code.

Intégration avec Visual Studio

Visual Studio offre un support d'outillage complet pour le développement de .NET MAUI, permettant aux développeurs de disposer d'un riche ensemble de fonctionnalités pour construire, déboguer et gérer leurs applications. Avec Visual Studio, les développeurs peuvent tirer parti d'outils familiers tels qu'IntelliSense, des capacités de débogage, et des fonctionnalités de gestion de projet, améliorant la productivité et l'efficience tout au long du cycle de développement.

Performance améliorée

Les applications hybrides .NET MAUI Blazor offrent des performances améliorées par rapport à certaines autres solutions multiplateformes. L'intégration de Blazor et .NET MAUI assure une exécution efficace du code, résultant en des applications réactives et performantes. En tirant parti de la puissance du runtime .NET et des capacités de plateforme native, les développeurs peuvent créer des applications qui offrent une expérience utilisateur fluide et dynamique sur divers appareils.

Support de Hot Reload

.NET MAUI offre un support pour le hot reload, permettant aux développeurs de voir instantanément les changements pendant le processus de développement sans avoir besoin de recompilation ou de redéploiement. Cette fonctionnalité accélère le cycle de développement, permettant aux développeurs de faire des itérations rapidement et efficacement. Avec le support de hot reload, les développeurs peuvent apporter des ajustements en temps réel à leurs applications, accélérant le processus de développement et améliorant la productivité globale.

Avantages des applications hybrides Blazor avec .NET MAUI

Base de code unique

Les applications hybrides Blazor avec .NET MAUI permettent aux développeurs d'écrire la logique métier et les éléments d'interface utilisateur de leur application une seule fois en utilisant C# et Blazor. Cette base de code unique peut ensuite être déployée sur plusieurs plateformes sans nécessiter de nombreux ajustements spécifiques à la plateforme, réduisant ainsi la complexité et l'effort de développement.

Réduction du temps de développement

En partageant du code et des composants à travers les plateformes, les développeurs peuvent réduire considérablement le temps passé sur le développement. Les changements effectués en un seul endroit se reflètent sur toutes les plateformes prises en charge, éliminant la nécessité d'écrire et de maintenir des bases de code séparées pour chaque plateforme. Ce processus de développement rationalisé se traduit par un meilleur temps de mise sur le marché et des coûts de développement réduits.

Efficacité de la maintenance

Avec une base de code unique pour toutes les plateformes, la maintenance devient plus simple et efficace. Les corrections de bogues, les mises à jour et les améliorations peuvent être appliquées uniformément à toutes les plateformes prises en charge, assurant cohérence et fiabilité à travers l'ensemble de l'application. Cela simplifie le processus de maintenance et réduit le risque d'introduire des incohérences ou des erreurs dans les différentes versions de l'application.

Accès aux API natives

Malgré le fait de s'appuyer sur des technologies web, les applications hybrides Blazor avec .NET MAUI conservent la capacité d'accéder aux API natives si nécessaire. Cela permet aux développeurs de tirer parti des fonctionnalités et capacités spécifiques à la plateforme de manière transparente au sein de leurs applications, fournissant un pont entre les capacités des frameworks basés sur le web et les capacités natives de chaque plateforme. En combinant la puissance de Blazor avec l'accès aux API natives, les développeurs peuvent créer des applications riches en fonctionnalités et polyvalentes qui répondent aux besoins uniques de chaque plateforme.

En résumé, les applications hybrides .NET MAUI Blazor offrent un mélange harmonieux de capacités web et natives, ce qui les rend efficaces, faciles à maintenir, et adaptées au développement multiplateforme.

Présentation d'IronPDF

Explore the IronPDF Library from Iron Software's PDF Solutions est une bibliothèque polyvalente dans le monde .NET pour générer, modifier, et lire des documents PDF. IronPDF est une bibliothèque multiplateforme polyvalente permettant aux développeurs de créer, éditer, et signer des documents PDF à partir de diverses sources. Que vous travailliez avec du HTML, des images, ou d'autres formats de documents, IronPDF offre un ensemble complet de fonctionnalités pour la gestion des PDF. Voici quelques points clés concernant IronPDF :

  1. Conversion HTML en PDF :

IronPDF peut convertir du contenu HTML (y compris CSS, images, et JavaScript) en documents PDF. Vous pouvez rendre des pages web, des vues Razor (Blazor Server), des fichiers CSHTML (MVC), des fichiers ASPX (WebForms), et des fichiers XAML (MAUI) en PDF.

  1. Rendu fidèle aux pixels :

IronPDF assure un rendu précis, maintenant la fidélité visuelle de votre contenu. Il prend en charge l'encodage des caractères UTF-8, les URL de base, l'encodage des actifs, et les connexions de sites avec TLS.

  1. Modèles et paramètres de page :

Personnalisez vos PDF en ajoutant des en-têtes, pieds de page, numéros de page, et sauts de page. Définissez des mises en page réactives, des tailles de papier personnalisées, des orientations, et des options de couleur.

  1. Édition et annotations :

Éditez les métadonnées PDF, signez des documents, et appliquez des signatures numériques. Fusionnez, divisez, ajoutez, copiez, et supprimez des pages au sein des PDF. Ajoutez des annotations et des champs de formulaire.

  1. Support multiplateforme :

IronPDF fonctionne sur diverses plateformes : .NET Core (8, 7, 6, 5, et 3.1+), .NET Standard (2.0+), .NET Framework (4.6.2+). Il est compatible avec Windows, Linux, et macOS.

Étape 1 : Créer un nouveau projet .NET MAUI Blazor Hybrid dans Visual Studio

Commencez comme ci-dessous en sélectionnant Créer un nouveau projet dans Visual Studio et sélectionnez le modèle de projet .NET MAUI Blazor Hybrid App.

Applications hybrides Blazor (Comment ça fonctionne pour les développeurs) : Figure 1 - Modèle de projet .NET MAUI Blazor Hybrid App

Fournissez le nom du projet et les détails de l'emplacement.

Applications hybrides Blazor (Comment ça fonctionne pour les développeurs) : Figure 2 - Configuration du projet

Sélectionnez la version .NET requise. Cliquez sur Créer.

Applications hybrides Blazor (Comment ça fonctionne pour les développeurs) : Figure 3 - Cadre cible

Étape 2 : Ajouter la bibliothèque IronPDF pour générer un PDF à partir de l'URL du site web

La bibliothèque IronPDF peut être installée en utilisant un gestionnaire de packages Visual Studio comme ci-dessous.

Applications hybrides Blazor (Comment ça fonctionne pour les développeurs) : Figure 4 - IronPDF

Elle peut également être installée depuis la galerie NuGet.

Applications hybrides Blazor (Comment ça fonctionne pour les développeurs) : Figure 5 - Galerie NuGet

dotnet add package IronPdf --version 2024.4.2

Étape 3 : Ajouter du code pour générer un PDF en utilisant IronPDF

Ajoutez le code ci-dessous à la page d'accueil pour modifier le code généré automatiquement existant afin de prendre en charge l'entrée URL utilisateur et générer des documents PDF.

@page "/"
@using IronPdf

<h1>Welcome to PDF Generator from Website URL</h1>
<p>Enter the Website URL to Generate PDF</p>
<input type="text" @bind="InputValue" placeholder="Enter URL" />
<p>Click to Generate PDF</p>
<button class="btn btn-primary" @onclick="GeneratePdf">Generate</button>

@code {
    // This property is bound to the input field for the user to enter the website URL
    private string? InputValue { get; set; }

    // This method is invoked when the "Generate" button is clicked
    // It uses IronPdf to generate a PDF from the URL entered by the user
    private void GeneratePdf()
    {
        // Check if the input value is not null or empty
        if (!string.IsNullOrWhiteSpace(InputValue))
        {
            // Render the URL as a PDF document
            var pdfDocument = HtmlToPdf.StaticRenderUrlAsPdf(InputValue);

            // Save the rendered PDF document to the specified location on the disk
            pdfDocument.SaveAs("C:\\temp\\output.pdf");
        }
    }
}

Explication du code

Ici, nous recevons l'entrée de l'utilisateur à l'aide d'un champ de saisie de texte. Ils ont un bouton pour déclencher la génération du PDF. La méthode statique HtmlToPdf.StaticRenderUrlAsPdf est utilisée pour générer le document PDF. Nous nous assurons que l'entrée n'est pas nulle ou vide avant de procéder à la génération du PDF, ajoutant ainsi une validation basique à l'entrée.

Lorsque nous exécutons l'application, nous pouvons voir l'interface utilisateur ci-dessous.

Applications hybrides Blazor (Comment ça fonctionne pour les développeurs) : Figure 6 - Interface de génération de PDF

Sortie

Applications hybrides Blazor (Comment ça fonctionne pour les développeurs) : Figure 7 - Sortie PDF

Licence (Offre d'Essai Gratuit)

Une clé de licence valide est nécessaire pour IronPDF, placez-la dans le fichier appsettings.json comme suit :

{
  "IronPdf.LicenseKey": "your license key"
}

Une clé de licence d'essai gratuite peut être obtenue en s'inscrivant pour une licence d'essai en utilisant la page d'inscription à la licence d'essai d'IronPDF.

Conclusion

Construire une application .NET MAUI Blazor Hybrid offre une solution convaincante pour les développeurs cherchant à créer des applications multiplateformes avec les forces combinées des technologies .NET MAUI et Blazor. Avec un soutien multiplateforme robuste, un partage de code et de composants sans faille, un accès aux contrôles d'interface utilisateur natifs, une intégration avec Visual Studio, et des performances améliorées, les applications hybrides .NET MAUI Blazor offrent aux développeurs les outils et capacités nécessaires pour construire des applications modernes, réactives, et riches en fonctionnalités qui fonctionnent nativement sur divers appareils.

D'autre part, IronPDF est une solution sur mesure pour générer des documents PDF sur de multiples plateformes comme les applications hybrides .NET MAUI Blazor.

En résumé, construire une application .NET MAUI Blazor Hybrid et IronPDF permet aux développeurs de livrer des applications de haute qualité qui offrent une expérience utilisateur cohérente sur différentes plateformes, tout en bénéficiant de la productivité et de la flexibilité des écosystèmes .NET et Blazor.

Questions Fréquemment Posées

Quel est le but d'une application hybride .NET MAUI Blazor ?

Une application hybride .NET MAUI Blazor permet aux développeurs de construire des applications avec un code et une logique partagés qui fonctionnent nativement sur plusieurs plateformes, tirant parti à la fois des capacités multiplateformes de .NET MAUI et des atouts de Blazor pour le développement web.

Comment pouvez-vous générer des documents PDF dans une application .NET MAUI Blazor ?

Vous pouvez générer des documents PDF dans une application .NET MAUI Blazor en intégrant la bibliothèque IronPDF, qui prend en charge la conversion HTML en PDF, l'édition et le rendu sur différentes plateformes.

Quelles sont les étapes pour créer une application hybride .NET MAUI Blazor à l'aide de Visual Studio ?

Pour créer une application hybride .NET MAUI Blazor, ouvrez Visual Studio, sélectionnez le modèle d'application hybride .NET MAUI Blazor, configurez les paramètres du projet, sélectionnez la version .NET souhaitée et initialisez l'environnement du projet.

Comment la bibliothèque IronPDF améliore-t-elle les fonctionnalités PDF dans les applications Blazor ?

La bibliothèque IronPDF améliore les fonctionnalités PDF en permettant aux développeurs de convertir du HTML en PDF, d'éditer des PDF et de les rendre avec précision. Elle prend en charge l'utilisation multiplateforme, ce qui la rend idéale pour les applications .NET MAUI Blazor.

Quel est l'avantage d'utiliser .NET MAUI pour le développement multiplateforme ?

.NET MAUI offre l'avantage de pouvoir écrire du code une fois et de le déployer sur plusieurs plateformes, telles que Windows, macOS, iOS et Android, avec accès aux API natives et aux contrôles UI pour une expérience utilisateur cohérente.

Comment ajoutez-vous la bibliothèque IronPDF à une application .NET MAUI Blazor ?

La bibliothèque IronPDF peut être ajoutée à une application .NET MAUI Blazor via le gestionnaire de packages de Visual Studio ou en exécutant la commande dotnet add package IronPdf --version 2024.4.2 à partir de la galerie NuGet.

Quels avantages la démarche hybride offre-t-elle pour le développement d'applications ?

La démarche hybride permet de réduire le temps de développement, de partager du code et des composants, et d'accéder aux API natives, offrant une expérience utilisateur fluide sur différentes plateformes avec des contrôles UI natifs et des performances améliorées.

Pourquoi utiliser IronPDF est-il avantageux pour les développeurs travaillant avec des PDF dans les applications Blazor ?

IronPDF est avantageux car il fournit des outils robustes pour générer, modifier et lire des PDF, y compris la prise en charge de la conversion HTML en PDF et le rendu au pixel près, améliorant les capacités des applications Blazor.

Quel rôle joue Blazor dans les applications hybrides .NET MAUI Blazor ?

Blazor permet aux développeurs de créer des applications web interactives en utilisant C#, permettant au code de s'exécuter à la fois côté client et côté serveur, et s'intègre aux bibliothèques .NET pour améliorer le développement dans les applications hybrides .NET MAUI Blazor.

Comment .NET MAUI Blazor Hybrid améliore-t-il la productivité du développement ?

.NET MAUI Blazor Hybrid améliore la productivité en permettant aux développeurs de rédiger du code partagé pour plusieurs plateformes, d'utiliser des contrôles UI natifs et de tirer parti du rechargement à chaud pour des ajustements en temps réel sans recompilation.

Curtis Chau
Curtis Chau
  Discutez maintenant avec l'équipe d'ingénierie
Rédacteur technique

Curtis Chau détient un baccalauréat en informatique (Université de Carleton) et se spécialise dans le développement front-end avec expertise en Node.js, TypeScript, JavaScript et React. Passionné par la création d'interfaces utilisateur intuitives et esthétiquement plaisantes, Curtis aime travailler avec des frameworks modernes ...

Lire la suite

Articles connexes

Essai de 30 jours → Produit complet. Pas de limites. Pas de carte. Démarrer l'essai gratuit