Was ist eine Web App? Definition, Beispiele und Unterschied zur nativen App

Das Wichtigste in Kürze

• Eine Web App läuft im Browser, ist über eine URL erreichbar und benötigt keine Installation.
• Im Unterschied zu einer klassischen Website ist eine Web App interaktiv: Nutzer melden sich an, geben Daten ein und lösen Prozesse aus.
• Native Apps bieten den vollen Zugriff auf Gerätefunktionen, Web Apps punkten mit einer Codebasis für alle Plattformen und sofortigen Updates.
• Progressive Web Apps (PWA) verbinden beides: Sie lassen sich auf dem Homescreen ablegen und teilweise offline nutzen.
• Jede Web App braucht einen Server. Für Schweizer Unternehmen sind Serverstandort und revDSG zentrale Kriterien bei der Wahl des Hostings.

Web App einfach erklärt

Eine Web App ist Software, die Sie über eine Internetadresse aufrufen und direkt im Browser bedienen. Die eigentliche Programmlogik und die Daten liegen auf einem Server. Ihr Gerät zeigt lediglich die Benutzeroberfläche an und übermittelt Ihre Eingaben.

Der Unterschied zur klassischen Website

Die Grenze zwischen Website und Web App ist fliessend. Als Faustregel gilt: Eine Website informiert, eine Web App erledigt Aufgaben. Typische Merkmale einer Web App sind:

• Login und Benutzerkonten: Inhalte werden individuell für die angemeldete Person angezeigt.
• Datenverarbeitung: Eingaben werden gespeichert, berechnet oder weiterverarbeitet.
• Interaktion: Die Oberfläche reagiert auf Aktionen, ohne dass die ganze Seite neu geladen werden muss.

Eine Firmenwebsite mit Angebot und Kontaktformular ist demnach eine Website. Ein Kundenportal, in dem Sie Rechnungen abrufen und Bestellungen auslösen, ist eine Web App.

Bekannte Beispiele für Web Apps

• E-Banking: Schweizer Banken bieten ihr E-Banking im Browser an, parallel zur Mobile-App.
• Office-Anwendungen: Google Docs oder die Browser-Versionen von Microsoft 365, etwa Outlook im Web.
• Online-Ticketkauf: Billette für den öffentlichen Verkehr lassen sich auf sbb.ch direkt im Browser kaufen.
• Design- und Kollaborationstools: Canva, Figma oder Trello laufen vollständig im Browser.
• Messenger im Browser: WhatsApp Web ergänzt die Smartphone-App um eine Browser-Oberfläche.

So funktioniert eine Web App

Eine Web App besteht aus drei Schichten, die bei jeder Aktion zusammenspielen:

1. Frontend: Die Oberfläche im Browser, erstellt mit HTML (Struktur), CSS (Gestaltung) und JavaScript (Interaktion).
2. Backend: Die Anwendungslogik auf dem Server. Sie prüft Eingaben, verwaltet Berechtigungen und führt Berechnungen aus. Gängige Technologien sind PHP, Node.js, Python oder Java.
3. Datenbank: Der dauerhafte Speicher für Benutzerkonten, Bestellungen oder Dokumente, zum Beispiel MariaDB, MySQL oder PostgreSQL.

Ein Beispiel: Sie buchen online einen Termin. Der Browser sendet Ihre Auswahl an den Server. Das Backend prüft, ob der Termin noch frei ist, speichert die Buchung in der Datenbank und schickt eine Bestätigung an den Browser zurück. All das dauert in der Regel nur Sekundenbruchteile.

Web App, native App oder PWA: der Vergleich

Wer eine digitale Anwendung plant, steht früh vor der Frage: Browser oder App Store? Die folgende Tabelle zeigt die wichtigsten Unterschiede.

Wann ist eine Web App sinnvoll?

Eine Web App passt, wenn Ihre Anwendung vor allem Daten anzeigt und verarbeitet, von verschiedenen Geräten aus genutzt wird und schnell weiterentwickelt werden soll. Kundenportale, Buchungssysteme und interne Tools sind typische Fälle.

Wann ist eine native App sinnvoll?

