Le comportement hors ligne de votre app ChatGPT & Codex
Les examinateurs activent le mode avion. Les utilisateurs prennent le métro. Une app ChatGPT & Codex 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 générée ou modifiée par ChatGPT/Codex : Next.js, React, Vue, Flask, Express).
Dès $109 en paiement unique par plateforme, ou notre équipe s'occupe de tout dès $698.
Garantie d'approbation – ou remboursement sous 14 jours
Aucun codage requis
Paiement unique, mises à jour gratuites
Support humain 24/7
Conçu en Allemagne depuis 2014 · ISO 27001
9:41
CChatGPT & Codex
Mode hors ligneDésormais dans votre poche
App Store · Google Play Approuvée
Les trois niveaux
1. Écran hors ligne natif
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 ChatGPT & Codex.
2. Cache et états d'erreur
La WebView met en cache les ressources de votre app pour accélérer les lancements suivants. Ajoutez dans ChatGPT & Codex des états d'erreur clairs pour les requêtes vers Votre propre API ou des fonctions serverless qui échouent en cours de session, et conservez la saisie des formulaires quand une requête échoue.
3. Repli HTML local
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.
Prompt pour ChatGPT & Codex
Collez ceci dans ChatGPT & Codex pour implémenter la partie app web. Vérifiez le résultat, publiez, puis testez dans l'app WebViewGold.
Prompt pour ChatGPT ou Codex
Faites en sorte que cette app web gère l'usage hors ligne dans un wrapper WebView natif. Ajoutez un composant OfflineBanner piloté par navigator.onLine et les événements online/offline ; un helper fetch avec un timeout de 15 secondes et deux nouvelles tentatives ; et un composant ErrorState partagé avec un bouton « Réessayer » sur chaque vue qui charge des données, à la place des écrans vides et des spinners sans fin. Conservez la saisie des formulaires quand un envoi échoue. Créez ensuite native/local-html/index.html, une page hors ligne autonome (CSS inline, aucune ressource externe, logo en data URI) avec « Vous êtes hors ligne » et un bouton qui définit window.location.href sur 'reconnect://'. Ouvrez une pull request intitulée « États hors ligne pour l'app native » avec un court résumé.
Excellente façon de convertir son app web en app native ! Un délai très court, et un super moyen de mettre ses apps dans les stores sans devoir développer une app native complète !
Kevin Joling · FlightConnections & TrainConnections · Trustpilot
Une bonne configuration hors ligne pour ChatGPT & Codex
Le niveau 1 prend deux minutes ; le niveau 3, un après-midi.
Personnalisez l'écran hors ligne
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 »).
Ajoutez des états d'erreur dans ChatGPT & Codex
Chaque requête de données vers Votre propre API ou des fonctions serverless 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.
Mettez en cache le dernier état
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.
En option : embarquez une version hors ligne
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.
Testez en mode avion
Lancement à froid, lancement avec une session en cache, perte de connexion en cours de session, reconnexion. C'est exactement ce que fait l'examinateur.
Questions fréquentes
Mon app fonctionnera-t-elle entièrement hors ligne ?
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 Votre propre API ou des fonctions serverless affichent l'écran hors ligne jusqu'au retour de la connexion, ce que les examinateurs attendent.
Les service workers fonctionnent-ils dans l'app ?
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.
L'écran hors ligne est-il personnalisable ?
Oui : le texte (jusqu'à trois langues), les couleurs et le comportement de nouvelle tentative sont des réglages du projet WebViewGold.
Trois façons de mettre votre app dans les stores
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.
Faites-le vous-même
$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.
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.
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.
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.