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

Introduction

A .NET MAUI Blazor Hybride l'application 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 qui peuvent fonctionner nativement sur plusieurs plates-formes tout en partageant le code et la logique entre elles. Cette approche hybride de Blazor offre aux développeurs la flexibilité, la productivité et la possibilité d'atteindre un public plus large avec leurs applications. Un développeur web peut créer facilement des applications mobiles émulées à l'aide de composants d'interface utilisateur web. Dans cet article, nous allons créer une simple application hybride .NET MAUI Blazor à l'aide de Visual Studio et nous verrons également plus tard l'interface de l'application IronPDF bibliothèque de Iron Software pour générer des documents PDF.

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

1. Créer un nouveau projet hybride .NET MAUI Blazor dans Visual Studio

2. Ajouter la bibliothèque IronPDF pour générer des PDF à partir de l'URL d'un site web

3. Ajouter du code pour générer du PDF en utilisant la bibliothèque IronPDF

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

.NET MAUI Blazor app fait référence à une application construite à l'aide de .NET Multi-platform App UI (MAUI) et Blazor. Décortiquons ces éléments :

.NET MAUI (L'interface utilisateur des applications multiplateformes)

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

Blazor

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

Application hybride

A application hybride combine des éléments d'applications natives et d'applications web. Dans le contexte de .NET MAUI et de Blazor, une application hybride fait généralement référence à une application qui s'exécute nativement sur différentes plateformes (tels que Windows, macOS, iOS et Android) tout en utilisant les technologies (comme Blazor pour le rendu de l'interface utilisateur et la logique commerciale). Cette approche permet aux développeurs de tirer parti de leurs compétences en .NET et C# pour créer des applications multiplateformes qui peuvent tirer parti à la fois des capacités natives et des technologies web.

Caractéristiques des applications hybrides .NET MAUI Blazor

**Support multiplateforme

Vous pouvez créer votre application MAUI Blazor une seule fois et la déployer sur différents appareils sans avoir à apporter de modifications importantes. Les applications Blazor fonctionnent comme des applications natives pour 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 un large éventail d'appareils sans qu'il soit nécessaire de procéder à des modifications importantes. Une application mobile Blazor développée avec .NET MAUI se comportera comme une application native sur les appareils Android et Apple.

Code et partage des composants

L'un des principaux avantages de .NET MAUI est sa capacité à partager le code et les composants de l'interface utilisateur entre différentes plateformes. Cette fonctionnalité réduit considérablement le temps et les efforts de développement, en éliminant la nécessité de réécrire le code pour chaque fonctionnalité spécifique à une plate-forme. En partageant le code et les composants, les développeurs peuvent rationaliser le processus de développement et améliorer la maintenabilité du code.

**Contrôles d'interface utilisateur natifs

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

Intégration avec Visual Studio

Visual Studio offre une prise en charge complète de l'outillage pour le développement .NET MAUI, permettant aux développeurs de disposer d'un riche ensemble de fonctionnalités pour la création, le débogage et la gestion de leurs applications. Avec Visual Studio, les développeurs peuvent utiliser des outils familiers tels que IntelliSense, des capacités de débogage et des fonctionnalités de gestion de projet, améliorant ainsi la productivité et l'efficacité tout au long du cycle de développement.

Amélioration des performances

les applications hybrides .NET MAUI Blazor offrent des performances accrues par rapport à d'autres solutions multiplateformes. L'intégration de Blazor et de .NET MAUI garantit une exécution efficace du code, ce qui se traduit par des applications réactives et performantes. En tirant parti de la puissance du moteur d'exécution .NET et des capacités de la plateforme native, les développeurs peuvent créer des applications qui offrent une expérience utilisateur fluide et homogène sur différents appareils.

Support de rechargement à chaud