Eine native App lohnt sich, wenn Sie intensiv auf Hardware zugreifen müssen, etwa auf Bluetooth-Geräte, Sensoren oder die Kamera im Hintergrund. Auch bei hohen Anforderungen an Performance, zum Beispiel bei Spielen oder Bildbearbeitung, und wenn die Präsenz im App Store ein strategisches Ziel ist, spricht vieles für eine native App.

Wann ist eine PWA sinnvoll?

Eine PWA eignet sich, wenn Sie das Nutzungsgefühl einer App wünschen, aber nur eine Codebasis pflegen wollen. Sie ist eine gute Wahl für Anwendungen, die regelmässig genutzt werden und von Push-Benachrichtigungen oder eingeschränkter Offline-Nutzung profitieren.

Was ist eine Progressive Web App (PWA)?

Eine Progressive Web App ist eine Web App, die mit zusätzlichen Technologien app-ähnliche Funktionen erhält. Zwei Bausteine sind dafür entscheidend:

• Web App Manifest: Eine Konfigurationsdatei mit Name, Icon und Darstellungsmodus. Sie legt fest, wie die Anwendung nach der Installation aussieht, etwa im Vollbild ohne Adressleiste.
• Service Worker: Ein Skript, das im Hintergrund des Browsers läuft. Es kann Inhalte zwischenspeichern und damit Offline-Nutzung ermöglichen sowie Push-Benachrichtigungen empfangen.

Voraussetzung ist eine verschlüsselte Verbindung über HTTPS.

Installation auf dem Homescreen

Auf Android-Geräten bietet Chrome bei geeigneten Seiten an, die Anwendung zu installieren. Alternativ fügen Sie sie über das Browser-Menü dem Startbildschirm hinzu.

Auf iPhone und iPad erfolgt die Installation über das Teilen-Menü in Safari und den Eintrag «Zum Home-Bildschirm». Seit iOS 26 und iPadOS 26 öffnet sich jede so abgelegte Website standardmässig als Web App in einem eigenen Fenster. Wer stattdessen ein einfaches Lesezeichen möchte, deaktiviert diese Option beim Hinzufügen. Details dazu beschreibt Apple im WebKit-Blog zu Safari 26.

Einschränkungen auf iOS

Push-Benachrichtigungen funktionieren auf iPhone und iPad nur, wenn die Web App auf dem Home-Bildschirm installiert ist. Zudem unterstützt Safari einige Schnittstellen nicht, die Chrome auf Android anbietet, zum Beispiel Web Bluetooth oder Web NFC. Prüfen Sie deshalb früh, ob Ihre Anwendung solche Funktionen benötigt.

Vor- und Nachteile von Web Apps

Vorteile

• Keine Installation: Nutzer starten sofort, ohne Umweg über einen App Store.
• Plattformunabhängig: Eine Anwendung für Windows, macOS, Linux, iOS und Android.
• Zentrale Updates: Neue Versionen stehen allen Nutzern gleichzeitig zur Verfügung.
• Geringerer Pflegeaufwand: Eine Codebasis statt mehrerer plattformspezifischer Apps.
• Unabhängig von App-Stores: Keine Prüfprozesse und keine Store-Richtlinien bei der Veröffentlichung.
• Auffindbar über Suchmaschinen: Öffentliche Bereiche lassen sich wie eine Website optimieren.

Nachteile

• Internetabhängigkeit: Ohne Verbindung funktionieren die meisten Web Apps nicht oder nur eingeschränkt.
• Begrenzter Hardwarezugriff: Bluetooth, NFC oder Hintergrundprozesse sind im Browser nur teilweise verfügbar.
• Browserunterschiede: Funktionen verhalten sich je nach Browser unterschiedlich und müssen getestet werden.
• Performance: Rechenintensive Anwendungen laufen nativ meist flüssiger.
• Geringere Sichtbarkeit in App-Stores: Wer dort gesucht wird, ist mit einer nativen App präsenter.

Wann lohnt sich eine Web App für Ihr Unternehmen?

Die folgenden Fragen helfen Ihnen bei der Einordnung Ihres Vorhabens:

