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
9:41
BBase44
Protection contre les captures d'écranDésormais dans votre poche
App Store · Google Play Approuvée
Ce que chaque plateforme permet vraiment
Fonctionnalité
iOS
Android
Empêcher captures et enregistrements d'écran
Impossible : iOS n'a aucune API officielle qui bloque une capture d'écran
PREVENT_SCREEN_CAPTURE = true dans Config.java empêche les captures et les enregistrements d'écran de l'app
Prévenir l'app web
let 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 Photos
takescreenshot://
takescreenshot://
Portée
Un 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.
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.
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 () { … }.
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.
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é.
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.
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.