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

Base44 + captures d'écran

Protéger et enregistrer les captures d'écran dans votre app Base44

Leçons payantes, conversations privées, soldes de compte, coupons à usage unique : certains écrans ne devraient pas finir dans une discussion de groupe. WebViewGold peut bloquer les captures et les enregistrements d'écran sur Android et les détecter sur iOS, puis appeler une fonction JavaScript dans votre app Base44 pour que vous puissiez réagir. La même boîte à outils fonctionne aussi dans l'autre sens : takescreenshot:// enregistre volontairement un écran dans Photos, pour les billets et les reçus.

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

Ce que chaque plateforme permet vraiment

FonctionnalitéiOSAndroid
Empêcher captures et enregistrements d'écranImpossible : iOS n'a aucune API officielle qui bloque une capture d'écranPREVENT_SCREEN_CAPTURE = true dans Config.java empêche les captures et les enregistrements d'écran de l'app
Prévenir l'app weblet preventScreenCapture = true dans Config.swift détecte les captures et les enregistrements d'écran et appelle onScreenCaptureAttempt() (malgré son nom, la documentation décrit une détection)onScreenCaptureAttempt() est appelée pour que vous puissiez afficher votre propre message
Enregistrer volontairement l'écran actuel dans Photostakescreenshot://takescreenshot://
PortéeUn seul réglage pour toute l'app ; aucun réglage par page n'est documentéUn seul réglage pour toute l'app ; aucun réglage par page n'est documenté

Prompt pour Base44

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

Prompt à coller dans Base44
Ajoutez la gestion des captures d'écran pour notre app mobile WebViewGold. 1) Au chargement de l'app, attachez une fonction globale window.onScreenCaptureAttempt qui affiche un court message : « Les captures d'écran sont désactivées pour les contenus réservés aux membres. » Elle doit être définie sur l'objet window, pas dans un composant de page. 2) Créez une entité CaptureEvent avec user_email, page et created_at, et enregistrez un enregistrement à chaque exécution de la fonction ; seuls les administrateurs peuvent consulter ces enregistrements. 3) Ajoutez une page d'administration qui liste les 100 derniers événements de capture. 4) Sur la page de confirmation de réservation, ajoutez un bouton Enregistrer dans Photos qui navigue vers takescreenshot:// uniquement quand navigator.userAgent contient mon token WebViewGold personnalisé ; masquez-le dans les navigateurs classiques. 5) Ne déconnectez et ne bloquez jamais l'utilisateur à cause d'une capture d'écran.

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

Réagir à une tentative de capture dans votre app web

Environ 20 minutes, plus un nouveau build des deux apps.

  1. Activez le réglage

    iOS : let preventScreenCapture = true dans Config.swift. Android : PREVENT_SCREEN_CAPTURE = true dans Config.java. C'est une modification native : elle arrive avec le prochain build de l'app, pas avec un déploiement web.

  2. Rendez onScreenCaptureAttempt globale

    WebViewGold appelle une fonction qui porte exactement ce nom. Le code empaqueté par Vite, Next.js ou des outils similaires vit dans des modules : une fonction déclarée dans un composant n'est donc pas globale. Assignez-la explicitement dans du code exécuté sur chaque page : window.onScreenCaptureAttempt = function () { … }.

  3. Affichez un message apaisé

    Expliquez pourquoi (« Les diapositives des leçons sont protégées par respect pour leur auteur ») plutôt que de déconnecter l'utilisateur. Sur iOS, la capture a déjà été prise quand la fonction s'exécute : le message dissuade, il ne bloque pas.

  4. Ne journalisez que si nécessaire

    Les apps d'examen, de documents et de finance peuvent vouloir une piste d'audit (utilisateur, page, heure). Si vous l'enregistrez, mentionnez-le dans votre politique de confidentialité.

  5. Proposez une façon prévue d'enregistrer

    Là où l'enregistrement est légitime (billets, reçus, certificats), ajoutez un bouton Enregistrer dans Photos qui navigue vers takescreenshot://. Si vous le combinez avec le blocage des captures sur Android, vérifiez sur un appareil que l'image enregistrée n'est pas vide.

Le côté JavaScript

