Ein Screen, kein Zustand
Ergänze ein Onboarding, einen Einstellungs-Screen und eine Verlaufs- oder Merkliste. Drei Screens mit echter Navigation wirken schon wie eine App.
Was du tatsächlich hast
Eine Canvas-App ist meist eine einzige Datei: HTML mit eingebettetem CSS und JavaScript oder eine einzelne React-Komponente, in der alles steckt. Der Zustand liegt im Speicher oder im localStorage, es gibt kein Routing, kein Backend, und wenn eine API aufgerufen wird, steckt der Key im Client. Die Vorschau läuft in einem abgeschotteten Frame auf einer OpenAI-Domain, und deshalb schlägt der Readiness-Check an: Sie ist kein Produktions-Host, sie ist nicht deine Domain, und sie kann mit der Unterhaltung verschwinden.
Nichts davon ist ein Problem. Es ist ein Prototyp, und Prototypen werden zu Apps, indem sie ein Zuhause bekommen, eine Struktur und einen Grund, als App statt als Webseite zu existieren.
Von Canvas zur gehosteten App
Etwa eine Stunde Arbeit für eine Ein-Datei-App.
Den Code exportieren
Kopiere die komplette Datei aus dem Canvas (oder nutze die Download-Option) und lege sie in einen neuen Ordner. Hat ChatGPT sie in der Unterhaltung auf mehrere Dateien verteilt, sammle alle ein; bitte es im Zweifel, "die vollständige, finale Version jeder Datei auszugeben".
Ein Repository daraus machen
Lege ein GitHub-Repository mit der Datei als
index.htmlan (oder ein kleines Vite-Projekt, wenn es React ist). Ab hier können Codex oder Cursor daran arbeiten wie an jeder anderen Codebasis.Auf einer echten URL hosten
GitHub Pages, Netlify, Vercel oder Cloudflare Pages liefern eine statische App kostenlos über HTTPS aus. Hänge deine eigene Domain an, wenn du eine hast; der Domain-Guide erklärt, warum sich das vor der Einreichung lohnt.
Navigation und rechtliche Seiten ergänzen
Ein Einstellungs-Screen, ein Info-Screen, /privacy und /terms. Auch eine kleine App braucht in beiden Konsolen eine URL zur Datenschutzerklärung, und im Einstellungs-Screen landen später Push, Konto und Support-Links.
Speichern, was wichtig ist
localStorage reicht für eine Notiz- oder Timer-App ohne Konten. Sobald sich Nutzer registrieren, brauchst du ein Backend (Supabase oder Firebase sind die üblichen Kandidaten) und einen Weg zur Kontolöschung.
Mit WebViewGold wrappen
Trag die URL in Config.swift und Config.java ein (oder im Cloud Builder), setze Name, Icon und Splash-Screen, aktiviere den Offline-Bildschirm, baue und reiche ein. Deploys auf die URL aktualisieren die App sofort.
Anzeichen, dass die App zu dünn ist, und der Fix
Kein Grund für Benachrichtigungen
Erinnerungen, Streaks, tägliche Impulse, Bestellupdates: Such dir eins aus. WebViewGold plant eine lokale Benachrichtigung direkt aus deiner Seite mit sendlocalpushmsg://push.send?s=SECONDS=msg!MESSAGE&!#TITLE&!#URL, ganz ohne Push-Dienst.
Stirbt ohne Verbindung
Eine statische App kann komplett offline funktionieren: Halte die Daten im localStorage und lass WebViewGold seinen Offline-Bildschirm nur zeigen, wenn die Seite selbst nicht laden kann.
Nichts Natives zum Anfassen
Ein Teilen-Button über shareapp://message?=TEXT&url=URL, Haptik beim Abschluss oder der QR-Scanner (qrcode://) sind Einzeiler, die Reviewer sehen.
Prototyp oder Store-fertig
| Canvas-Prototyp | Store-fertige App | |
|---|---|---|
| Hosting | Vorschau-Frame auf einer OpenAI-Domain | Deine HTTPS-URL, idealerweise auf deiner Domain |
| Struktur | Eine Datei, ein Screen | Routen: Start, Einstellungen, Info, Datenschutz, AGB |
| Daten | Im Speicher | localStorage oder ein Backend mit Kontolöschung, wenn es Konten gibt |
| Mobiles Layout | Sieht in der Vorschau gut aus | Bei 320 px geprüft, Safe-Area-Insets, 44-px-Tippflächen |
| Nativer Mehrwert | Keiner | Mindestens einer: Benachrichtigungen, offline, Teilen, Scanner, Face ID |
| Store-Eintrag | entfällt | Screenshots aus der App, ehrliche Beschreibung, Datenschutz-URL, Review-Notizen |
Mit Codex ausbauen
Damit wird aus der einzelnen Datei ein kleines Produkt, ohne dass sich ihr Aussehen ändert.
In Codex im neuen Repository einfügen
Dieses Repository enthält eine Ein-Datei-App, die aus ChatGPT Canvas exportiert wurde. Mach daraus eine kleine Produktions-Web-App, die auch in einem nativen iOS-/Android-Wrapper (WebViewGold) läuft: 1) Behalte das aktuelle Aussehen, aber ergänze clientseitiges Routing für /, /settings, /about, /privacy und /terms; 2) speichere Nutzerdaten im localStorage hinter einer kleinen Storage-Schnittstelle, damit wir später ein Backend einsetzen können; 3) ergänze einen Onboarding-Screen mit drei Stichpunkten, der einmal angezeigt wird; 4) wende die mobilen Regeln an: meta viewport mit viewport-fit=cover, kein Overflow bei 320px, 44px-Tippflächen, Safe-Area-Insets auf fixen Leisten, Eingabefelder mit mindestens 16px; 5) ergänze Leer- und Fehlerzustände; 6) lege isNativeApp() an, das navigator.userAgent auf den Marker MYAPPNATIVE prüft; 7) ergänze in den Einstellungen einen Schalter 'Benachrichtigungen', der zu registerpush:// navigiert, wenn isNativeApp() true ist, und einen Teilen-Button, der in der nativen App zu shareapp://message?=TEXT&url=URL navigiert und sonst die Web Share API nutzt. Schließe mit einer Liste dessen, was der App noch fehlt, damit sie sich vollständig anfühlt.
Was du dem Reviewer sagst
Kleine Apps kommen durch, wenn der Store-Eintrag ehrlich ist und die Notizen klar sind: was die App tut, dass sie offline funktioniert, welche Benachrichtigungen sie sendet und dass sie einen nativen Wrapper mit diesen Features auf Basis deiner Web-App nutzt. Verkaufe ein fokussiertes Tool nicht größer, als es ist; "ein einfacher Gewohnheitstracker mit täglichen Erinnerungen" ist eine völlig ordentliche App-Store-App. Screenshots aus der gebauten App, eine Datenschutz-URL, die sich öffnet, und ein Einstellungs-Screen mit Support-E-Mail runden das Ganze ab.
Häufig gestellte Fragen
Kann ich React aus einem CDN in einer einzelnen HTML-Datei behalten?
Das funktioniert, aber ein kleines Vite-Projekt baut schneller, lädt auf dem Handy schneller und lässt sich von Codex leichter erweitern. Bitte Codex, es zu migrieren; der Komponentencode bleibt derselbe.
Kann ich den Canvas-Vorschaulink als App-URL verwenden?
Nein. Es ist eine abgeschottete Vorschau, keine gehostete Website, und der Readiness-Check schlägt dabei an. Hoste den Code zuerst auf deiner eigenen URL.
Brauche ich ein Backend?
Nur wenn Nutzer Konten anlegen oder Daten zwischen Geräten teilen. Eine Notiz-, Timer- oder Rechner-App kann komplett auf dem Gerät mit localStorage laufen und trotzdem das Review bestehen, solange sie Struktur und ein natives Feature hat.
Lehnt Apple Apps mit nur einem Zweck ab?
Nein. Apple lehnt Apps ab, die keine Funktionalität über eine Website hinaus bieten oder fast keinen Inhalt haben. Eine fokussierte App, die eine Sache gut macht, offline funktioniert und Erinnerungen sendet, ist in Ordnung.
Drei Wege, deine App in die Stores zu bringen
Gleiches Ergebnis, unterschiedlich viel Arbeit auf deiner Seite. Alle drei kommen mit Genehmigungsgarantie und 24/7 Support von echten Menschen.
Selbst machen
$109 pro Plattform, einmalig
Die WebViewGold-Lizenz: ein fertiges Xcode- oder Android-Studio-Projekt. URL einfügen, Name und Icon setzen, Features einschalten, bauen und einreichen. Kostenlose Updates für immer.
Pakete auf der Hauptseite ansehenCloud Builder
$349 pro Lizenz, einmaliges Add-on
Kein Mac, kein Xcode, kein Android Studio: Du konfigurierst im Browser, wir bauen beide Apps in der Cloud und übergeben sie an App Store Connect und die Play Console.
So funktioniert der Cloud Builder Kostenlose Demo ausprobierenFull Service
$698 pro Plattform $798
Schick uns deine URL und dein Icon. Unser Team konfiguriert, baut und liefert deine App innerhalb von 72 Stunden, White-Label, inklusive Quellprojekten. Beide Plattformen für $1,158.
Full-Service-Details Powered by
Winter-Sale-Preise gültig bis 31. Dezember 2026.