Clé d'API masquée
Une clé d'API cachée qui se déchiffre caractère par caractère à l'affichage, avec un bouton pour copier et un autre pour la régénérer.
Réglages
Code
<div class="uvq06-ak"><div class="hd"><label for="uvq06-ak-in">Clé secrète</label><span class="tg"><i></i>Production</span></div><div class="fd"><input id="uvq06-ak-in" readonly spellcheck="false"><button type="button" class="ey" aria-pressed="false" aria-label="Afficher la clé"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M2.5 12S6 5.5 12 5.5 21.5 12 21.5 12 18 18.5 12 18.5 2.5 12 2.5 12z"/><circle cx="12" cy="12" r="3"/></svg><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 3l18 18M10.6 5.6A9.6 9.6 0 0 1 12 5.5c6 0 9.5 6.5 9.5 6.5a17 17 0 0 1-2.8 3.6M6.6 6.6C3.9 8.3 2.5 12 2.5 12S6 18.5 12 18.5c1.8 0 3.3-.5 4.6-1.3M9.9 9.9a3 3 0 0 0 4.2 4.2"/></svg></button><button type="button" class="cp" aria-label="Copier la clé"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="8.5" y="8.5" width="11" height="11" rx="2.5"/><path d="M15.5 8.5V6.5a2 2 0 0 0-2-2h-7a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h2"/></svg><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12.5l4.5 4.5L19 7.5"/></svg><span class="tt" aria-hidden="true">Copiée</span></button></div><div class="ft"><span>Créée il y a 3 jours · utilisée aujourd'hui</span><button type="button" class="rg"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 11a8 8 0 1 0-2.3 5.7M20 4.5V11h-6.5"/></svg><span>Régénérer</span></button></div><p class="sr" aria-live="polite"></p></div>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Champs
Voir tout : ChampsOù l’utiliser
Un champ en lecture seule pour les clés secrètes, comme dans les tableaux de bord pour développeurs. La clé n'affiche que son préfixe et ses quatre derniers caractères ; le bouton œil déchiffre le reste avec un brouillage qui se pose de gauche à droite. Copier remplace l'icône par une coche avec info-bulle, et Régénérer fait tourner sa flèche et fait apparaître une nouvelle clé.
La couleur principale teinte l'étiquette d'environnement, l'œil actif et le lien de régénération. Utilise-le dans les réglages, la configuration de webhooks et les écrans d'intégration, et branche copier et régénérer sur ta propre API avant la mise en ligne.