Använd Google reCAPTCHA i ett AEM anpassat formulär baserat på kärnkomponenter using-reCAPTCHA-in-adaptive-forms

Gäller för
Artikellänk
Adaptiv form baserad på kärnkomponenter
Den här artikeln
Adaptiv form baserad på grundläggande komponenter
Klicka här

CAPTCHA (Completely Automated Public Turing test to tell Computers and Humans Apart) är ett program som ofta används vid onlinetransaktioner för att skilja mellan människor och automatiserade program eller organ. Det utgör en utmaning och utvärderar användarens svar för att avgöra om det är en människa eller en robot som interagerar med webbplatsen. Det förhindrar användaren att fortsätta om testet misslyckas och gör onlinetransaktionerna säkra genom att förhindra att skräppost eller skadliga syften publiceras.

AEM Forms as a Cloud Service stöder följande CAPTCHA-lösningar:

Koppla samman er AEM Forms-miljö med reCAPTCHA-tjänsten från Google connect-your-forms-environment-with-recaptcha-service-by-google

Formulärförfattare kan använda tjänsten reCAPTCHA från Google för att implementera reCAPTCHA i Adaptiv Forms. Den erbjuder avancerade CAPTCHA-funktioner för att skydda er webbplats. Mer information om hur reCAPTCHA fungerar finns i Google reCAPTCHA. AEM Forms som Cloud Service stöder Google reCAPTCHA v2 i Adaptiv Forms. Du kan använda den för att presentera en CAPTCHA-utmaning när formulär skickas. Koppla samman AEM Forms-miljön med reCAPTCHA-tjänsten från Google

  1. Hämta reCAPTCHA API-nyckelpar från Google. Den innehåller en webbplatsnyckel och en hemlig nyckel.

    Skapa Google reCAPTCHA-konfiguration av Google webbplats för att hämta reCAPTCHA-nycklar

  2. Skapa en konfigurationsbehållare i din AEM Forms as a Cloud Service-miljö. En konfigurationsbehållare innehåller molnkonfigurationer som används för att ansluta AEM till externa tjänster. Så här skapar och konfigurerar du en Configuration Container för att ansluta AEM Forms-miljön till reCAPTCHA-tjänsten från Google:

    1. Öppna din AEM Forms as a Cloud Service-instans.

    2. Gå till Tools > General > Configuration Browser. I Configuration Browser kan du:

    3. Välj en befintlig mapp eller skapa en mapp. Du kan skapa en mapp och aktivera alternativet Cloud Configurations för den eller Aktivera alternativet Cloud Configurations för en befintlig mapp:

      • Så här skapar du en mapp och aktiverar alternativet Cloud Configurations för den:

        1. Klicka på Create i konfigurationsläsaren.
        2. I dialogrutan Skapa konfiguration anger du namn, titel och väljer alternativet Cloud Configurations.
        3. Klicka på Create
      • Så här aktiverar du alternativet Cloud Configurations för en befintlig mapp:

        1. Markera mappen i Configuration Browser och välj Properties.
        2. Aktivera Cloud Configurations i dialogrutan Konfiguration.
        3. Välj Save & Close om du vill spara konfigurationen och stänga dialogrutan.
  3. Konfigurera Cloud Servicen:

    1. Gå till tools-1 > Cloud Services och välj reCAPTCHA i AEM författarinstans.
    2. Välj en konfigurationsbehållare som har skapats eller uppdaterats i föregående avsnitt. Välj Create.
    3. Ange Title, Name, Site Key och Secret Key för reCAPTCHA-tjänsten (hämtas i steg 1). Välj Create.

    Konfigurera Cloud Servicen för att ansluta din AEM Forms-miljö med reCAPTCHA-tjänsten från Google

    När reCAPTCHA-tjänsten har konfigurerats kan den användas i ett adaptivt format. Mer information finns i Använda Google reCAPTCHA i ett adaptivt formulär.

Använd Google reCAPTCHA i anpassad form using-reCAPTCHA

Så här använder du reCAPTCHA i Adaptive Forms:

  1. Öppna din AEM Forms as a Cloud Service-instans.

  2. Gå till Forms > Forms and Documents.

  3. Välj en anpassad Forms och välj Properties. För alternativet Configuration Container väljer du den konfigurationsbehållare som innehåller molnkonfigurationen som ansluter AEM Forms till reCAPTCHA-tjänsten av Google och väljer Save & Close.

    Om du inte har någon sådan konfigurationsbehållare kan du läsa avsnittet Anslut AEM Forms-miljön med reCAPTCHA-tjänsten från Google för att lära dig hur du skapar en sådan konfigurationsbehållare.

    Välj konfigurationsbehållare

  4. Välj en anpassad Forms och välj Edit. Det adaptiva formuläret öppnas i Adaptiv Forms Editor.

  5. Dra komponenten Adaptive Form reCAPTCHA från komponentwebbläsaren till det adaptiva formuläret.

    Google reCAPTCHA-validering är tidskänslig och upphör att gälla om cirka ett par minuter. Därför rekommenderar Adobe att du placerar komponenten Adaptive Form reCAPTCHA precis före knappen Submit.

  6. Markera Adaptive Form reCAPTCHA-komponenten och välj egenskapsikonen Egenskaper . Dialogrutan Egenskaper öppnas. Ange följande obligatoriska egenskaper:

    • Name: Du kan enkelt identifiera en formulärkomponent med dess unika namn både i formuläret och i regelredigeraren, men namnet får inte innehålla blanksteg eller specialtecken.
    • CAPTCHA Configuration: Välj en molnkonfiguration som konfigurerats för att presentera Google reCAPTCHA-dialogrutan för formuläret. Du kan ha flera molnkonfigurationer i din miljö för liknande ändamål. Välj tjänsten noggrant. Om ingen tjänst visas läser du Anslut AEM Forms-miljön med reCAPTCHA-tjänsten från Google för att lära dig hur du skapar en Cloud Service som ansluter AEM Forms-miljön till reCAPTCHA-tjänsten från Google.
    • Captcha-storlek: Du kan välja visningsstorlek för Google reCAPTCHA-utmaningsdialogrutan. Använd alternativet Compact om du vill visa en liten storlek och alternativet Normal om du vill visa en relativt stor Google reCAPTCHA-utmaningsdialogruta.
  7. Välj Done.

    Nu visas protected by reCAPTCHA i ditt adaptiva formulär. Den visas på alla Adaptive Forms som är konfigurerade att använda tjänsten Google reCAPTCHA.

    Nu är det bara berättigade formulär, i vilka den som fyller i formuläret kan ta bort den utmaning som Google reCAPTCHA-tjänsten utgör, som kan skickas in.
    Google skyddat av reCAPTCHA-märke

Vanliga frågor

F: Kan jag använda mer än en Captcha-komponent i ett adaptivt formulär?
Ans: Det går inte att använda fler än en Captcha-komponent i ett adaptivt formulär. Vi rekommenderar inte att du använder Captcha-komponenten i ett fragment eller i en panel som är markerad för lat inläsande.

Se även see-also

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab