Zum Inhalt springen
Alle Technologien

CapacitorHybrid-Apps für iOS, Android und PWA aus einer Codebasis

Capacitor verpackt eine Web-Anwendung (HTML, CSS, JavaScript, etwa aus React, Vue oder Svelte) in eine native App-Hülle für iOS und Android und liefert parallel eine installierbare PWA, alles aus einer Codebasis. Über native Bridges greift dieselbe App auf Gerätefunktionen wie Push-Notifications, Kamera, Geolocation oder Biometrie zu. Wir setzen Capacitor ein, wenn eine App aus Inhalten, Formularen und Standard-Interaktionen besteht und dieselbe Basis als Website und App laufen soll. Für grafikintensive Spiele oder Apps an der Hardware-Grenze ist der hybride Ansatz nicht die richtige Wahl. Das sagen wir offen.

Wofür sich Capacitor eignet

  • Buchungs- und Terminplattformen als App
  • Lern- und Trainings-Apps für iOS und Android
  • B2B-Portale als installierbare App und PWA
  • Bestehende Web-App in den App Store bringen
  • Kundenprojekte Ihrer Agentur als White-Label-App

Capacitor in der Praxis

src/lib/photo.ts
import { Camera, CameraResultType, CameraSource } from '@capacitor/camera'

// Native Kamera aus der Web-Codebasis ansprechen (Hybrid-App via Capacitor)
export async function capturePhoto() {
  const photo = await Camera.getPhoto({
    quality: 80,
    resultType: CameraResultType.Uri,
    source: CameraSource.Camera,
    allowEditing: false,
  })

  // photo.webPath lässt sich direkt als <img src> verwenden
  return photo.webPath
}

So arbeiten wir mit Capacitor

  1. Konzept: welche Funktionen native Bridges brauchen, was als PWA reicht
  2. Web-App-Basis aufbauen oder bestehende Codebasis einbinden
  3. Native Funktionen anbinden (Push, Kamera, Geolocation, Biometrie)
  4. iOS- und Android-Builds konfigurieren, App-Icons und Splashscreens
  5. Test auf echten iOS- und Android-Geräten und als PWA
  6. Veröffentlichung in App Store und Play Store inkl. Store-Assets

Das liefern wir bei Capacitor

  • Eine Codebasis für iOS, Android und PWA
  • Fertige App-Builds für App Store und Play Store
  • Angebundene native Funktionen je nach Bedarf (Push, Kamera, Sensoren)
  • Store-Assets: Icons, Splashscreens, Metadaten
  • Übergabe-Doku: Build-Prozess, Release- und Update-Workflow

Häufige Fragen zu Capacitor

Passt zu Capacitor

FirebaseSupabaseVite

Interesse an Capacitor?

Lassen Sie uns über Ihr Projekt sprechen. Wir beraten Sie gerne unverbindlich.

Jetzt kontaktieren