1. Wer nutzt die Anwendung? Interne Mitarbeitende, Kunden oder Partner? Für interne Tools ist eine Web App fast immer ausreichend.
2. Welche Geräte kommen zum Einsatz? Werden Desktop und Smartphone gleichermassen genutzt, spricht das für eine Web App.
3. Brauchen Sie spezielle Gerätefunktionen? Ist Bluetooth, NFC oder Hintergrund-Tracking zwingend, ist eine native App die bessere Wahl.
4. Muss die Anwendung offline funktionieren? Für gelegentliche Offline-Nutzung genügt eine PWA, für dauerhafte Offline-Arbeit eher eine native App.
5. Wie oft ändern sich Funktionen? Häufige Anpassungen lassen sich bei Web Apps schneller ausrollen.
6. Welches Budget steht für Entwicklung und Betrieb zur Verfügung? Eine Codebasis ist in der Regel günstiger zu pflegen als mehrere native Apps.

Typische Einsätze bei Schweizer KMU sind:

• Kundenportale für Rechnungen, Verträge und Supportanfragen
• Buchungs- und Reservationssysteme für Termine, Räume oder Geräte
• Interne Tools wie Zeiterfassung, Auftragsverwaltung oder Lagerübersicht
• Produktkonfiguratoren und Offertrechner
• Partner- und Händlerportale mit geschütztem Zugang

Benötigen Sie dagegen nur eine informative Unternehmenswebsite, ist eine Web App oft überdimensioniert. Hier genügt ein Website-Baukasten oder ein CMS auf klassischem Webhosting.

Eigene Web App planen: von der Idee zum Betrieb

Die Phasen im Überblick

1. Konzept: Ziele, Zielgruppe, Funktionsumfang und Datenflüsse festlegen.
2. Entwicklung: Frontend, Backend und Datenbank umsetzen, intern oder mit einer Agentur.
3. Tests: Funktionen, Sicherheit und Darstellung in verschiedenen Browsern prüfen.
4. Livegang: Domain einrichten, SSL-Zertifikat aktivieren, Anwendung auf den Produktivserver übertragen.
5. Betrieb: Updates, Backups, Überwachung und Weiterentwicklung.

Viele Projekte planen die ersten vier Phasen sorgfältig und unterschätzen die fünfte. Dabei entscheidet der Betrieb darüber, ob eine Web App über Jahre zuverlässig, schnell und sicher läuft.

Hosting-Optionen für Web Apps

Welche Infrastruktur passt, hängt vom Technologie-Stack, der erwarteten Last und Ihren internen Ressourcen ab.

• Webhosting: Für den Einstieg mit PHP-Anwendungen. SSH-Zugang, Git, Composer und MariaDB-Datenbanken sind bei METANET bereits enthalten.
• Virtual Private Server (VPS): Sie wählen das Betriebssystem und installieren den Stack, den Ihre Anwendung benötigt. Ideal für Teams mit Linux-Know-how.
• Managed Cloud Server: METANET übernimmt Updates, Sicherheitsüberwachung und Backups. Sie konzentrieren sich auf die Anwendung selbst.
• Managed Kubernetes: Für Anwendungen, die in Containern laufen und einzelne Komponenten unabhängig skalieren sollen.
• Virtual Data Center: Für Unternehmen, die eine eigene, flexibel anpassbare Cloud-Umgebung in der Schweiz aufbauen möchten.

Einen Überblick über Schweizer Anbieter finden Sie im Webhosting-Vergleich Schweiz 2026.

Was im Betrieb zählt

• Domain und Subdomain: Viele Unternehmen betreiben ihre Web App unter einer Subdomain wie app.firma.ch, getrennt von der Unternehmenswebsite. Mehr dazu im Beitrag [Domain & Subdomain richtig einsetzen]. Ihre Wunschdomain sichern Sie über die Domainsuche von METANET.
• SSL-Zertifikat: HTTPS ist für Web Apps Pflicht, für PWAs sogar technische Voraussetzung.
• Backups: Regelmässige, automatisierte Sicherungen an einem getrennten Standort.
• Monitoring: Überwachung von Verfügbarkeit, Antwortzeiten und Ressourcenverbrauch.
• Updates: Betriebssystem, Laufzeitumgebung, Frameworks und Bibliotheken aktuell halten.
• Skalierung: Ressourcen erweitern können, wenn Nutzerzahlen oder Datenmengen wachsen.

