Claude Code + hors ligne
Les examinateurs activent le mode avion. Les utilisateurs prennent le métro. Une app Claude Code qui affiche une page blanche hors ligne semble cassée ; un écran hors ligne natif avec un bouton Réessayer ressemble à une app. WebViewGold propose trois niveaux de prise en charge du hors-ligne, et le bon choix dépend de votre stack (N'importe quelle stack web ; les artefacts sont des apps React ou HTML en un seul fichier, les projets Claude Code sont généralement en Next.js, Vite ou SvelteKit).
Dès $109 en paiement unique par plateforme, ou notre équipe s'occupe de tout dès $698.
Par défaut. Quand l'appareil n'a pas de connexion, WebViewGold affiche un écran hors ligne à vos couleurs avec un bouton « Réessayer » (offlinetitle, offlinemsg, offlinebuttontext) et se reconnecte automatiquement (offlinescreenautoretry). Aucun travail dans Claude Code.
La WebView met en cache les ressources de votre app pour accélérer les lancements suivants. Ajoutez dans Claude Code des états d'erreur clairs pour les requêtes vers Vos propres routes API, des fonctions serverless ou Supabase qui échouent en cours de session, et conservez la saisie des formulaires quand une requête échoue.
Embarquez un build statique (ou une version hors ligne allégée) dans l'app : offlinelocalhtmlswitch sur iOS, FALLBACK_USE_LOCAL_HTML_FOLDER_IF_OFFLINE sur Android. L'app charge l'URL distante quand elle est en ligne et le dossier local hors ligne. Idéal pour les apps de contenu, les manuels et les catalogues.
Collez ceci dans Claude Code pour implémenter la partie app web. Vérifiez le résultat, publiez, puis testez dans l'app WebViewGold.
Cette app web tournera dans le wrapper natif WebViewGold ; faites en sorte qu'elle se comporte bien hors ligne. 1) Ajoutez un wrapper fetch avec un timeout de 15 secondes et deux nouvelles tentatives. 2) Ajoutez un composant ErrorState (message plus bouton « Réessayer ») et utilisez-le sur chaque écran qui charge des données. 3) Ajoutez un OfflineBanner piloté par navigator.onLine et les événements online/offline, affiché dans le layout racine. 4) Créez native/local-html/index.html : une page hors ligne autonome avec CSS inline, notre logo en data URI, le texte « Vous êtes hors ligne » et un bouton qui définit window.location.href sur 'reconnect://'. 5) Vérifiez les états avec un test Playwright qui met le contexte hors ligne. Résumez les modifications et ajoutez la convention reconnect:// à CLAUDE.md.
Je suis très content d'avoir acheté cette application ! Extrêmement facile et excellente documentation. J'ai été en contact avec le service client, ils ont répondu très rapidement et très amicalement. Ils ont résolu ma question en un jour. 10/10 recommanderaient.
Le niveau 1 prend deux minutes ; le niveau 3, un après-midi.
Définissez le titre, le message, le texte du bouton et la couleur de fond dans la configuration (ou dans le Cloud Builder). Indiquez ce que l'utilisateur peut faire (« Reconnectez-vous pour voir vos commandes »).
Chaque requête de données vers Vos propres routes API, des fonctions serverless ou Supabase a besoin d'un état d'échec avec un bouton Réessayer, pas d'une liste vide. Abandonnez au bout de quelques secondes au lieu de tourner indéfiniment.
Hors ligne, affichez les derniers chiffres du tableau de bord ou la dernière liste chargée avec une mention « dernière mise à jour » ; un service worker ou le stockage local de votre app web suffit.
Exportez un build statique des parties qui ont du sens hors ligne (aide, catalogue, éléments enregistrés) dans le dossier local-html et activez le repli. Gardez l'URL distante comme source principale pour que les mises à jour restent instantanées.
Lancement à froid, lancement avec une session en cache, perte de connexion en cours de session, reconnexion. C'est exactement ce que fait l'examinateur.
Seulement avec un dossier HTML local (niveau 3) ou une PWA conçue pour les données hors ligne. Les apps qui dépendent de Vos propres routes API, des fonctions serverless ou Supabase affichent l'écran hors ligne jusqu'au retour de la connexion, ce que les examinateurs attendent.
La WebView du système prend en charge la mise en cache standard ; l'écran hors ligne de WebViewGold n'en dépend pas. Pour un comportement hors ligne garanti, utilisez le repli HTML local.
Oui : le texte (jusqu'à trois langues), les couleurs et le comportement de nouvelle tentative sont des réglages du projet WebViewGold.
Même résultat, charge de travail différente de votre côté. Les trois formules incluent la garantie d'approbation et le support humain 24/7.
$109 par plateforme, paiement unique
La licence WebViewGold : un projet Xcode ou Android Studio prêt à l'emploi. Collez votre URL, définissez le nom et l'icône, activez les fonctionnalités, compilez et soumettez. Mises à jour gratuites à vie.
Voir les offres sur la page principale$349 par licence, extension en paiement unique
Ni Mac, ni Xcode, ni Android Studio : configurez dans le navigateur, nous compilons les deux apps dans le cloud et les transmettons à App Store Connect et à la Play Console.
Comment fonctionne le Cloud Builder Essayer la démo gratuite$698 par plateforme $798
Envoyez-nous votre URL et votre icône. Notre équipe configure, compile et livre votre app sous 72 heures, en marque blanche, projets sources inclus. Les deux plateformes pour $1,158.
Détails du Full Service Propulsé par
Prix Soldes d'hiver valables jusqu'au 31 décembre 2026.
Garantie d'approbation App Store & Google Play – ou remboursement sous 14 jours
Vous préférez déléguer ? Full Service : nous configurons, compilons et livrons sous 72 heures, dès $698 par plateforme. Des questions ? Chattez avec nous 24/7.
Les remboursements sont accordés aux conditions indiquées dans notre FAQ : un refus non lié au contenu par Apple et/ou Google, demandé dans les 14 jours suivant l'achat.
