Eine Codebasis, echte Store-App
Die iOS-App lädt deine veröffentlichte Trae-URL in einer nativen WebView. Es gibt kein zweites Projekt zu pflegen und keinen Code-Export.
Warum Wrappen für Trae-Apps besser ist als Neubauen
Der SOLO-Modus von Trae endet bei einem Deploy-Button, der das Projekt zu Vercel veröffentlicht, und genau das ist die stabile HTTPS-URL, die WebViewGold verpackt. Bleibt das Web-Deployment der einzige Build, funktionieren die Supabase-Auth, der Storage und die Tabellen, die du in Trae verbunden hast, in der App genauso, und das nächste Deploy aktualisiert jede installierte Kopie. Ein zweites natives Projekt würde dich aus der Schleife aus Planen, Bauen, Vorschau und Deploy holen, die SOLO so schnell macht.
Weiter aus Trae veröffentlichen
Klicke erneut auf Deploy (oder pushe auf main) und die App zeigt beim nächsten Start die neue Version. Nur Änderungen an der nativen Hülle selbst (Icon, neues natives Feature) brauchen ein Store-Update.
Native Features obendrauf
Push-Benachrichtigungen, Offline-Screen, natives Teilen, biometrischer Login, QR-Scanner, In-App-Käufe und Deep Links sind einzelne Einstellungen oder einzeilige JavaScript-Aufrufe.
App Store-Genehmigungsgarantie
Apple App Store Genehmigungsgarantie – oder Geld zurück innerhalb von 14 Tagen. 96.4% aller WebViewGold-Apps werden von den Review-Teams beim ersten Versuch genehmigt.
Was du brauchst
- Eine veröffentlichte Trae-App unter einer öffentlichen HTTPS-URL (yourproject.vercel.app oder, besser, deine eigene Domain)
- Zugang zum Apple Developer Program ($99 pro Jahr) für die Einreichung im Apple App Store
- Xcode auf einem Mac – oder der WebViewGold Cloud Builder in deinem Browser (kein Mac nötig)
- WebViewGold für iOS ($109 einmalig, kostenlose Updates)
- Eine Seite mit Datenschutzerklärung, ein Icon mit 1024 × 1024 px und 30 bis 60 Minuten Zeit
Großartige Möglichkeit, eine Web-App in eine native App zu verwandeln! Schnelle Umsetzung und ein toller Weg, Apps in die App Stores zu bringen, ohne eine komplett native App entwickeln zu müssen!
Trae → App Store: die Schritt-für-Schritt-Anleitung
Acht Schritte, kein Code. Die meisten schaffen den nativen Teil in unter einer Stunde.
Veröffentliche deine Trae-App unter einer Produktions-URL
Verbinde im SOLO-Modus unter Integrations dein Vercel-Konto und klicke im Chat-Bereich auf Deploy; Trae liefert eine Live-URL zurück und das Projekt erscheint in deinem Vercel-Dashboard. Du kannst auch zu GitHub pushen und mit Vercel, Netlify oder deinem eigenen Host deployen. Verwende in WebViewGold die Produktions-URL oder deine Domain. Die eingebaute Vorschau von Trae läuft auf localhost, und jedes Vercel-Deployment bekommt zusätzlich eine eigene URL mit Hash. Verwende die Produktionsdomain des Projekts. Eigene Domain: Füge die Domain in den Domains-Einstellungen des Vercel-Projekts hinzu und setze die DNS-Einträge. Siehe warum sich eine eigene Domain vor der Einreichung lohnt.
Mach sie bereit für den Store
Füge eine Seite mit Datenschutzerklärung und eine Option zur Kontolöschung hinzu (wenn sich Nutzer registrieren können) und entferne Builder-Badges oder „Lade unsere App herunter“-Banner. Lass den kostenlosen App Store Readiness-Check über deine URL laufen: Er markiert in Sekunden Mixed Content, fehlende Viewport-Tags, Builder-Vorschaudomains und andere Blocker.
Hol dir WebViewGold für iOS
Einmalzahlung, kostenlose Updates. Du erhältst das fertige Xcode-Projekt. Hast du keinen Mac, aktiviere den WebViewGold Cloud Builder und erledige alles im Browser.
Füge deine URL ein und brande die App
Öffne Config.swift (oder das Cloud-Builder-Formular) und füge deine veröffentlichte URL ein. Setze den App-Namen, lade dein Icon hoch, wähle Splash Screen und Statusleistenfarbe. Kein Code nötig.
Schalte native Features ein
Aktiviere Push-Benachrichtigungen, den Offline-Screen, das Social-Login-Handling, Pull-to-Refresh, biometrischen Login oder den QR-Scanner mit einzelnen Einstellungen. Alles ist optional.
Bauen und hochladen
In Xcode: Product → Archive → Distribute to App Store Connect. Im Cloud Builder: auf Build klicken, der Upload zu App Store Connect wird für dich erledigt.
Lege den App Store-Eintrag an
Füge in App Store Connect Name, Untertitel, Beschreibung, Keywords, Screenshots, URL zur Datenschutzerklärung und die Antworten zum App-Datenschutz hinzu. Hinterlege bei Bedarf ein Demo-Konto in den Review-Notizen.
Zum Review einreichen
Apple prüft die meisten Apps innerhalb von 24 bis 48 Stunden. Beantworte Rückfragen der Reviewer im Resolution Center, falls welche kommen. Unsere Genehmigungsgarantie sichert dich ab.
Trae-spezifische Checks vor der Einreichung
Das sind die Punkte, die bei Trae-Projekten (Jeder Web-Stack; SOLO-Projekte sind oft React + Vite oder Next.js mit Supabase) am häufigsten auftauchen.
- Öffne genau die URL, die du verwenden willst, in einem privaten Browserfenster: Der Vercel-Deployment-Schutz kann vor Preview- und Deployment-URLs einen Vercel-Login setzen, und Reviewer melden das als defekte App (Richtlinie 2.1).
- Supabase-Login mit Google leitet zu accounts.google.com weiter, und das blockiert Google in eingebetteten WebViews. Aktiviere den Social Login Helper von WebViewGold und füge deine Produktionsdomain der Liste erlaubter Redirect-URLs in Supabase hinzu.
- Wenn das Projekt mit einer Marketing-Landingpage startet, richte WebViewGold auf den eigentlichen App-Screen aus (zum Beispiel /app oder /login): Reviewer beurteilen den ersten Screen, und eine Verkaufsseite wirkt wie eine Website (Richtlinie 4.2).
- Lege Projektregeln an (.trae/rules/project_rules.md), die festhalten, dass die App in einem nativen WebView-Wrapper läuft, damit Builder und SOLO keine „App herunterladen“-Banner und keine reinen Desktop-Interaktionen mehr einbauen.
Lass Trae die Store-Vorbereitung erledigen
Füge das in Trae ein und lass es die Änderungen umsetzen, auf die Reviewer achten. Prüfe das Ergebnis, dann veröffentliche.
Prompt für Trae (SOLO oder Builder)
Bereite dieses Projekt vor dem nächsten Deploy auf den App Store und Google Play vor. Es wird im nativen WebView-Wrapper WebViewGold auf iPhone, iPad und Android-Smartphones laufen. Prüfe jeden Schritt in der eingebauten Vorschau in Smartphone-Breite. 1. Stelle ein Meta-Viewport-Tag sicher, keinen horizontalen Überlauf zwischen 320px und 1024px, Tippflächen von 44px und safe-area-inset-Padding an fixierten Headern und Footern. 2. Mach die App selbst zur Start-URL (Anmeldung oder Hauptscreen), nicht eine Marketing-Landingpage; sag mir, welchen Pfad ich verwenden soll. 3. Lege Seiten unter /privacy und /terms an, die im Footer verlinkt sind, und eine Aktion "Konto löschen", die nach einer Bestätigung die Supabase-Zeilen und den Auth-Nutzer des Nutzers löscht. 4. Entferne "App herunterladen"-Banner und externe Werbelinks aus der Hauptnavigation; ergänze Fehlerzustände mit "Erneut versuchen" für fehlgeschlagene Anfragen. 5. Liste jeden OAuth-Anbieter und jede Redirect-URL auf, die die App nutzt, damit ich die Allow-List in Supabase und den Social Login Helper von WebViewGold anpassen kann. 6. Ergänze diese Regeln in .trae/rules/project_rules.md. Deploye noch nicht. Fasse die Änderungen zusammen und nenne mir die Produktions-URL, die ich in WebViewGold eintragen soll.
App Store-Review: die Regeln, die für Trae-Apps zählen
Apple prüft Verhalten, nicht Werkzeuge. Niemand wird abgelehnt, weil er Trae benutzt; Apps werden wegen der Punkte unten abgelehnt.
- 4.2
Mindestfunktionalität
Die App muss mehr bieten als eine neu verpackte Website. Responsives Layout, native Navigation und mindestens eine native Fähigkeit (Push-Benachrichtigungen, Offline-Screen, natives Teilen, biometrischer Login) machen den Unterschied. WebViewGold schaltet diese mit je einer Einstellung ein.
- 2.1
Vollständigkeit der App
Keine Platzhalterinhalte, keine toten Links, keine Abstürze. Liegen Inhalte hinter einem Login, hinterlege ein Demo-Konto in den App-Review-Notizen.
- 5.1.1
Datenschutz
Eine öffentliche URL zur Datenschutzerklärung ist Pflicht. Apps, in denen Nutzer Konten anlegen können, müssen auch das Löschen des Kontos in der App ermöglichen.
- 4.8
Anmeldedienste
Wenn die App für das Nutzerkonto einen Login über Google, Facebook oder einen anderen Drittanbieter- oder Social-Login-Dienst nutzt, muss sie auch einen gleichwertigen Login anbieten, der nur Name und E-Mail-Adresse erhebt, Nutzern erlaubt, ihre E-Mail-Adresse zu verbergen, und sie nicht für Werbung trackt. Sign in with Apple ist der sichere Weg, das zu erfüllen. Eine App, die nur ihren eigenen Login mit E-Mail und Passwort nutzt, ist nicht betroffen.
- 3.1.1
In-App-Kauf
Digitale Güter und Abos, die in der App verkauft werden, müssen Apples In-App-Kauf nutzen. Physische Güter und Dienstleistungen in der realen Welt dürfen bei Stripe oder PayPal bleiben.
- 2.3
Korrekte Metadaten
Screenshots, Beschreibung und App-Name müssen zu dem passen, was die App tut. Erwähne im Eintrag keine anderen Plattformen und kein „Beta“.
Native Features, die deine Trae-App in der iOS-App bekommt
Jedes Feature ist optional und Schritt für Schritt in der Dokumentation zu WebViewGold für iOS dokumentiert.
Push-Benachrichtigungen
Remote-Push über OneSignal oder Pushwoosh, lokal geplante Pushes über einen JavaScript-Aufruf, Berechtigungsabfrage zu dem Zeitpunkt, den du wählst.
DokumentationSocial Login Helper
Google- und Facebook-Logins funktionieren in der App; Sign in with Apple wird automatisch behandelt.
DokumentationUniversal Links
Links aus E-Mails (Magic Links, Passwort-Resets) öffnen sich direkt in der App.
DokumentationIn-App-Käufe
App Store-Abos und Einmalkäufe über RevenueCat, ausgelöst aus deiner Web-App.
DokumentationOffline-Screen und Fallback
Ein nativer „Erneut versuchen“-Screen, wenn der Nutzer offline ist, oder ein lokaler HTML-Fallback.
DokumentationLadeanzeige und Splash
Den Launch Screen stehen lassen, bis die Web-App geladen ist, oder einen nativen Spinner zeigen.
DokumentationBiometrischer Login
Face ID / Touch ID-Sperre über einen JavaScript-Aufruf.
DokumentationQR- und Barcode-Scanner
Nativer Scanner, der das Ergebnis an deine Web-App zurückgibt.
DokumentationNatives Share Sheet und Haptik
Teilen-Dialog und haptisches Feedback aus deiner Web-App.
DokumentationEigenes CSS und JavaScript
Website-only-Elemente ausblenden und Code injizieren, wenn die Seite in der App geladen wird.
DokumentationCheckliste vor der App Store-Einreichung
Hak diese Punkte ab, dann ist das Review nur noch Formsache. Die technische Hälfte prüfst du automatisch mit dem kostenlosen Readiness-Check.
- Überall HTTPS: App Transport Security blockiert reine http://-Inhalte und ungültige Zertifikate.
- Responsives Layout von 320 px bis zu iPad-Breiten. Apple öffnet iPhone-Apps im Review auch auf einem iPad.
- URL zur Datenschutzerklärung bereit (eine Seite in deiner Web-App reicht).
- Kontolöschung in der App verfügbar, wenn sich Nutzer registrieren können.
- Demo-Login für den Reviewer, wenn Inhalte hinter einer Anmeldung liegen.
- Keine „Lade unsere App herunter“-Banner, keine Links zu anderen App Stores, keine Builder-Badges in der App.
- Ein App-Icon mit 1024 × 1024 px ohne Transparenz und ohne abgerundete Ecken (Apple fügt die Maske hinzu).
- Screenshots für die aktuellen iPhone-Größen (und iPad, falls unterstützt), aufgenommen in der echten App.
- App-Name mit höchstens 30 Zeichen, Untertitel und Keywords vorbereitet.
- Export-Compliance beantwortet (eine App, die nur HTTPS nutzt, fällt unter die Standard-Verschlüsselungsausnahme).
Beispiel: vom Trae-Projekt zur freigegebenen App
Angenommen, du hast in Trae SOLO ein Tool gebaut, mit dem eine lokale Basketball-Liga spontane Spiele organisiert: Spieler sehen die Spiele der Woche, sagen mit einem Tippen zu, und der Organisator bekommt einen vollen Kader. SOLO hat Supabase für Konten und Spiele eingerichtet, du deployst mit einem Klick zu Vercel und verbindest dann hoops.yourdomain.com. In der mit WebViewGold verpackten App geht ein OneSignal-Push raus, wenn einem Spiel noch ein Spieler fehlt, und über das native Share Sheet (shareapp://) laden Spieler Freunde mit einem Link zum Spiel ein. Du ergänzt Sign in with Apple neben Google, trägst einen Demo-Spieler in die Review-Notizen ein und lässt die App direkt auf /games zeigen statt auf die Landingpage. Beide Stores geben sie frei, und jedes Deploy in SOLO aktualisiert die installierten Apps.
Deine erste Woche nach dem Launch
- Deploye wie gewohnt aus SOLO und öffne danach die Produktionsdomain, um zu prüfen, ob sie die neue Version ausliefert und nicht nur die neue Deployment-URL.
- Halte .trae/rules/project_rules.md mit den Bridge-Aufrufen von WebViewGold aktuell, die du nutzt, damit SOLO sie auch in späteren Sitzungen funktionsfähig hält.
- Prüfe nach dem Launch Plan und Nutzung bei Supabase; ein pausiertes oder gedrosseltes kostenloses Projekt sieht in der App wie ein Ausfall aus.
- Ergänze eine leichte Haptik (lighthaptic://), wenn ein Spieler einem Spiel beitritt; kleine native Details sorgen dafür, dass sich die App weniger nach Website anfühlt.
- Bitte mit rateapp:// nach dem ersten Spiel eines Spielers um eine Bewertung, nicht beim ersten Start.
Das bekommst du mit WebViewGold
Ein komplettes natives App-Projekt statt eines Abos. Alles hier ist in der Lizenz enthalten und wird per Einstellung aktiviert.
- Komplettes Xcode-Projekt
- Push-Benachrichtigungen
- Offline-Bildschirm
- App-Icon & Splashscreen
- Teilen-Dialog & Haptik
- Deep Links & Universal Links
- In-App-Käufe
- Kostenlose Updates, White-Label
Häufig gestellte Fragen
Wie bekomme ich eine Trae-SOLO-App in den App Store?
Deploye sie aus SOLO zu Vercel (oder zu einem anderen Host), verbinde deine Domain, trage die Produktions-URL in WebViewGold für iOS ein, baue mit Xcode oder dem Cloud Builder und reiche über App Store Connect ein. WebViewGold für Android nutzt dieselbe URL für Google Play.
Welche URL trage ich in WebViewGold ein, nachdem ich in Trae auf Deploy geklickt habe?
Die Produktionsdomain des Vercel-Projekts (yourproject.vercel.app oder, besser, deine eigene Domain), nicht die Deployment-URL mit zufälligem Hash und nicht die lokale Vorschau. Die Produktionsdomain liefert immer das neueste Deployment aus, die App aktualisiert sich also mit jedem Deploy.
Brauche ich einen Mac, um eine iOS-App zu veröffentlichen?
Nicht mit dem WebViewGold Cloud Builder: Konfiguration, Build und Upload zu App Store Connect passieren im Browser. Hast du einen Mac, funktioniert das Xcode-Projekt direkt.
Wie lange dauert das Apple-Review?
Die meisten Einreichungen werden innerhalb von 24 bis 48 Stunden geprüft. Bei Erst-Einreichungen und Apps mit Login kommt manchmal eine Rückfrage vom Reviewer; beantworte sie im Resolution Center und das Review geht weiter.
Was, wenn Apple die App ablehnt?
Ablehnungen nennen die Guideline und den Grund, und du kannst so oft wie nötig neu einreichen. WebViewGold kommt mit einer App Store Genehmigungsgarantie: Lehnt Apple die App aus einem nicht inhaltlichen Grund ab, bekommst du innerhalb von 14 Tagen nach dem Kauf dein Geld zurück.
Brauche ich für eine mit Trae gebaute Store-App einen bezahlten Vercel-Plan?
Wenn die App Geld verdient, ja. Der Hobby-Plan von Vercel ist auf die private, nicht kommerzielle Nutzung beschränkt, und die Fair-Use-Richtlinien von Vercel verlangen für kommerzielle Projekte einen Pro- oder Enterprise-Plan. Eine kostenlose Vereins-App kann auf Hobby bleiben; ein Produkt mit Abos, Werbung oder zahlenden Kunden sollte vor dem Einreichen auf Pro umziehen, damit die App nicht von einem Plan abhängt, den du dafür gar nicht nutzen darfst.
Ist es für die Stores ein Problem, dass Trae von ByteDance stammt?
Nein. Apple und Google prüfen die App, ihre Inhalte und die Daten, die sie erhebt, nicht den Editor, in dem sie geschrieben wurde. Die Daten deiner Nutzer gehen an die Dienste, die die App nutzt, typischerweise Vercel und Supabase, also gehören diese in deine Datenschutzerklärung und in die Datenschutzformulare der Stores. Was während der Entwicklung mit deinem Quellcode passiert, regeln die Nutzungsbedingungen von Trae; die solltest du lesen, wenn du für Kunden baust.
Muss ich die App jedes Mal neu einreichen, wenn ich etwas in Trae ändere?
Nein. Die App lädt deine veröffentlichte URL, also sind Inhalts- und Feature-Änderungen, die du in Trae veröffentlichst, sofort in der App live. Eine neue Store-Version ist nur nötig, wenn sich die native Hülle ändert, zum Beispiel bei einem neuen App-Icon oder einem hinzugefügten nativen Feature.
Was kostet das insgesamt?
$109 einmalig für WebViewGold für iOS (kostenlose Updates) plus das Apple Developer Program ($99 pro Jahr). Optional: das Cloud-Builder-Add-on ($349 pro Lizenz, einmalig), wenn du ohne Mac im Browser bauen willst, oder das Full-Service-Paket (ab $698 pro Plattform), bei dem unser Team die App für dich konfiguriert, baut und einreicht.
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.