.NET MAUI prend en charge le rechargement à chaud, ce qui permet aux développeurs de voir instantanément les changements apportés au cours du processus de développement sans avoir à recompiler ou à redéployer. Cette fonctionnalité accélère le cycle de développement, permettant aux développeurs d'itérer rapidement et efficacement. Grâce à la prise en charge du rechargement à chaud, les développeurs peuvent apporter des ajustements en temps réel à leurs applications, ce qui accélère le processus de développement et améliore 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 commerciale et les éléments d'interface utilisateur de leur application en une seule fois à l'aide de C# et de Blazor. Cette base de code unique peut ensuite être déployée sur plusieurs plateformes sans qu'il soit nécessaire de procéder à des ajustements spécifiques à chaque plateforme, ce qui réduit la complexité et les efforts de développement.

**Temps de développement réduit

En partageant le code et les composants entre les plateformes, les développeurs peuvent réduire considérablement le temps consacré au développement. Les modifications apportées en un seul endroit sont répercutées sur toutes les plateformes prises en charge, ce qui élimine la nécessité d'écrire et de maintenir des bases de code distinctes pour chaque plateforme. Ce processus de développement rationalisé se traduit par une mise sur le marché plus rapide 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 plus efficace. Les corrections de bogues, les mises à jour et les améliorations peuvent être appliquées uniformément à toutes les plateformes prises en charge, ce qui garantit la cohérence et la fiabilité de 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

Bien qu'elles soient basées sur des technologies web, les applications hybrides Blazor avec MAUI .NET conservent la capacité d'accéder aux API natives en cas de besoin. Cela permet aux développeurs d'exploiter de manière transparente les caractéristiques et les fonctionnalités propres à chaque plateforme dans leurs applications, en établissant une passerelle entre les capacités des cadres basés sur le web et les capacités natives de chaque plateforme. En combinant la puissance de Blazor et l'accès aux API natives, les développeurs peuvent créer des applications riches en fonctionnalités et polyvalentes qui répondent aux exigences uniques de chaque plateforme.

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

Présentation d'IronPDF

IronPDF bibliothèque de Iron Software est une bibliothèque polyvalente dans le monde .NET qui permet de générer, de modifier et de lire des documents PDF. IronPDF est une bibliothèque multiplateforme polyvalente qui permet aux développeurs de créer, d'éditer et de 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 gérer les 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)  dans des documents PDF. Vous pouvez rendre des pages web, des vues Razor (Serveur Blazor)cSHTML (MVC)aSPX (WebForms)et XAML (MAUI)  sous forme de PDF.

2. Rendu parfait au pixel près :

    IronPDF assure un rendu précis, préservant la fidélité visuelle de votre contenu. Il prend en charge le codage des caractères UTF-8, les URL de base, le codage des actifs et les connexions TLS aux sites web.

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

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

4. Édition et annotations :

    Modifiez les métadonnées PDF, signez les documents et appliquez des signatures numériques. Fusionner, diviser, ajouter, copier et supprimer des pages dans les PDF. Ajouter des annotations et des champs de formulaire.

5. Support multiplateforme :

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

Étape 1 : Créer un nouveau projet hybride .NET MAUI Blazor 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.

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

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

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

La bibliothèque IronPDF peut être installée à l'aide d'un gestionnaire de paquets Visual Studio comme ci-dessous.

Il peut également être installé à partir de la galerie NuGet.

dotnet add package IronPdf --version 2024.4.2

dotnet add package IronPdf --version 2024.4.2

'INSTANT VB TODO TASK: The following line uses invalid syntax:
'dotnet add package IronPdf --version 2024.4.2

Étape 3 : Ajouter du code pour générer un PDF à l'aide d'IronPDF

Ajoutez le code ci-dessous à la page d'accueil pour modifier le code autogénéré existant afin qu'il prenne en compte l'URL saisie par l'utilisateur et génère des documents PDF.

