DOCUMENTATION EN LIGNE
DE WINDEVWEBDEV ET WINDEV MOBILE

Aide / Développer une application ou un site / Champs, fenêtres et pages / Champs : Types disponibles / Champ Captcha
  • Présentation du champ Captcha
  • Créer un champ Captcha
  • Configurer un champ Captcha
  • Manipuler un champ Captcha
  • Mise en place et utilisation
  • Evénement géré par défaut
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaEtats et RequêtesCode Utilisateur (MCU)
WEBDEV
WindowsLinuxPHPWEBDEV - Code Navigateur
WINDEV Mobile
AndroidWidget AndroidiPhone/iPadWidget IOSApple WatchMac CatalystUniversal Windows 10 App
Autres
Procédures stockées
Présentation du champ Captcha
Les "captcha" sont des textes biscornus que l'internaute doit déchiffrer et ressaisir dans un site avant de valider un formulaire.
Le but des "captcha" est d'empêcher les pirates d'attaquer un site à l'aide d'un automate (robot) qui saisirait des informations en cascade.
En plaçant une sécurité de ce type dans un formulaire de saisie, vous êtes quasiment assuré que c'est effectivement un être humain qui effectue la saisie des informations !
Le principe est simple : le champ Captcha calcule et affiche automatiquement l'image déformée correspondant à un texte. Ce texte est soit généré automatiquement par le champ, soit défini par l'application.
Créer un champ Captcha
Pour créer un champ Captcha :
  1. Sous le volet "Création", dans le groupe "Champs graphiques", cliquez sur "Captcha".
  2. Cliquez dans la page à la position où le champ doit être créé. Le champ apparaît en création.
Pour afficher les caractéristiques du champ, sélectionnez l'option "Description" dans le menu contextuel du champ.
Remarque : WEBDEV propose plusieurs champs métier permettant de créer des champs Captcha. Pour afficher ces champs et les utiliser, sous le volet "Création", dans le groupe "Champs graphiques", déroulez "Captcha". Les champs métier proposés sont :
  • Captcha code de sécurité
  • Bouton protégé par Google reCaptcha
  • Bouton protégé par Google reCaptcha avec case à cocher.
Le code de ces champs métier peut être adapté selon vos besoins.

Configurer un champ Captcha

Plusieurs caractéristiques du champ Captcha peuvent être modifiées sous l'éditeur, dans la fenêtre de description du champ (option "Description" du menu contextuel du champ).
Dans l'onglet "Général", il est possible de définir :
  • le nombre de caractères à afficher dans le champ Captcha.
  • la plage de caractères autorisés : minuscules et/ou majuscules et/ou chiffres.
Dans l'onglet "Style", il est possible de définir :
  • la couleur du captcha.
  • la police utilisée. Il est conseillé d'utiliser des polices simples pour que le captcha soit lisible.
Manipuler un champ Captcha

Mise en place et utilisation

Pour utiliser un champ Captcha :
  1. Créez le champ Captcha et modifiez ses caractéristiques si nécessaire (police, plage des caractères, ...). Créez également un champ de saisie dans lequel l'internaute saisira la valeur du captcha.
  2. Initialisez le champ Captcha avec la valeur voulue. Il est possible :
    • soit d'utiliser la fonction CaptchaAffiche. Cette fonction permet de générer aléatoirement la valeur du captcha selon les paramètres spécifiés.
    • soit d'affecter une valeur au champ Captcha par une affectation simple :
      <Champ Captcha> = <Valeur du captcha>

      Par exemple :
      CPTCH_Captcha = "ToTo1567"
    Astuce : Selon les lettres et les chiffres utilisés par le captcha, celui-ci peut être difficilement déchiffrable. Prévoyez un bouton pour générer un nouveau captcha à la demande. Il suffira d'appeler la fonction CaptchaAffiche dans le code du bouton pour obtenir un nouveau captcha. A noter que l'algorithme de construction du captcha change à chaque affichage, ce qui offre une sécurité automatique supplémentaire. La déformation change à chaque affichage.
  3. Vérifiez si la valeur saisie par l'internaute correspond au champ Captcha grâce à la fonction CaptchaVérifie.
Remarques :
  • Les champs Captcha peuvent être également manipulés via la syntaxe préfixée des fonctions Captcha.
  • Plusieurs propriétés permettent de modifier l'aspect d'un champ Captcha. Pour plus de détails, consultez Propriétés associées au champ Captcha.
  • Pour utiliser un champ Captcha dans une application gérant des alphabets spécifiques, il est possible de :
    • utiliser un captcha Google proposé par les champs métier. Le captcha utilisera des caractères pouvant être saisis dans la langue en cours.
    • utiliser le champ Captcha en autorisant uniquement des chiffres (option disponible dans l'onglet "Général" du champ).
Evénement géré par défaut
WEBDEV gère par défaut l'événement suivant :
EvénementCondition d'exécution
Initialisation (Code serveur)Exécuté à l'ouverture de la page.
Liste des exemples associés :
WW_Blog_AWP Exemples complets (WEBDEV) : WW_Blog_AWP
[ + ] Cet exemple est un site de gestion de blog.
Un blog est un journal ou un recueil d'actualités sur un site Internet.
Il est consultable par tous, et chacun peut y apporter des commentaires.
L'auteur du blog écrit ses messages lorsqu'il le souhaite.
Il est possible de mettre en forme le texte, d'inclure des images, des citations, etc...
Cet exemple est basé sur une génération AWP, ce qui permet entre autres de pouvoir référencer le site dans tous les moteurs de recherche.
De plus, le blog peut être exporté en RSS. (Utilisation des types RSS du WLangage)
Le champ Captcha Exemples unitaires (WEBDEV) : Le champ Captcha
[ + ] Utilisation du champ "Captcha" de WEBDEV.
Ce champ permet d'éviter les saisies automatiques dans les formulaires.
Version minimum requise
  • Version 16
Commentaires
Cliquez sur [Ajouter] pour publier un commentaire

Dernière modification : 09/05/2023

Signaler une erreur ou faire une suggestion | Aide en ligne locale