Aller au contenu
WebViewGold Du vibe coding à l'App Store
Français
Obtenir WebViewGold

Replit + hors ligne

Le comportement hors ligne de votre app Replit

Les examinateurs activent le mode avion. Les utilisateurs prennent le métro. Une app Replit 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 (Souvent React + Express/Node ou Python (Flask/FastAPI) avec le Postgres intégré de Replit (Neon) et Replit Auth).

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

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 Replit.

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 Replit des états d'erreur clairs pour les requêtes vers Backends Express/Flask/FastAPI avec Replit Postgres ou des bases de données externes 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 Replit

Collez ceci dans Replit pour implémenter la partie app web. Vérifiez le résultat, publiez, puis testez dans l'app WebViewGold.

Prompt à coller dans Replit Agent
Rendez cette app résistante aux mauvaises connexions pour la version mobile native. Côté client : ajoutez un wrapper fetch global avec un timeout de 15 secondes, deux nouvelles tentatives automatiques et un composant ErrorState partagé (« Impossible de charger ce contenu. Vérifiez votre connexion. » avec un bouton « Réessayer »), utilisé sur chaque écran de données ; ajoutez un bandeau hors ligne piloté par navigator.onLine. Côté serveur : faites en sorte que chaque route Express renvoie des erreurs JSON avec un champ message, jamais une page d'erreur HTML. Créez aussi un offline.html autonome dans le dossier public du client (CSS inline, aucune requête vers notre hôte) qui affiche notre logo, « Vous êtes hors ligne » et un bouton dont le onclick définit window.location.href sur 'reconnect://', pour que je puisse l'intégrer au dossier de secours de l'app native.

Excellent travail! Je n'ai jamais codé quoi que ce soit, mais j'ai réussi à travailler avec cela. Facile et rapide! Avec une grande aide des créateurs!

Lucas Dubois · CodeCanyon

Une bonne configuration hors ligne pour Replit

Le niveau 1 prend deux minutes ; le niveau 3, un après-midi.

  1. 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 »).

  2. Ajoutez des états d'erreur dans Replit

    Chaque requête de données vers Backends Express/Flask/FastAPI avec Replit Postgres ou des bases de données externes 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.

  3. 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.

  4. 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.

  5. 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 Backends Express/Flask/FastAPI avec Replit Postgres ou des bases de données externes 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.

Voir les offres sur la page principale

Full Service

$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 WeSetupYourWebViewApp

Prix Soldes d'hiver valables jusqu'au 31 décembre 2026.

Prêt à publier votre app Replit ?

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.