@page "/"
@using IronPdf
<h1>Welcome to PDF Generator from Website URL</h1>
<p>Enter the Website URL to Generate PDF</p>
<p>Click to Generate PDF</p>
<button class="btn btn-primary" @onclick="GeneratePdf">Generate</button>
@code {
    private string? inputValue;
    private string? InputValue { get; set; }
    private void GeneratePdf()
    {
        var r = HtmlToPdf.StaticRenderUrlAsPdf(@InputValue);
        r.SaveAs("C:\\temp\\output.pdf");
    }
}

@page "/"
@using IronPdf
<h1>Welcome to PDF Generator from Website URL</h1>
<p>Enter the Website URL to Generate PDF</p>
<p>Click to Generate PDF</p>
<button class="btn btn-primary" @onclick="GeneratePdf">Generate</button>
@code {
    private string? inputValue;
    private string? InputValue { get; set; }
    private void GeneratePdf()
    {
        var r = HtmlToPdf.StaticRenderUrlAsPdf(@InputValue);
        r.SaveAs("C:\\temp\\output.pdf");
    }
}

'INSTANT VB WARNING: An assignment within expression was extracted from the following statement:
'ORIGINAL LINE: @page "/" using IronPdf <h1> Welcome to PDF Generator from Website URL</h1> <p> Enter the Website URL to Generate PDF</p> <p> Click to Generate PDF</p> <button class="btn btn-primary" onclick="GeneratePdf"> Generate</button> @code
"btn btn-primary" onclick="GeneratePdf"> Generate</button> code
Private Friend page "/" [using] IronPdf (Of h1) Welcome [to] PDF Generator from Website URL</h1> (Of p) Enter the Website URL [to] Generate PDF</p> (Of p) Click [to] Generate PDF</p> <button Class="btn btn-primary" onclick
'INSTANT VB WARNING: Nullable reference types have no equivalent in VB:
'ORIGINAL LINE: private string? inputValue;
'INSTANT VB NOTE: The field inputValue was renamed since Visual Basic does not allow fields to have the same name as other class members:
	Private inputValue_Conflict As String
'INSTANT VB WARNING: Nullable reference types have no equivalent in VB:
'ORIGINAL LINE: private string? InputValue {get;set;}
	Private Property InputValue() As String
	Private Sub GeneratePdf()
		Dim r = HtmlToPdf.StaticRenderUrlAsPdf(InputValue)
		r.SaveAs("C:\temp\output.pdf")
	End Sub
End Class

Explication du code

Ici, nous recevons l'entrée de l'utilisateur à l'aide d'une entrée de texte. Ils disposent d'un bouton pour déclencher la génération du PDF. HtmlToPdf.StaticRenderUrlAsPdf La méthode statique est utilisée pour générer le document PDF.

Lorsque nous lançons l'application, nous pouvons voir l'interface utilisateur ci-dessous.

Sortie

Licences (offre d'essai gratuite)

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

"IronPdf.LicenseKey": "your license key"

"IronPdf.LicenseKey": "your license key"

'INSTANT VB TODO TASK: The following line uses invalid syntax:
'"IronPdf.LicenseKey": "your license key"

Une clé de licence d'essai gratuite peut être obtenue en s'enregistrant pour une licence d'essai à l'aide du site Web d'IronPDF page de la licence d'essai.

Conclusion

La création d'une application hybride .NET MAUI Blazor offre une solution convaincante aux développeurs qui souhaitent créer des applications multiplateformes en combinant les forces des technologies .NET MAUI et Blazor. Grâce à une prise en charge multiplateforme robuste, au partage transparent du code et des composants, à l'accès aux contrôles d'interface utilisateur natifs, à l'intégration avec Visual Studio et à des performances améliorées, les applications hybrides .NET MAUI Blazor offrent aux développeurs les outils et les capacités nécessaires pour créer des applications modernes, réactives et riches en fonctionnalités qui s'exécutent en mode natif sur différents appareils.

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

En résumé, la création d'une application hybride .NET Blazor et IronPDF permet aux développeurs de fournir 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.