Applications Web
Notre processus Mendix Les applications Web fonctionnent-elles ?
Comme discuté dans le Comment La Mendix Prise en charge des applications multicanaux ? l'article de Front-End, une application Web est un canal possible pour Mendix applications. le Mendix Le client est responsable du rendu des applications Web, qui sont des applications monopage riches (SPA) basées sur JavaScript, HTML5 et CSS3.
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. 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. Le 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. Combiné à 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 qui ont 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, il est possible de 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 étendre mon application Web ?
Tant le index.html et la page de connexion peuvent être entièrement personnalisées selon vos besoins. Il est également possible d'ajouter des ressources supplémentaires comme du style et des images ou de fournir un Web App Manifeste.
Mendix propose plusieurs options pour étendre les applications Web. Celles-ci sont décrites dans la section Comment puis-je prolonger le Mendix L'extrémité avant? of Front-End et la rubrique Comment puis-je personnaliser l’apparence de mes applications ? of Conception de l’interface utilisateur.
Comment puis-je tester mon application Web ?
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 Assurance qualité et sécurité.