Verwenden von Google reCAPTCHA in einem adaptiven AEM-Formular, das auf Kernkomponenten basiert using-reCAPTCHA-in-adaptive-forms

Rufen Sie ein reCAPTCHA-API-Schlüsselpaar von Google ab. Er enthält einen Site-Schlüssel und einen geheimen Schlüssel.

Erstellen Sie einen Konfigurations-Container in Ihrer AEM Forms as a Cloud Service-Umgebung. Ein Konfigurations-Container enthält Cloud-Konfigurationen, mit denen AEM mit externen Diensten verbunden wird. So erstellen und konfigurieren Sie einen Konfigurations-Container zum Verbinden Ihrer AEM Forms-Umgebung mit dem reCAPTCHA-Dienst von Google:

1. Öffnen Sie Ihre AEM Forms as a Cloud Service-Instanz.

2. Wählen Sie „Tools“ > „Allgemein“ > „Konfigurations-Browser“. Im Konfigurations-Browser haben Sie folgende Möglichkeiten:

3. Wählen Sie einen vorhandenen Ordner aus oder erstellen Sie einen Ordner. Sie können einen Ordner erstellen und die Cloud-Konfigurationsoption dafür aktivieren oder die Option „Cloud-Konfigurationen“ für einen vorhandenen Ordner aktivieren:

   • Erstellen eines Ordners und Aktivieren der entsprechenden Cloud-Konfigurationsoption:

     1. Klicken Sie im Konfigurations-Browser auf Erstellen.
     2. Geben Sie im Dialogfeld „Konfiguration erstellen“ einen Namen und Titel an und wählen Sie die Option Cloud-Konfigurationen aus.
     3. Klicken Sie auf Erstellen.

   • So aktivieren Sie die Option „Cloud-Konfigurationen“ für einen vorhandenen Ordner:

     1. Wählen Sie im Konfigurations-Browser den Ordner aus und wählen Sie Eigenschaften.
     2. Aktivieren Sie im Dialogfeld „Konfigurationseigenschaften“ die Option Cloud-Konfigurationen.
     3. Wählen Sie Speichern und schließen, um die Konfiguration zu speichern und das Dialogfeld zu schließen.

Konfigurieren des Cloud-Service:

1. Navigieren Sie in Ihrer AEM-Autoreninstanz zu > Cloud-Services und wählen Sie reCAPTCHA.
2. Wählen Sie einen Konfigurations-Container aus, der im vorherigen Abschnitt erstellt oder aktualisiert wurde. Wählen Sie Erstellen aus.
3. Geben Sie Titel, Namen, Site-Schlüssel und den geheimen Schlüssel für den reCAPTCHA-Dienst (abgerufen in Schritt 1) an. Wählen Sie Erstellen aus.

Sobald der reCAPTCHA-Dienst konfiguriert ist, kann er in adaptiven Formularen verwendet werden. Weitere Informationen finden Sie unter Verwenden von Google reCAPTCHA in einem adaptiven Formular.

Öffnen Sie Ihre AEM Forms as a Cloud Service-Instanz.

Gehen Sie zu Formulare > Formulare und Dokumente.

Wählen Sie ein adaptives Formular aus und wählen Sie Eigenschaften. Wählen Sie für die Option Konfigurations-Container den Konfigurations-Container aus, der die Cloud-Konfiguration enthält, die AEM Forms mit dem reCAPTCHA-Dienst von Google verbindet, und wählen Sie Speichern und schließen.

Wenn Sie über keinen solchen Konfigurations-Container verfügen, erfahren Sie im Abschnitt Verbinden Ihrer AEM Forms-Umgebung mit dem reCAPTCHA-Dienst von Google, wie Sie einen solchen Konfigurations-Container erstellen.

Wählen Sie ein adaptives Formular aus und wählen Sie dann Bearbeiten. Das adaptive Formular wird im Editor für adaptive Formulare geöffnet.

Ziehen Sie im Komponenten-Browser die Komponente reCAPTCHA für adaptive Formulare per Drag-and-Drop auf das adaptive Formular.

Die reCAPTCHA-Validierung von Google ist zeitabhängig und läuft nach einigen Minuten ab. Daher empfiehlt Adobe, die Komponente reCAPTCHA für adaptive Formulare direkt vor der Schaltfläche Senden zu platzieren.

Wählen Sie die Komponente reCAPTCHA für adaptive Formulare aus und wählen Sie dann das Symbol „Eigenschaften“ . Dadurch wird das Dialogfeld „Eigenschaften“ geöffnet. Geben Sie die folgenden obligatorischen Eigenschaften an:

• Name: Sie können sowohl im Formular als auch im Regeleditor eine Formularkomponente leicht mit ihrem eindeutigen Namen identifizieren. Der Name darf jedoch keine Leerzeichen oder Sonderzeichen enthalten.
• CAPTCHA-Konfiguration: Wählen Sie eine Cloud-Konfiguration aus, die zur Anzeige des Google reCAPTCHA-Dialogfelds für das Formular konfiguriert ist. Es kann sein, dass Sie für ähnliche Zwecke über mehrere Cloud-Konfigurationen in Ihrer Umgebung verfügen. Wählen Sie den Dienst daher sorgfältig aus. Wenn kein Dienst aufgeführt ist, lesen Sie Verbinden Ihrer AEM Forms-Umgebung mit dem reCAPTCHA-Dienst von Google, um zu erfahren, wie Sie einen Cloud Service erstellen, der Ihre AEM Forms-Umgebung mit dem reCAPTCHA-Dienst von Google verbindet.
• Captcha-Größe: Sie können die Anzeigegröße des Dialogfelds für die Google reCAPTCHA-Herausforderung auswählen. Verwenden Sie die Option Kompakt zur Anzeige eines kleinen und die Option Normal zur Anzeige eines relativ großen Dialogfelds für die Google reCAPTCHA-Herausforderung.

Wählen Sie Fertig.

Jetzt wird geschützt durch reCAPTCHA in Ihrem adaptiven Formular angezeigt. Dies wird in allen adaptiven Formularen angezeigt, die für die Verwendung des Google reCAPTCHA-Dienstes konfiguriert sind.

Jetzt sind nur legitime Formulare zur Übermittlung zulässig, bei denen die Person, die das Formular ausfüllt, die vom Google-reCAPTCHA-Dienst ausgehende Herausforderung erfolgreich löst.