Framework React & Blazor + Composants Fluent UI pour Dataverse
Construisez plus intelligemment, plus rapidement et plus proprement avec Power Portals Pro — un cadre d’outils et de composants conçu pour booster Microsoft Dataverse. Évitez la complexité et lancez un portail personnalisé entièrement fonctionnel en un temps record, sans sacrifier la flexibilité, l’évolutivité ou la performance.
Power Portals Pro vous propose des composants React et Blazor prêts pour la production qui lisent et sauvegardent les données des formulaires dans Microsoft Dataverse. Les contrôles se configurent eux-mêmes à l’aide des métadonnées Dataverse (étiquettes, infobulles, requis/contraintes), et le cadre rend la localisation et la traduction simples.
{/* Metadata-driven fields (label/required/min/max/length from Dataverse) */}
<RecordContext>
<Section>
<SectionColumn headerText="Account Info">
<ColumnEdit columnName="name" />
<ColumnEdit columnName="telephone1" />
<ColumnEdit columnName="websiteurl" />
<ColumnEdit columnName="parentaccountid" />
<ColumnEdit columnName="tickersymbol" />
</SectionColumn>
<SectionColumn headerText="Primary Contact">
<LookupRecordContext columnName="primarycontactid">
<Section>
<ColumnEdit columnName="firstname" />
<ColumnEdit columnName="lastname" />
<ColumnEdit columnName="emailaddress1" />
<ColumnEdit columnName="mobilephone" />
<ColumnEdit columnName="jobtitle" />
</Section>
</LookupRecordContext>
</SectionColumn>
</Section>
<SubGrid relationshipName="contact_customer_accounts" />
</RecordContext>
De vrais écrans issus de la démo en direct — tableaux de bord et graphiques, aperçus de fichiers en ligne, et visualisation et édition d’images intégrées. Cliquez sur n’importe quelle capture d’écran pour essayer.
Les composants Power Portals Pro se configurent automatiquement à l’aide des métadonnées Dataverse — vous passez donc moins de temps à câbler des étiquettes, des infobulles, des règles requises et des contraintes, et plus de temps à expédier les expériences des portails.
Construisez sur un React + Vite + TypeScript SPA moderne ou ASP.NET Core Blazor — tous deux rendus avec le système de conception Fluent UI de Microsoft et exposant les mêmes composants pilotés par les métadonnées et les mêmes capacités Dataverse. Choisissez la pile correspondant aux compétences de votre équipe ; L’expérience développeur, le thème, l’accessibilité et la couverture des composants restent cohérents dans les deux cas.
Les étiquettes, les infobulles, les indicateurs obligatoires, les plages min/max et les limites de longueur viennent de Dataverse — donc chaque éditeur sur chaque page reste cohérent avec votre modèle de données sans configuration par formulaire. Renommer une colonne ou resserrer une contrainte dans Dataverse et chaque page de portail qui la cite détecte le changement lors de la prochaine charge, sans qu’aucune modification de code côté portail ne soit nécessaire.
Lorsque les utilisateurs sauvegardent, tous les changements — champs de formulaire plus modifications de grille et de sous-grille — persistent dans une seule transaction Dataverse, donc les mises à jour sont atomiques : tout réussit ou tout revient en arrière. Et parce que vous construisez un véritable portail personnalisé sur React + Vite ou ASP.NET Core Blazor, tous les écosystèmes npm et .NET vous appartiennent : bibliothèques, middlewares, fournisseurs d’authentification, journalisation et services en arrière-plan.
Power Portals Pro n’est pas réservé aux sites orientés clients — les portails internes pour les employés, les outils départementaux et les applications back-office sont des cas d’usage de premier ordre. Parce que le personnel se connecte en tant qu’utilisateur Dataverse à son tour, vos attributions de rôle actuelles sont le modèle de sécurité : pas d’enregistrements de contact en double, pas de système d’autorisation parallèle, et une seule base de code peut servir le personnel interne et les clients externes côte à côte.
Localisez chaque étiquette de tableau, infobulle, nom de vue et option de choix dans n’importe quelle langue — vous n’êtes jamais limité aux langues pour lesquelles Dataverse propose un pack linguistique. Sourcez les traductions à partir des packs de langage installés, fournissez vos propres fichiers JSON pour n’importe quelle culture, ou combinez les deux avec des entrées JSON qui supplantent tout ce que Dataverse fournit — et changez la langue de l’utilisateur à l’exécution sans redéployement.
Traduisez votre site entier en dizaines de langues en quelques minutes. Depuis la page d’administration intégrée, téléchargez un fichier de localisation et choisissez vos langues cibles, et chaque chaîne est traduite automatiquement via Azure Translator, DeepL ou Google — réutilisant tout ce qui est déjà traduit afin de ne payer que pour ce qui est nouveau. Téléchargez les résultats par langue ou en code postal unique et déposez-les pour expédier un portail entièrement localisé, sans traducteur dans la boucle.
Construit sur ASP.NET identité de base avec un support de premier ordre pour deux publics à la fois. Le personnel se connecte en tant qu’utilisateur système Dataverse via Microsoft / Entra, et les rôles de sécurité Dataverse imposent un accès au niveau ligne, colonne et unité métier via CallerId l’usurpation d’identité. Les utilisateurs en contact avec les clients correspondent aux contacts Dataverse et acceptent le nom d’utilisateur/mot de passe local, ainsi que Microsoft, Google et tout autre fournisseur ASP.NET Core.
Construis des pages qui chargent les enregistrements de n’importe quelle table Dataverse et persistent les modifications utilisateur avec un seul appel de sauvegarde. Le framework gère le suivi inadéquat, la résolution de recherche, les mises à jour des enregistrements associés, et la plomberie FetchXML/Web API sous-jacente — donc une page d’édition typique est composée de quelques composants déclaratifs, et non des pages de CRUD manuscrit câblées sur le SDK Dataverse.
Les drapeaux requis, les plages min/max, les limites de longueur et les contraintes du jeu d’options circulent directement des métadonnées Dataverse vers les éditeurs, donc les formulaires rejettent les entrées invalides de la même manière que Dataverse le ferait sur le serveur. Pas de règles de validation en double à maintenir à deux endroits — changez une contrainte dans Dataverse et le portail applique le nouveau comportement au chargement de la page suivante.
Les éléments de base d’un portail Dataverse complet — éditeurs, grilles, graphiques, mise en page et thèmes — disponibles à la fois pour React et Blazor.
Des éditeurs pilotés par les métadonnées pour chaque type de champ Dataverse — texte, mémo, chiffre, argent, booléen, choix, date/heure, recherche, N :N, fichier et image — chacun s’auto-configurant à partir des métadonnées Dataverse (étiquettes, infobulles, requis, min/max, longueur).
MainGrid et SubGrid configurables avec vues, paginage, tri, recherche, édition en ligne et gestion des enregistrements associés.
Une grille spécialisée pour les enregistrements de fichiers avec téléchargement par glisser-déposer, aperçu en ligne et téléchargement zip en masse.
Des cartes de barres, lignes, tartes, beignets, radar et polaires adaptées au thème avec Dataverse agrégent les sources de données, les événements de clics et les comparaisons annuelles.
Mise en page de page, navigation réactive et primitives de section/colonne pour assembler des portails cohérents.
Mode clair/sombre intégré, couleur d’accent et commutation de droite à gauche via le SiteSettingsButton — tous pilotés par des jetons de design Fluent.
Un flux propre des métadonnées Dataverse vers une page portaile soignée et fonctionnelle.
Liez les éditeurs aux entités et attributs Dataverse (colonnes).
Les éditeurs extraient les étiquettes/infobulles et appliquent automatiquement les contraintes requises + requises.
Soumettez les modifications de manière fiable avec des schémas correspondant aux attentes de Dataverse.
Les deux construisent des portails sur Dataverse — voici comment ils se comparent.
| Caractéristiques | Power Portals Pro | Power Pages |
|---|---|---|
| Technologie | React (Vite SPA) ou Blazor (Serveur, WebAssembly ou Auto) — C# + TypeScript | Modèles low-code / Liquide |
| Cadre UI | Microsoft Fluent UI (React & Blazor) | Bootstrap (personnalisable) |
| Animation | Auto-hébergé (Azure, n’importe quel cloud) | Hébergé par Microsoft |
| Contrôle de code source | Base de code complète en Git | Basé sur la configuration |
| Composants de forme | Éditeurs typés pilotés par les métadonnées | Concepteur de formulaires visuels |
| Grilles de données | MainGrid & SubGrid avec édition en ligne, vues, pagination | Listes avec configuration de base |
| Classements | ✓ Graphiques thématiques avec sources de données Dataverse, événements de clics, agrégats | Intégration basique de Power BI |
| Sauvegardes transactionnelles | ✓ Transactions atomiques multi-enregistrements | ✗ |
| Sécurité au niveau des enregistrements | ✓ Gestionnaires de permissions codés | Permissions de table (basées sur la configuration) |
| Portails internes et sites | ✓ Construire des portails employés, des outils internes et des sites back-office où le personnel se connecte en tant qu’utilisateur Dataverse — Les rôles de sécurité Dataverse imposent l’accès via CallerId l’usurpation d’identité, sans modèle d’identité parallèle |
Conçu principalement pour les portails orientés vers l’extérieur — le personnel interne se connecte en tant que Contacts (identité parallèle) |
| Intercepteurs côté serveur | ✓ Crochets avant/après sur toutes les opérations | ✗ (nécessite des plugins) |
| Localisation | ✓ Contrôle total sur les tableaux, colonnes, vues, choix et chaînes personnalisées | Limité aux packs de langage Dynamics ; Vues et choix difficiles à localiser |
| N :N Éditrice des relations | ✓ Composant ManyToManyLookupEdit | ✗ (nécessite un développement personnalisé) |
| Développement hors ligne | ✓ Expérience complète de développeur local | ✗ Nécessite une connexion cloud |
| CI/CD Pipelines | ✓ Compilation et déploiement standard .NET | Pipelines Power Platform |
| Logique métier personnalisée | C# — flexibilité illimitée | Power Automate / Plugins |
| Modèle tarifaire | Frais mensuels forfaitaires de licence | Par utilisateur / par site avec packs de capacité |
349 $ par mois. Un seul produit, des mises à jour continues.
Cadre + composants pour les portails Dataverse
Des réponses adaptées aux créateurs de portails Dataverse.
Les éditeurs et les grids utilisent les métadonnées Dataverse pour configurer les étiquettes et les infobulles, et pour imposer des contraintes telles que les champs obligatoires, les valeurs min/max et les limites de longueur—afin que votre portail reste cohérent avec votre modèle de données.
Power Portals Pro est livré en application monopage React + Vite + TypeScript ou en application Blazor ASP.NET Core. Les deux sont basés sur le système de conception Fluent UI de Microsoft pour un look et une ambiance d’entreprise modernes et cohérents, et exposent les mêmes composants pilotés par les métadonnées et les mêmes capacités Dataverse.
Oui. Le composant grille peut être configuré comme une sous-grille pour afficher les enregistrements associés (par exemple, les contacts enfants sur un compte).
Le cadre inclut des fonctionnalités qui facilitent la conception pour la localisation et la traduction dès le premier jour (les étiquettes/contenus peuvent varier selon la langue et la région).
Oui — et cela soutient deux publics dès le départ. Les portails internes permettent au personnel de se connecter en tant qu’utilisateur système Dataverse via Microsoft / Entra ID, et les rôles de sécurité Dataverse imposent automatiquement un accès au niveau des lignes, colonnes et unités métier via CallerId l’usurpation d’identité. Les portails orientés clients remettent en avant les utilisateurs ayant des contacts Dataverse et acceptent les noms d’utilisateur/mot de passe locaux ainsi que les fournisseurs externes (Microsoft, Google, etc.) via ASP.NET identité principale. Les deux publics peuvent partager un même portail en même temps.
Power Portals Pro prend en charge l’authentification locale (nom d’utilisateur/mot de passe) et les fournisseurs d’identité externes tels que Microsoft Entra ID (Azure AD), Google, et d’autres fournisseurs supportés par ASP.NET authentification Core.
Oui — c’est un cas d’usage fondamental, pas une pensée de dernière minute. Construisez des portails internes pour les employés, des outils départementaux ou des sites back-office où le personnel se connecte en tant que Dataverse systemuser via Microsoft / Entra ID. Le portail consulte l’utilisateur connecté et systemuser.azureactivedirectoryobjectid , s’il se résout à la solution, se fait passer pour cet utilisateur via ServiceClient.CallerId — ainsi, les rôles de sécurité Dataverse imposent un accès au niveau ligne, colonne et unité métier sans aucun code d’autorisation côté portail. Vos attributions actuelles de rôles Dataverse sont le modèle de sécurité. Si aucun utilisateur du système correspondant n’est trouvé, la connexion revient au flux basé sur le contact, permettant ainsi au même portail de servir simultanément le personnel interne et les clients externes.
Oui — liez une seule connexion Microsoft à un Dataverse systemuser (votre compte interne) et à contact un (enregistrement de test, ou votre propre enregistrement côté client), et le portail affichera un sélectionneur lors de la première connexion et une saisie Switch to Contact / Switch vers SystemUser dans le menu profil ensuite. C’est le schéma standard pour vérifier l’expérience côté contact — rendu, boutons cachés dans la barre d’outils, contenu à autorisation — sans se déconnecter du compte administrateur. Le choix choisi est mémorisé dans un petit cookie par clé fournisseur, de sorte que les connexions suivantes vont directement à la dernière identité choisie.
Non. Power Portals Pro ne nécessite pas d’activer Power Pages dans votre environnement. Comme vous n’utilisez pas Power Pages, il n’y a pas de coûts de licence liés à Power Pages.
Power Portals Pro est un framework et un ensemble de composants React + Blazor, construit sur Fluent UI, pour créer un portail personnalisé qui s’intègre à Dataverse. Il utilise ASP.NET identité principale (utilisateurs en tant que Contacts, utilisant des champs de Contact familiers) et ne nécessite pas d’activation de Power Pages — ce qui évite les coûts de licence de Power Pages.
Lance Power Portals Pro pour 349 $/mo.
Que vous recherchiez un support technique, que vous ayez une question sur la licence ou que vous souhaitiez discuter de la manière dont Power Portals Pro peut répondre à vos besoins, nous sommes là pour vous aider.
Email : Pour toute demande générale, contactez-nous à support@powerportalspro.com
Tickets d’assistance : Pour les problèmes techniques ou les rapports de bugs, veuillez ouvrir un ticket de support sur notre dépôt GitHub.
Nous nous engageons à répondre rapidement et à vous aider à réussir avec Power Portals Pro. Pour plus de moyens de nous contacter, visitez notre page de soutien.
