Ensembles d'outils Telerik pour les formulaires Web ASP.NET et Blazor: partie 1

Voici la première partie d'un guide destiné aux développeurs pour se familiariser rapidement avec l'idée générale des formulaires Web ASP.NET et de Blazor, et ce que Telerik a à offrir pour les deux technologies.

(Consultez la partie 2 ici et Partie 3 ici .)

Cette série fournit également quelques étapes fondamentales pour tous ceux qui ont décidé de créer une nouvelle application basée sur Blazor ou de moderniser leur application Web Forms existante en passant à un Blazor App.

Nous vous recommandons vivement de consulter notre ebook dans lequel Ed Charbeneau explique les principes fondamentaux de Blazor dans un guide de démarrage rapide de la productivité avec Blazor .

Lire: Guide du débutant sur Blazor

En plus de l'ebook, nous avons également publié un article de blog, Review of Telerik Toolsets for ASP.NET Web Forms and Core dédié à ASP. NET Web Forms contre ASP.NET Core.

ASP.NET Web Forms: la forte présence et l'expérience de maturité

En existence depuis 2002 et toujours activement utilisée, la technologie Web Forms a passé avec succès l'épreuve du temps et les exigences rigoureuses des développeurs Web.

Certaines des fonctionnalités clés et des traits reconnaissables de Web Forms sont le développement ViewState et Event-driven. Dans MVC et Core, ils ont été remplacés par le concept de modèle Model-View-Controller. Désormais, Blazor est le dernier membre de la famille ASP.NET et apporte un autre système d'implémentation, en fait de deux manières différentes, qui seront expliquées dans la section dédiée à Blazor-Hosting. Une différence majeure est qu'il peut également s'exécuter dans ASP.NET Core, contrairement aux formulaires Web. maintenant officiellement publié à la fois pour ses saveurs côté serveur et côté client et prêt pour une utilisation en production. Avec une communauté en constante croissance elle a sûrement le buzz autour d'elle. Mais avant de répondre à ce qu'est réellement Blazor, nous devons clarifier quelques tremplins qui jettent les bases de ce nouveau framework.

Naming

Le nom Blazor vient de l'équation suivante: Browser + Razor = Blazor.

Il y a une autre possibilité forte, selon l'équipe de Blazor: «Lorsqu'il est prononcé, c'est aussi le nom d'une veste chic portée par des hipsters qui ont un excellent goût pour la mode, le style et les langages de programmation.»

Razor Pages est un mélange de syntaxe de HTML et C # et c'est actuellement la technologie recommandée par Microsoft pour créer des applications Web. Voir Introduction de Microsoft aux pages Razor .

Lors du lancement du travail dans cette syntaxe, vous trouverez ce guide de référence utile: Razor syntax reference for ASP.NET Core .

Blazor utilise essentiellement la syntaxe Razor, mais la combine avec SignalR pour son hébergement de serveur et WebAssembly au lieu de JavaScript pour son offre côté client.

ASP.NET Core

L'ancien .NET Framework est une centrale électrique. Sa version 4.8 est sortie et annoncée comme étant la dernière. Ce framework est maintenant comme un fier père, à condition que beaucoup pour la communauté de développement et qui passe maintenant son tour à la génération à venir. Cependant, il reste encore de nombreuses années avant la retraite.

Le .NET Core est un enfant adulte. Officiellement, le relais a été relayé. Microsoft conseille .NET Core à utiliser dans les nouvelles applications et projets. Depuis son introduction, de plus en plus de fonctionnalités et de points d'accès J'ai été ajouté afin que l'écart de capacité avec l'ancien .NET Framework soit minimisé.

Microsoft est sur la voie de la sortie de .NET 5.0 en novembre car Preview 5 est déjà sorti:

Les nouvelles versions de .NET vont marcher sur les fondations de Core

ASP.NET Core peut être déployé non seulement sur Windows, mais aussi sur Linux et macOS. Il ne prend pas en charge les formulaires Web, mais il prend en charge Blazor, qui fonctionne sur Mono pour sa saveur côté client (WebAssembly). Il en va de même pour le framework .NET Standard que vous utiliserez pour la logique métier de Blazor.

WebAssembly

Imaginez exécuter des logiciels tels que Visual Studio, Photoshop, AutoCAD et d'autres de cette classe directement dans le navigateur sans les réécrire avec des milliers et des milliers de lignes de code JavaScript. Laissez-moi vous aider avec l'image, voir: Windows 2000 sur le navigateur

C'est la puissance de WebAssembly – présentant des binaires et des assemblys écrits dans différents langages comme C # et C ++ dans un format lisible par le navigateur. Ce n'est pas un framework frontend sur JavaScript, mais plutôt une alternative complète à JavaScript, un digne challenger de son monopole.

Une réminiscence de Silverlight ou Flash? Pas cette fois. Il n'y a aucun plug-in à installer. Contrairement à Silverlight et Flash, WebAssembly n'est pas propriétaire et il s'agit d'un standard ouvert pris en charge par l'ensemble de la communauté Web et des entreprises. Tous ont la motivation et l'intérêt de développer cette nouvelle norme. Et il se développe, en effet, de façon rapide. Ai-je mentionné qu'il ne nécessite pas l'installation de plug-ins?