Chargez ceci une fois sur chaque page (par exemple dans le fichier d'entrée de l'app). L'endpoint de journalisation facultatif relève de la partie serveur de votre stack : Entités intégrées de Base44 (base de données), stockage de fichiers et fonctions backend.

javascript
// User agent personnalisé contenant "WebViewGold", défini dans Config.swift / Config.java
var IN_APP = navigator.userAgent.indexOf("WebViewGold") !== -1;

// Appelée par WebViewGold quand il détecte une capture ou un enregistrement d'écran (iOS)
// ou une tentative de capture alors que PREVENT_SCREEN_CAPTURE est actif (Android)
window.onScreenCaptureAttempt = function () {
  showToast("Les captures d'écran sont désactivées pour les leçons payantes."); // votre propre helper d'interface
  fetch("/api/capture-events", {
    method: "POST", keepalive: true,
    headers: { "Content-Type": "application/json" },
    body: JSON.stringify({ path: location.pathname, at: Date.now() })
  });
};

// Enregistrement voulu, par exemple sur une page de billet
function saveTicketToPhotos() {
  if (IN_APP) { window.location.href = "takescreenshot://"; }
  else { window.print(); } // solution de repli dans le navigateur
}

Les limites à assumer

  • Aucune protection n'est absolue : n'importe qui peut photographier l'écran avec un second téléphone. Utilisez-la pour décourager le partage occasionnel, pas comme seule protection de données confidentielles.
  • Captures pour les stores : une fois le blocage actif, Android bloque aussi vos propres captures. Réalisez les images de la fiche Play avant de l'activer, ou à partir d'un build sans le blocage. Voir captures d'écran et fiche du store.
  • Les utilisateurs s'attendent à pouvoir faire une capture de leurs billets, reçus et confirmations. Bloquer toute l'app à cause d'une seule page sensible les frustre, et cela se voit dans les avis du store.
  • Sur iOS, construisez l'expérience autour de la détection : un avertissement, une entrée de journal facultative ou un filigrane visible avec l'e-mail de l'utilisateur sur les pages sensibles.
  • takescreenshot:// enregistre dans la photothèque. iOS demande l'autorisation à l'utilisateur la première fois : le texte d'explication Photos (purpose string) du projet Xcode doit donc dire pourquoi (« pour enregistrer votre billet et l'utiliser hors ligne »).

Questions fréquentes

Puis-je bloquer les captures d'écran sur iPhone ?

Pas complètement. iOS n'a aucune API officielle qui empêche une capture d'écran. WebViewGold détecte les captures et les enregistrements d'écran (preventScreenCapture dans Config.swift) et appelle onScreenCaptureAttempt dans l'app web pour que vous puissiez réagir. Le vrai blocage est disponible sur Android avec PREVENT_SCREEN_CAPTURE dans Config.java.

La protection contre les captures pose-t-elle problème lors de l'examen App Store ou Google Play ?

Pas en soi. Aucun des deux stores n'oblige les apps à autoriser les captures d'écran, et la détection ne demande aucune autorisation. Si des écrans protégés deviennent noirs dans un enregistrement d'écran Android, mentionnez-le dans les notes de validation pour que personne ne le prenne pour un bug.

Puis-je protéger seulement certaines pages ?

La documentation WebViewGold décrit des réglages valables pour toute l'app, pas de réglage par page. Ce que vous contrôlez page par page, c'est la réaction : onScreenCaptureAttempt peut vérifier la route actuelle et n'afficher un avertissement que sur les pages sensibles.

Comment les utilisateurs enregistrent-ils un billet depuis mon app Base44 ?

Ajoutez un bouton Enregistrer dans Photos qui navigue vers takescreenshot:// dans l'app. WebViewGold enregistre le contenu actuel de la WebView dans la galerie Photos : le billet reste disponible sur place, même sans connexion.

onScreenCaptureAttempt fonctionne-t-elle avec du code React, Vue ou Svelte ?

Oui, tant que la fonction est attachée à l'objet window. Une fonction déclarée dans un composant ou dans un module ES n'est pas globale, donc WebViewGold ne peut pas la trouver ; assignez window.onScreenCaptureAttempt dans le fichier d'entrée de votre projet Base44.

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 Base44 ?

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.