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 dina AEM Forms Core-komponenter 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. Du använder den för att presentera en CAPTCHA-utmaning när formulär skickas in.AEM Forms som Cloud Service har stöd för Google reCAPTCHA v2 och reCAPTCHA Enterprise. Andra versioner stöds inte. Observera också att reCAPTCHA i Adaptive Forms inte stöds i offlineläge i AEM Forms-appen.

Beroende på dina behov kan du konfigurera tjänsten reCAPTCHA för att aktivera:

Konfigurera reCAPTCHA Enterprise steps-to-implement-reCAPTCHA-enterprise-in-forms-core-components

  1. Skapa eller välj ett Google Cloud-projekt och aktivera reCAPTCHA Enterprise API.

  2. Hämta projekt-ID och skapa en API-nyckel och en webbplatsnyckel för webbplatser.

  3. Skapa konfigurationsbehållare för molntjänster.

    1. Gå till Tools > General > Configuration Browser.

    2. Välj en mapp eller skapa en mapp och aktivera mappen för molnkonfigurationer med följande steg:

      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.
  4. Konfigurera molntjänsten för reCAPTCHA Enterprise.

    1. Gå till tools-1 > Cloud Services på författarinstansen av Experience Manager.
    2. Välj reCAPTCHA. Sidan Konfigurationer öppnas. Välj den konfigurationsbehållare som du skapade och välj Create.
    3. Välj version som reCAPTCHA Enterprise och ange namn, projekt-ID, platsnyckel och API-nyckel (hämtas i steg 2) för reCAPTCHA Enterprise-tjänsten.
    4. Välj nyckeltyp. Nyckeltypen ska vara densamma som den webbplatsnyckel som du konfigurerade i Google Cloud-projektet, till exempel Checkbox-webbplatsnyckel eller Score-baserad webbplatsnyckel.
    5. Ange ett tröskelvärde i intervallet 0 till 1. Poängvärden som är större än eller lika med tröskelvärdena identifierar mänsklig interaktion, vilket i annat fall omfattar båda interaktioner.
    6. Välj Create om du vill skapa molntjänstkonfigurationen.

När du har aktiverat tjänsten reCAPTCHA Enterprise kan den användas i anpassningsbara formulär. Se använda CAPTCHA i adaptiva formulär.

Konfigurera Google reCAPTCHA v2 steps-to-implement-reCAPTCHA-v2-in-forms

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

    note note
    NOTE
    • 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.

    • Title: Ange en titel för CAPTCHA-widgeten. Standardvärdet är Captcha. Välj Dölj titel om du inte vill att titeln ska visas. Välj Tillåt RTF för titel om du vill redigera titeln i RTF-format. Du kan också markera titeln som Obundet formulärelement.

    • CAPTCHA Configuration: Välj en konfiguration i listrutan Inställningar för reCAPTCHA Enterprise eller reCAPTCHA v2 för att visa Google reCAPTCHA-dialogrutan för formuläret:

      1. Om du väljer versionen reCAPTCHA Enterprise kan nyckeltypen vara kryssruta eller poäng baserad, den baseras på ditt val när du konfigurerar webbplatsnyckel för webbplatser:

        note note
        NOTE
        • I molnkonfigurationen med nyckeltyp som kryssruta visas det anpassade felmeddelandet som ett infogat meddelande om captcha-valideringen misslyckas.
        • I molnkonfigurationen med nyckeltyp som poäng baserad visas det anpassade felmeddelandet som ett popup-meddelande om captcha-valideringen misslyckas.

        1. Du kan välja storlek som **Normal** och **Compact**.

      note note
      NOTE
      • 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.
      Om du väljer version reCAPTCHA v2:

      1. Du kan välja storleken som Normal eller Compact för widgeten reCAPTCHA.
      2. Du kan välja alternativet Invisible om du bara vill visa CAPTCHA-utmaningen om en misstänkt aktivitet inträffar.

    Tjänsten reCAPTCHA är aktiverad i det adaptiva formuläret. Du kan förhandsgranska formuläret och se hur CAPTCHA fungerar. Märket protected by reCAPTCHA, som visas nedan, visas i skyddade formulär.

    Google skyddat av reCAPTCHA-märke

  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.

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