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

Base44 + presse-papiers

Le copier-coller bien fait dans votre app Base44

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 Base44 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 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 des boutons Copier et Coller pour notre app mobile (wrapper WebViewGold). 1) Donnez à chaque utilisateur un champ referral_code (8 caractères majuscules, créé s'il manque). 2) Sur la page Inviter, affichez le code et le lien d'invitation avec des boutons Copier ; chaque bouton doit appeler navigator.clipboard.writeText directement dans son gestionnaire de clic, se rabattre sur un textarea masqué avec document.execCommand("copy") et afficher « Copié ». 3) Sur la page Bienvenue, ajoutez un champ de code d'invitation avec un bouton Coller visible uniquement quand navigator.userAgent contient WebViewGold. 4) Quand l'utilisateur touche Coller, définissez window.clipboarddata sur undefined, définissez window.location.href sur getclipboard://, vérifiez window.clipboarddata toutes les 100 ms pendant 3 secondes au maximum et placez la valeur, sans espaces superflus, dans le champ. 5) Créez une fonction backend redeemInvite(code) qui crédite le parrain une seule fois. 6) Ne lisez jamais le presse-papiers automatiquement.

Avec une bonne version optimisée de votre application Web, vous pouvez avoir une superbe application mobile en quelques minutes. De plus, le service client est très agréable et très utile! Je ne peux que recommander WebViewGold :-)

Julian Koch · Co-fondateur de DuelDonkey · 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 Base44 :

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