Applications Web progressives | Mendix

Notre processus Mendix Les applications Web progressives (PWA) fonctionnent-elles ?

Une application Web progressive (PWA) est un type spécial d'application Web qui utilise progressivement davantage de fonctionnalités du navigateur pour améliorer l'expérience utilisateur. Mendix les applications Web progressives sont similaires à Applications Web, mais les PWA offrent davantage de fonctionnalités, comme la possibilité de travailler partiellement ou totalement hors ligne, une option à ajouter à l'écran d'accueil de l'appareil et la prise en charge des fonctionnalités de l'appareil et des notifications push Web. Les PWA sont souvent utilisées pour les applications mobiles, mais elles peuvent également être utilisées pour les applications de bureau.

Les développeurs peuvent créer une PWA de la même manière qu'ils créent une application Web. Cette symétrie offre aux développeurs toutes les options auxquelles ils sont habitués et leur permet de réutiliser les composants et les connaissances existants. De plus, les développeurs peuvent appliquer une hors ligne d'abord approche pour améliorer les performances et la disponibilité de leur application.

Les développeurs peuvent activer uniquement les fonctionnalités PWA requises par leur cas d'utilisation, par exemple Ajouter à l'écran d'accueil prise en charge, mise en cache des ressources (pour des éléments tels que les pages, le style et la logique) ou prise en charge complète hors ligne. Les développeurs peuvent également ajouter des fonctionnalités pour exploiter les fonctionnalités de l'appareil telles que l'appareil photo, les services de localisation ou ajouter la prise en charge des notifications push Web. Notez que les fonctionnalités disponibles dépendent des capacités du navigateur.

Comme discuté dans le Comment La Mendix Prise en charge des applications multicanaux ? l'article de Front-End, une PWA est un canal possible pour Mendix applications. le Mendix Le client est responsable du rendu des applications Web, qui sont des applications monopages riches (SPA) basées sur JavaScript, HTML5 et CSS3. Les PWA utilisent également des service workers pour mettre en cache les données et améliorer les performances.

Utilisation de l'éditeur de page WYSIWYG dans Mendix Studio Pro permet aux utilisateurs de modéliser des pages et des interactions pouvant être exécutées localement ou déployées directement à partir de l'IDE Studio Pro. Lors de l'exécution locale, les modifications sont rendues visibles directement. Cela se fait avec notre mise à jour instantanée fonctionnalité qui recharge instantanément l'interface utilisateur tout en préservant l'état actuel, ce qui facilite le test et la prévisualisation des applications.

Lorsqu'une application est déployée dans le cloud, les ressources statiques (HTML, CSS, JavaScript) sont déployées sur un serveur frontal qui met en cache et sert efficacement les ressources. Les PWA peuvent également mettre en cache les ressources dans le navigateur de l'utilisateur pour améliorer les performances. L'entrée principale est la index.html page, qui charge le Mendix Le client affiche la page et commence à gérer les événements. Si une authentification est nécessaire, l'utilisateur final est redirigé vers la page de connexion ou vers un fournisseur d'identité. Mendix garantit qu'il n'y a pas de problèmes de mise en cache lors du déploiement de nouvelles versions en appliquant un mécanisme de contournement du cache.

L'espace Mendix Le client JavaScript restitue l'interface utilisateur, gère les actions dans le navigateur et communique via des API via HTTPS avec le Mendix Exécution. Ce client riche peut effectuer de nombreuses actions sans avoir besoin d'appeler le serveur, minimisant ainsi le nombre d'allers-retours coûteux vers le serveur. Associé à notre fonctionnalité côté client et le fait que Mendix les applications prennent en charge la fonctionnalité de retour/avance des navigateurs tout en respectant les directives d'accessibilité, vous pouvez modéliser efficacement des applications Web avec d'excellentes performances.

Comment La Mendix Prend en charge différentes tailles d'écran et différents appareils ?

Mendix Les pages sont réactives par défaut, elles s'adaptent donc automatiquement à la taille de l'écran. Cela permet de créer des applications Web qui s'affichent parfaitement dès leur sortie de la boîte, sur des écrans allant des ordinateurs de bureau aux téléphones. Pour une expérience utilisateur optimisée, vous pouvez définir des canaux Web mobiles distincts pour les téléphones et les tablettes. Le type d'appareil (par exemple, téléphone, tablette ou ordinateur de bureau) peut également être utilisé dans la logique pour d'autres scénarios.

Mendix fournit plusieurs modèles courants et bonnes pratiques par appareil pour vous aider à créer de superbes expériences utilisateur. Vous pouvez également étendre ces modèles avec des variantes personnalisées, comme indiqué dans Conception de l’interface utilisateur.

Comment puis-je distribuer mon application Web progressive ?

Les PWA étant des applications Web, elles peuvent être facilement testées et distribuées en ouvrant l'URL dans un navigateur. Pour le développement local, Mendix génère un code QR pour que vous puissiez tester rapidement une PWA sur un appareil mobile.

Comment puis-je tester mon application Web progressive ?

Mendix propose un outil intégré appelé Automatisation des tests Menditect (MTA) dans lequel les utilisateurs (non techniques) peuvent tester l'interface utilisateur (UI), les processus, les composants et les unités logiques Microflow de l'application Web.

Il est également possible d'utiliser des outils de test standard pour les tests d'interface utilisateur, par exemple Sélénium ou Tosca. Parce que Mendix les widgets ont des identifiants uniques dans le modèle d'objet de document (DOM), les outils de test peuvent facilement exploiter ces identifiants pour créer des scripts de test lisibles et robustes.

Pour plus d'informations, voir Automatisation des tests et assurance qualité.