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

ChatGPT & Codex + presse-papiers

Le copier-coller bien fait dans votre app ChatGPT & Codex

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 ChatGPT & Codex 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 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
Prompt pour Codex : Ajoutez un copier-coller fiable pour le wrapper d'app WebViewGold et ouvrez une pull request. 1) Créez un helper de presse-papiers avec copyText(text), qui appelle navigator.clipboard.writeText dans le gestionnaire de clic et se rabat sur un textarea masqué avec document.execCommand("copy"), et readNativeClipboard(), qui, uniquement quand navigator.userAgent contient mon token WebViewGold personnalisé, définit window.clipboarddata = undefined, navigue vers getclipboard:// et interroge window.clipboarddata toutes les 100 ms pendant 3 secondes au maximum. 2) Ajoutez un bouton Copier à chaque message de l'assistant (texte simple) et à chaque bloc de code (code brut), avec un état « Copié » de 2 secondes. 3) Ajoutez au champ de prompt un bouton Coller qui insère le texte du presse-papiers à la position du curseur, uniquement dans l'app. 4) Ne lisez jamais le presse-papiers sans un tap. 5) Ajoutez des tests et documentez le helper dans AGENTS.md.

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

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 ChatGPT & Codex :

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 ChatGPT & Codex ?

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.