Web-Apps

So Sieht Unser Mendix Funktionieren Web-Apps?

Wie in der Wie schneidet Mendix Multi-Channel-Anwendungen unterstützen? Abschnitt Front-Endist eine Web-App ein möglicher Kanal für Mendix Anwendungen. Das Mendix Der Client ist für das Rendern von Web-Apps verantwortlich, bei denen es sich um umfangreiche Single-Page-Anwendungen (SPA) auf Basis von JavaScript, HTML5 und CSS3 handelt.

Verwendung des WYSIWYG-Seiteneditors in Mendix Mit Studio Pro können Benutzer Seiten und Interaktionen modellieren, die lokal ausgeführt oder direkt aus der Studio Pro IDE bereitgestellt werden können. Bei der lokalen Ausführung werden die Änderungen direkt sichtbar gemacht. Dies geschieht mit unserem Sofortiges Update Funktion, die die Benutzeroberfläche sofort neu lädt und dabei den aktuellen Status beibehält. So wird das Testen und Voranzeigen von Apps zum Kinderspiel.

Wenn eine App in der Cloud bereitgestellt wird, werden die statischen Ressourcen (HTML, CSS, JavaScript) auf einem Front-End-Server bereitgestellt, der die Ressourcen zwischenspeichert und effizient bereitstellt. Der Haupteintrag ist der index.html Seite, die die Mendix Der Client rendert die Seite und beginnt mit der Ereignisverarbeitung. Wenn eine Authentifizierung erforderlich ist, wird der Endbenutzer entweder auf die Anmeldeseite oder zu einem Identitätsanbieter umgeleitet. Mendix stellt durch die Anwendung eines Cache-Busting-Mechanismus sicher, dass beim Bereitstellen neuer Versionen keine Caching-Probleme auftreten.

Der Mendix Der JavaScript-Client rendert die Benutzeroberfläche, verarbeitet Aktionen im Browser und kommuniziert über APIs über HTTPS mit dem Mendix Laufzeit. Der Rich Client kann viele Aktionen ausführen, ohne den Server aufrufen zu müssen, wodurch die Anzahl der (kostspieligen) Server-Roundtrips minimiert wird. In Kombination mit unserem Clientseitige Funktionalität und die Tatsache, dass Mendix Apps unterstützen die Vorwärts-/Zurück-Funktionalität des Browsers und erfüllen gleichzeitig die Richtlinien zur Barrierefreiheit. Sie können Web-Apps mit hervorragender Leistung effizient modellieren.

Wie schneidet Mendix Unterstützt es unterschiedliche Bildschirmgrößen und Geräte?

Mendix Seiten sind standardmäßig responsiv, d. h. sie passen sich automatisch der Bildschirmgröße an. Das Ergebnis sind Web-Apps, die auf Bildschirmgrößen von Desktops bis hin zu Telefonen sofort gut aussehen. Für ein optimiertes Benutzererlebnis ist es möglich, separate mobile Webkanäle für Telefon und Tablet zu definieren. Der Gerätetyp (wie Telefon, Tablet oder Desktop) kann auch in der Logik für andere Szenarien verwendet werden.

Mendix bietet mehrere allgemeine Muster und bewährte Methoden pro Gerät, mit denen Sie großartige Benutzererlebnisse schaffen können. Sie können diese Muster auch mit benutzerdefinierten Varianten erweitern, wie in User Interface Design.

Wie kann ich meine Web-App erweitern?

Beide index.html und die Anmeldeseite können vollständig an Ihre Bedürfnisse angepasst werden. Es ist auch möglich, zusätzliche Ressourcen wie Styling und Bilder hinzuzufügen oder eine Web App-Manifest.

Mendix bietet mehrere Möglichkeiten zur Erweiterung von Web-Apps. Diese werden im Abschnitt Wie kann ich die Mendix Frontend? of Front-End und die Sektion Wie kann ich das Erscheinungsbild meiner Apps anpassen? of User Interface Design.

Wie kann ich meine Web-App testen?

Mendix bietet ein integriertes Tool namens Menditect Testautomatisierung (MTA), in dem (nicht-technische) Benutzer die Benutzeroberfläche (UI), Prozesse, Komponenten und Microflow-Logikeinheiten der Web-App testen können.

Es ist auch möglich, Standard-Testtools für UI-Tests zu verwenden, zum Beispiel Selen oder Tosca. Denn Mendix Widgets verfügen über eindeutige Kennungen im Dokumentobjektmodell (DOM). Testtools können diese IDs problemlos nutzen, um lesbare und robuste Testskripte zu erstellen.

Für weitere Informationen, siehe Qualitätssicherung und Sicherheit.