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

Replit + presse-papiers

Le copier-coller bien fait dans votre app Replit

Les boutons Copier qui échouent sans prévenir et les champs de collage qui ne se remplissent jamais sont des agacements classiques des WebViews. Dans une app WebViewGold, votre app Replit lit le presse-papiers de l'appareil à la demande avec getclipboard:// (le contenu arrive dans la variable clipboarddata), et la copie utilise l'API Clipboard standard du web avec une solution de repli. Voici le schéma à suivre, ainsi que les règles de confidentialité que les deux plateformes imposent.

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

Là où le copier-coller compte dans une app

Codes de parrainage et de réduction

Un tap copie le code, une courte confirmation « Copié » apparaît, et l'utilisateur le colle dans WhatsApp ou Messages. Plus rapide que de sélectionner le texte par un appui long.

Des boutons Coller en un geste

Un bouton Coller à côté d'un champ de code d'invitation, de numéro de suivi ou de lien lit le presse-papiers avec getclipboard:// et remplit le champ. Idéal pour les parcours « enregistrer un lien » et « rejoindre une équipe ».

Des chaînes exactes

Adresses de portefeuille, références de réservation, clés d'API, mots de passe Wi-Fi : des valeurs que personne ne devrait retaper. Copiez-les avec un bouton et affichez la valeur à côté.

Réponses d'IA et textes générés

Les outils de chat, d'écriture et de prompts ont besoin d'un bouton Copier sur chaque réponse ; les utilisateurs collent le résultat dans un e-mail, des notes ou des réseaux sociaux.

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
Ajoutez la prise en charge du copier-coller pour le wrapper d'app native WebViewGold. 1) Backend : ajoutez GET /api/me/referral, qui renvoie le code de parrainage de l'utilisateur connecté et une URL d'invitation construite à partir du secret APP_URL. 2) Front-end : créez src/lib/clipboard.ts avec copyText(text) (navigator.clipboard.writeText dans le gestionnaire de clic, textarea masqué et document.execCommand("copy") en solution de repli) et readNativeClipboard(), qui, uniquement quand navigator.userAgent contient WebViewGold, définit window.clipboarddata = undefined, navigue vers getclipboard:// et interroge window.clipboarddata toutes les 100 ms pendant 3 secondes au maximum. 3) Chargez les données de parrainage au montage de la page Inviter et affichez des boutons Copier pour le code et l'URL d'invitation, avec un court message « Copié ». 4) Ajoutez au champ du numéro de suivi un bouton Coller qui utilise readNativeClipboard() et supprime les espaces superflus. 5) Masquez Coller dans les navigateurs classiques et ne lisez jamais le presse-papiers au chargement.

WebViewGold nous a permis d'avoir le temps de mise sur le marché le plus court et le plus efficace jamais possible parmi toutes les autres plates-formes d'application que nous avons essayées au cours des 5 dernières années. Je ne sais pas pourquoi je ne vous ai pas découvert plus tôt, mais je suis vraiment, vraiment content de l'avoir fait. Nous approchons actuellement les 6000 téléchargements d'application sur l'App Store iOS et Google Play Store sans aucun problème!

Antonio Davila · CodeCanyon

Rendre le copier-coller fiable dans l'app

