Progressive Web Apps

So Sieht Unser Mendix Funktionieren Progressive Web Apps (PWA)?

Eine Progressive Web App (PWA) ist ein spezieller Typ von Webanwendung, die nach und nach mehr Funktionen des Browsers nutzt, um das Benutzererlebnis zu verbessern. Mendix Progressive Web Apps ähneln Web Applikationen, aber PWAs bieten mehr Funktionen – beispielsweise die Möglichkeit, teilweise oder vollständig offline zu arbeiten, eine Option zum Hinzufügen zum Startbildschirm des Geräts und Unterstützung für Gerätefunktionen und Web-Push-Benachrichtigungen. PWAs werden häufig für mobile Apps verwendet, können aber auch für Desktop-Apps verwendet werden.

Entwickler können eine PWA ähnlich wie eine Web-App erstellen. Diese Symmetrie bietet Entwicklern alle gewohnten Optionen und ermöglicht es ihnen, vorhandene Komponenten und Wissen wiederzuverwenden. Darüber hinaus können Entwickler eine Offline-zuerst Ansatz zur Verbesserung der Leistung und Verfügbarkeit ihrer App.

Entwickler können nur die PWA-Funktionen aktivieren, die ihr Anwendungsfall erfordert, zum Beispiel Zum Home-Bildschirm Support, Ressourcen-Caching (für Dinge wie Seiten, Stil und Logik) oder vollständige Offline-Unterstützung. Entwickler können auch Funktionen hinzufügen, um Gerätefunktionen wie die Kamera oder Standortdienste zu nutzen, oder Support für Web-Push-Benachrichtigungen hinzufügen. Beachten Sie, dass die verfügbaren Funktionen von den Browserfunktionen abhängen.

Wie in der Wie schneidet Mendix Multi-Channel-Anwendungen unterstützen? Abschnitt Front-Endist eine PWA ein möglicher Kanal für Mendix Anwendungen. Das Mendix Der Client ist für das Rendern von Web-Apps verantwortlich. Dabei handelt es sich um umfangreiche Single-Page-Anwendungen (SPA) auf Basis von JavaScript, HTML5 und CSS3. PWAs verwenden auch Service Worker, um Daten zwischenzuspeichern und die Leistung zu verbessern.

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. PWAs können die Ressourcen auch im Browser des Benutzers zwischenspeichern, um die Leistung zu verbessern. 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. Dieser Rich Client kann viele Aktionen ausführen, ohne den Server aufrufen zu müssen, wodurch die Anzahl kostspieliger 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 effizient und mit hervorragender Leistung 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 können Sie separate mobile Webkanäle für Telefon und Tablet 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 Progressive Web App verteilen?

Da es sich bei PWAs um Web-Apps handelt, können diese einfach getestet und verteilt werden, indem die URL in einem Browser geöffnet wird. Für die lokale Entwicklung Mendix generiert einen QR-Code, sodass Sie eine PWA schnell auf einem Mobilgerät testen können.

Wie kann ich meine Progressive Web App testen?

Mendix bietet ein integriertes Tool namens Menditect Testautomatisierung (MTA) in dem (nicht-technische) Benutzer die Benutzeroberfläche (UI), Prozesse, Komponenten und logischen Microflow-Einheiten 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 Testautomatisierung und Qualitätssicherung.