Le code compilé sur WebAssembly peut s'exécuter dans n'importe quel navigateur à des vitesses natives. Il a atteint un consensus entre navigateurs et tous les navigateurs modernes le supportent . Il est clair que le monde du développement Web est en train de changer et qu'il arrive rapidement. Et aussi avant que j'oublie, puisque WebAssembly est pris en charge nativement, aucun plug-in n'est requis. ?

In Essence

Blazor utilise la puissance de WebAssembly pour le combiner avec des bibliothèques .NET pour le transformer en une super-machine. Au lieu de cela, vous pouvez choisir de l'héberger sur le serveur en utilisant le système de messagerie SignalR. En fin de compte, Blazor est un framework d'interface utilisateur Web open source et multiplateforme permettant de créer des applications d'une page à l'aide de .NET et C # au lieu de JavaScript. Plus un peu d'épices de syntaxe Razor.

Pour une liste complète des fonctionnalités prises en charge, vous pouvez consulter ici: FAQ Blazor .

Blazor n'est pas seulement inspiré par les frameworks modernes existants comme React, Angular et Vue, mais combine également leur commodité avec les puissantes capacités .NET.

Dans certains cas spécifiques, les applications Blazor peuvent toujours appeler des fonctions et une logique JavaScript via des API d'interopérabilité JavaScript. Cela peut être utilisé pour accéder aux API du navigateur qui ne sont pas encapsulées de manière native en C #, telles que l'emplacement, la caméra, ainsi que pour exécuter du code de script personnalisé pour les manipulations DOM. Cependant, Blazor est un framework basé sur des composants qui minimise le besoin d'accéder directement au DOM et vous devez généralement éviter de le faire. Vous pouvez également le faire en C # maintenant à partir de vos composants Blazor.

Blazor est basé sur un modèle de composant puissant et flexible pour créer une interface utilisateur Web interactive riche. Il permet le développement Web complet avec .NET. Bien que Blazor partage de nombreux points communs avec les formulaires Web ASP.NET, comme le fait d'avoir un modèle de composant réutilisable et un moyen simple de gérer les événements utilisateur, il s'appuie également sur les fondations de .NET Core pour offrir une expérience de développement Web moderne et haute performance. [19659004] Le nouveau framework Blazor utilise des standards Web ouverts sans plugins ni transpilation de code. Il fonctionne dans tous les navigateurs Web modernes, y compris les navigateurs mobiles. Il fait partie de la plate-forme open-source .NET, qui est gratuite . Il n'y a pas de frais ni de frais de licence, y compris pour un usage commercial.

Hébergement

Bien que la syntaxe et la norme de codage Blazor soient les mêmes partout, il existe deux façons différentes d'héberger l'application: Blazor Server et Blazor Client / WebAssembly.

Vous pouvez considérer l'hébergement du serveur comme un dîner dans un restaurant: vous avez le menu (le site Web) et en tant que client vous choisissez un repas, par exemple une soupe (interaction d'entrée). Ensuite, le serveur (SignalR) prend la commande et la livre à la cuisine (Serveur) et ramène votre commande une fois qu'elle est prête. La prochaine fois, vous commandez le repas principal et le serveur repart. La même chose se produit pour le dessert.

Pour que ce processus fonctionne parfaitement, vous aurez besoin d'une connexion constante et à faible latence avec la cuisine (le serveur). Et s'il y a beaucoup de visiteurs affamés, le fardeau de la cuisine peut augmenter. Du bon côté, la présentation initiale du menu (site Web) se fait de manière légère et instantanée. Cela en fait un choix raisonnable pour le support des navigateurs plus anciens ( pas trop vieux, remarquez ).

Alors que l'hébergement Client / WebAssembly peut ressembler à un buffet tout compris: vous avez préparé toute la nourriture à l'avance , et quoi que vous choisissiez, vous n'avez pas besoin d'un serveur (chaîne d'information) et d'une connexion à la cuisine (serveur).

Cela rend l'interaction avec la nourriture (interaction d'entrée) ultra-rapide et libère même la cuisine s'il y a beaucoup de visiteurs, puisque le travail est fait par eux (machines clientes). En revanche, la préparation initiale (taille de téléchargement et temps de chargement) est nettement plus élevée.

Pour résumer, Blazor peut exécuter l'interface utilisateur client de votre site Web sur le serveur. Les événements d'interaction utilisateur sont envoyés au serveur à l'aide du canal SignalR et une fois l'exécution terminée, les modifications requises de l'interface utilisateur sont renvoyées au client et fusionnées dans le DOM.

Alternativement, Blazor peut exécuter votre code C # côté client directement dans le navigateur , à l'aide de WebAssembly. Comme il s'agit d'un véritable .NET fonctionnant sur WebAssembly, vous pouvez réutiliser le code et les bibliothèques des parties côté serveur de votre application.

Lire: Partie 2 de cette série de blogs

Lire: Partie 3 de cette série de blogs