Sicherheit und Datenschutz

Web Apps verarbeiten häufig Personendaten, Kundendaten oder Geschäftsgeheimnisse. Entsprechend hoch sind die Anforderungen an die Sicherheit.

• Verschlüsselte Verbindung: Sichern Sie jede Web App mit einem SSL-Zertifikat ab.
• Konsequente Updates: Sicherheitslücken in veralteten Komponenten gehören zu den häufigsten Angriffswegen.
• Zwei-Faktor-Authentifizierung: Schützen Sie Logins, insbesondere für Administratoren, mit einem zweiten Faktor.
• Rollen und Berechtigungen: Jede Person sieht und bearbeitet nur, was sie für ihre Aufgabe benötigt.
• Serverstandort Schweiz: Das revidierte Datenschutzgesetz (revDSG) ist seit dem 1. September 2023 in Kraft. Es verpflichtet Unternehmen, Personendaten durch angemessene technische und organisatorische Massnahmen zu schützen. Bei einer Bekanntgabe von Personendaten ins Ausland gelten zusätzliche Anforderungen. Ein Hosting in Schweizer Rechenzentren vereinfacht die Einhaltung dieser Vorgaben.

Dieser Abschnitt ersetzt keine Rechtsberatung. Für die konkrete Umsetzung in Ihrem Unternehmen empfiehlt sich die Abstimmung mit einer Fachperson für Datenschutz.

Häufige Fragen (FAQ)

Was ist der Unterschied zwischen einer Website und einer Web App?

Eine Website stellt vor allem Informationen bereit, eine Web App ermöglicht Interaktion und Datenverarbeitung. Typisch für Web Apps sind Benutzerkonten, Eingabemasken und individuelle Inhalte. Die Übergänge sind fliessend, viele Websites enthalten einzelne Web-App-Funktionen.

Ist WhatsApp Web eine Web App?

Ja, WhatsApp Web ist eine Web App. Sie läuft im Browser und ist mit dem WhatsApp-Konto auf dem Smartphone verknüpft. Für den Desktop gibt es zusätzlich eine installierbare Anwendung.

Kann man eine Web App offline nutzen?

Eine klassische Web App benötigt eine Internetverbindung. Progressive Web Apps können dank Service Worker Inhalte zwischenspeichern und so ausgewählte Funktionen offline anbieten. Der Umfang hängt von der jeweiligen Umsetzung ab.

Was kostet eine Web App?

Die Kosten hängen vor allem vom Funktionsumfang, der Anzahl Schnittstellen zu anderen Systemen, den Anforderungen an Design und Sicherheit sowie davon ab, ob intern oder extern entwickelt wird. Hinzu kommen laufende Kosten für Hosting, Wartung und Weiterentwicklung. Holen Sie für eine belastbare Einschätzung Offerten auf Basis eines konkreten Konzepts ein.

Brauche ich für eine Web App einen eigenen Server?

Ja, jede Web App benötigt einen Server, der nicht zwingend ein eigener sein muss. Kleinere PHP-Anwendungen laufen auf einem Webhosting-Paket. Für individuelle Technologien oder höhere Lasten empfehlen sich ein VPS oder ein Managed Cloud Server.

Ihre Web App in der Schweiz betreiben

Ob Kundenportal, Buchungssystem oder internes Tool: METANET stellt die passende Infrastruktur für den Betrieb Ihrer Web App bereit.

• Rechenzentren in der Schweiz: Ihre Daten bleiben in der Schweiz und unterliegen dem Schweizer Datenschutzrecht.
• Freie Wahl der Verwaltung: Selbst verwalteter VPS mit Root-Zugriff oder Managed Cloud Server, bei dem METANET den Betrieb übernimmt.
• Persönlicher Support: Fachkundige Ansprechpersonen in der Schweiz, auf Wunsch mit Unterstützung bei Setup oder Umzug über die Premium Services.