Environ 30 minutes.

  1. Copiez dans le gestionnaire du tap

    Appelez navigator.clipboard.writeText() directement dans le gestionnaire de clic, avant toute requête lente : les WebViews refusent les écritures dans le presse-papiers effectuées en dehors d'un geste de l'utilisateur. Gardez une solution de repli avec un textarea masqué et document.execCommand("copy").

  2. Confirmez la copie

    Affichez un court toast. Android 13 et les versions ultérieures affichent leur propre confirmation de copie : gardez donc la vôtre discrète. Dans l'app, vous pouvez ajouter un retour haptique avec lighthaptic://, en ne faisant qu'un seul appel au pont à la fois.

  3. Collez avec getclipboard://

    Quand l'utilisateur touche Coller, videz window.clipboarddata, naviguez vers getclipboard:// (uniquement dans l'app, détectée grâce à votre user agent personnalisé), puis surveillez la variable pendant quelques secondes et remplissez le champ.

  4. Validez ce qui a été collé

    Supprimez les espaces superflus et vérifiez que la valeur a la forme attendue (un code d'invitation de 8 caractères, une URL sur un domaine autorisé) avant de l'utiliser. Ne soumettez jamais automatiquement le contenu du presse-papiers.

  5. Ne lisez que sur demande

    Ne lisez jamais le presse-papiers au chargement de la page, avec un minuteur ou en arrière-plan. iOS peut demander aux utilisateurs d'autoriser le collage et Android affiche une notification quand une app lit le presse-papiers : une lecture non sollicitée ressemble à de l'espionnage.

Helpers de copie et de collage

La copie fonctionne dans le navigateur et dans l'app ; le collage utilise le pont natif dans l'app. Reliez-les aux boutons de votre app Replit :

javascript
var IN_APP = navigator.userAgent.indexOf("WebViewGold") !== -1; // votre token de user agent personnalisé

// Copier : à appeler directement depuis le gestionnaire de clic
function copyText(text) {
  if (navigator.clipboard && window.isSecureContext) {
    return navigator.clipboard.writeText(text).catch(function () { legacyCopy(text); });
  }
  legacyCopy(text);
  return Promise.resolve();
}
function legacyCopy(text) {
  var ta = document.createElement("textarea");
  ta.value = text;
  ta.setAttribute("readonly", "");
  ta.style.position = "fixed";
  ta.style.opacity = "0";
  document.body.appendChild(ta);
  ta.select();
  document.execCommand("copy");
  document.body.removeChild(ta);
}

// Coller : lire le presse-papiers de l'appareil (dans l'app uniquement, après un tap)
function pasteInto(input) {
  if (!IN_APP) { input.focus(); return; } // navigateur : appui long, puis Coller
  window.clipboarddata = undefined;
  window.location.href = "getclipboard://";
  var started = Date.now();
  (function check() {
    if (typeof window.clipboarddata !== "undefined") {
      input.value = String(window.clipboarddata || "").trim();
    } else if (Date.now() - started < 3000) {
      setTimeout(check, 100);
    }
  })();
}

Les règles de confidentialité qui comptent pour les deux stores

  • Une lecture silencieuse du presse-papiers au lancement est exactement le comportement qu'Apple a rendu visible avec les notifications de collage et la demande d'autorisation de collage. Ne lisez qu'après un tap sur Coller.
  • Si vous envoyez le contenu du presse-papiers à votre serveur, ce sont des données que vous collectez : couvrez-les dans votre politique de confidentialité, et dans App Privacy et le formulaire Data safety si vous les stockez.
  • Ne copiez pas automatiquement de secrets (mots de passe, phrases de récupération, codes à usage unique) dans le presse-papiers ; d'autres apps pourraient les lire plus tard. Proposez-le comme une action explicite, avec un libellé clair.
  • Les boutons Coller améliorent l'ergonomie, mais les examinateurs ne les comptent pas comme une fonctionnalité native au regard de la guideline 4.2. Associez-les aux notifications push, à la connexion biométrique ou à la feuille de partage.

Questions fréquentes

Pourquoi mon bouton Copier ne fait-il rien dans l'app ?

navigator.clipboard.writeText ne fonctionne que sur des pages https et pendant un geste de l'utilisateur. Un appel placé après une requête attendue avec await ou lancé depuis un minuteur est refusé, et certaines WebViews bloquent complètement l'API. Copiez directement dans le gestionnaire du tap et gardez la solution de repli avec le textarea.

L'app peut-elle lire le presse-papiers à l'insu de l'utilisateur ?

Elle ne devrait pas, et les systèmes le rendent visible : iOS peut demander à l'utilisateur d'autoriser le collage, et Android affiche une notification quand une app lit le presse-papiers. Ne le lisez que lorsque l'utilisateur touche un bouton Coller.

Que renvoie getclipboard:// ?

Le contenu actuel du presse-papiers, injecté dans la variable JavaScript globale clipboarddata. La valeur arrive de façon asynchrone : attendez donc la variable après l'appel au lieu de la lire à la ligne suivante.

Le collage fonctionne-t-il sans le pont ?

Oui. Les utilisateurs peuvent toujours faire un appui long sur un champ de texte et choisir Coller, sans aucun code. getclipboard:// ajoute le bouton Coller qui remplit le champ à leur place en un seul geste.

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.