Eine Codebasis, echte Store-App
Die iOS-App lädt deine veröffentlichte Windsurf-URL in einer nativen WebView. Es gibt kein zweites Projekt zu pflegen und keinen Code-Export.
Warum Wrappen für Windsurf-Apps besser ist als Neubauen
Windsurf, inzwischen Devin Desktop genannt, baut jeden Web-Stack, den du wählst, und weil die Ein-Klick-Deploys zu Netlify zum alten Cascade-Agenten gehören, ist ein Git-Deployment auf Netlify, Vercel oder Cloudflare Pages der verlässliche Weg. Diese Produktions-URL ist alles, was WebViewGold braucht. Wenn du sie verpackst, bleibt der Agent (jetzt Devin Local) deine einzige Entwicklungsschleife; ein zweites natives Projekt hieße, ihn jede Funktion doppelt pflegen zu lassen. Ergänze native Fähigkeiten über die JavaScript-Bridge von WebViewGold, beschreibe sie in einer Datei unter .devin/rules/ und deploye weiter wie gewohnt.
Weiter aus Windsurf veröffentlichen
Deploye und die App aktualisiert sich sofort. 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 Windsurf-App unter einer öffentlichen HTTPS-URL (yourproject.netlify.app oder 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!
Windsurf → 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 Windsurf-App unter einer Produktions-URL
Pushe das Projekt zu GitHub und deploye es mit Netlify, Vercel, Cloudflare Pages oder deinem eigenen Host, dann trage die Produktions-URL oder deine Domain in WebViewGold ein. Die Ein-Klick-Deploys zu Netlify („App Deploys“) gehören zum alten Cascade-Agenten, stehen mit Devin Local (dem Standard-Agenten in Devin Desktop) nicht zur Verfügung und waren vor allem für Vorschauen gedacht, also baue keine Store-App darauf auf. localhost- und Tunnel-URLs sind nur für die Entwicklung. Deploye zuerst. Eigene Domain: Füge deine Domain in den Domain-Einstellungen deines Hosts hinzu (Netlify, Vercel oder Cloudflare Pages). 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.
Windsurf-spezifische Checks vor der Einreichung
Das sind die Punkte, die bei Windsurf-Projekten (Jeder Web-Stack, per Git deployt auf Netlify, Vercel, Cloudflare Pages oder deinen eigenen Host) am häufigsten auftauchen.
- Lass Devin Local vor dem Bauen der App einen Mobile-Audit machen: Viewport-Tag, 320-px-Layout, Tippflächen von 44 px, Safe-Area-Insets.
- Halte deine WebViewGold-Notizen (die URL-Schemes, die du nutzt, die CSS-Klasse nur für die App) in einer Regeldatei unter .devin/rules/ fest, dem bevorzugten Ort in Devin Desktop; vorhandene .windsurf/rules- und .windsurfrules-Dateien werden als Fallback weiter gelesen.
- OAuth-Anbieter blockieren eingebettete WebViews; aktiviere den Social Login Helper von WebViewGold.
- Füge /privacy und eine Aktion zur Kontolöschung hinzu, falls die App Konten hat.
Lass Windsurf die Store-Vorbereitung erledigen
Füge das in Windsurf ein und lass es die Änderungen umsetzen, auf die Reviewer achten. Prüfe das Ergebnis, dann veröffentliche.
Prompt für Devin Local
Audit and prepare this web app for publishing as a native iOS and Android app (it will run inside a native WebView wrapper): ensure a meta viewport tag, no horizontal overflow from 320px up, 44px tap targets and safe-area-inset padding on fixed bars; add /privacy and /terms pages linked from the footer; add a "Delete account" action with confirmation; remove "Download our app" banners and external promotional links; add retry states for failed requests; set the <title> to the app name (max 30 characters). Report every change.
App Store-Review: die Regeln, die für Windsurf-Apps zählen
Apple prüft Verhalten, nicht Werkzeuge. Niemand wird abgelehnt, weil er Windsurf 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 Windsurf-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.
DokumentationFeature-Guides für Windsurf-Apps
Jeder Guide zeigt das genaue Setup für deinen Windsurf-Stack, mit einem Prompt zum Einfügen.
Checkliste 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 Windsurf-Projekt zur freigegebenen App
Angenommen, du hast in Devin Desktop einen Ausgaben-Tracker für Handwerksbetriebe gebaut: Nutzer fotografieren Belege, ordnen sie Aufträgen zu und exportieren einen Monatsbericht, mit Supabase hinter einem React-Frontend. Du pushst das Repository zu GitHub, verbindest es mit deinem eigenen Netlify-Konto, fügst deine Domain hinzu und verpackst die App mit WebViewGold; mit eingeschaltetem Dokumentenscanner wird ein gescannter Beleg auf iPhone und Android zu einem sauberen Upload. Der monatliche PDF-Bericht wird über den Datei-Downloader von WebViewGold heruntergeladen, bereit für die Steuerberatung. Vor dem Einreichen ergänzt Devin Local eine /privacy-Seite und einen Ablauf zur Kontolöschung. Beide Stores geben die App frei, und jeder Push auf den Main-Branch bringt neue Funktionen live in die App.
Deine erste Woche nach dem Launch
- Liefere Fixes mit einem normalen Git-Push auf deinen Produktions-Branch aus, damit jede Änderung die URL erreicht, die die App lädt, und nie eine neue Vorschau-Adresse.
- Leg unter .devin/rules/ eine kurze Regeldatei an, die die Bridge von WebViewGold erklärt, damit neue Funktionen von Devin Local keine nativen Aufrufe kaputt machen (ältere .windsurf/rules-Dateien werden weiterhin gelesen).
- Schick am Monatsende einen Push, der Nutzer daran erinnert, ihren Bericht zu exportieren.
- Bitte mit rateapp:// nach dem ersten exportierten Bericht um eine Bewertung.
- Bündle native Änderungen wie die Texte zur Kameraberechtigung oder ein neues Icon in einem Store-Update.
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 veröffentliche ich eine mit Windsurf gebaute App in den Stores?
Deploye sie auf eine öffentliche HTTPS-URL, trage die URL in WebViewGold für iOS und Android ein, baue (Xcode/Android Studio oder der Cloud Builder) und reiche ein. Dasselbe gilt für Apps aus Devin Desktop, dem neuen Namen von Windsurf.
Windsurf heißt jetzt Devin Desktop. Ändert das etwas für meine App?
Nicht für die App selbst: Die Umbenennung am 2. Juni 2026 betrifft den Editor, nicht deine deployte Web-App oder die URL in WebViewGold. Deine bestehenden Windsurf-Regeln funktionieren weiter, .devin/rules/ ist der bevorzugte Ort für neue, und Devin Local hat den alten Cascade-Agenten abgelöst. Prüfe, wie du deployst: Wenn du dich auf die Ein-Klick-Deploys von Cascade zu Netlify verlassen hast, wechsle zu einem Git-basierten Deployment in deinem eigenen Netlify-, Vercel- oder Cloudflare-Konto und behalte diese Produktions-URL in der App.
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.
Meine Windsurf-App läuft unter einer windsurf.build-Adresse. Kann die Store-App sie laden?
Besser nicht. Diese Adresse stammt aus den Ein-Klick-Deploys („App Deploys“) von Cascade, die für Vorschauen gedacht waren, mit Devin Local in Devin Desktop nicht zur Verfügung stehen und nach kurzer Zeit entfernt werden können, wenn die Site nie in dein eigenes Netlify-Konto übernommen wird. Pushe das Projekt zu GitHub, verbinde es mit Netlify, Vercel oder Cloudflare Pages, füge eine eigene Domain hinzu und verwende diese Adresse in WebViewGold, damit die App nie von einem temporären Deployment abhängt.
Kann meine App aus Devin Desktop oder Windsurf Belege oder Dokumente scannen?
Ja. WebViewGold ergänzt den normalen Datei-Upload um einen nativen Dokumentenscanner: Auf iOS nutzt er VisionKit von Apple, auf Android ML Kit von Google, das ein PDF zurückgibt. Deine Web-App nutzt weiter ein normales Datei-Eingabefeld, Devin Local muss also keinen nativen Code schreiben.
Muss ich die App jedes Mal neu einreichen, wenn ich etwas in Windsurf ändere?
Nein. Die App lädt deine veröffentlichte URL, also sind Inhalts- und Feature-Änderungen, die du in Windsurf 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.