EU CAPTCHA für Angular

Häufig gestellte Fragen

• Wie füge ich EU CAPTCHA zu einer Angular-Anwendung hinzu?

  Installieren Sie das Paket mit npm i @myrasec/eu-captcha-angular. Fügen Sie bei Standalone-Komponenten EuCaptchaComponent dem imports-Array Ihrer Komponente hinzu. Importieren Sie bei NgModule-Apps EuCaptchaModule in Ihrem AppModule. Platzieren Sie <eu-captcha [sitekey]="sitekey"> in Ihrem Formular-Template und rufen Sie isEuCaptchaDone() in Ihrem Submit-Handler auf, bevor Sie Daten an den Server senden.

• Funktioniert EU CAPTCHA mit Angular Reactive Forms?

  Ja. EU CAPTCHA lässt sich zusammen mit Angular Reactive Forms verwenden. Die <eu-captcha>-Komponente rendert unabhängig von der FormGroup-Struktur. Rufen Sie isEuCaptchaDone() in Ihrem Submit-Handler auf, um zu bestätigen, dass die Herausforderung abgeschlossen wurde, und lesen Sie dann den eu-captcha-response-Token aus dem versteckten Eingabefeld aus, bevor Sie das Formular an Ihr Backend senden.

• Funktioniert EU CAPTCHA mit Angular Template-Driven Forms?

  Ja. Platzieren Sie <eu-captcha [sitekey]="sitekey"> innerhalb Ihres Template-Driven-Formulars und rufen Sie isEuCaptchaDone() vor der Übermittlung auf. Die Herausforderung läuft im Hintergrund, während der Benutzer das Formular ausfüllt, sodass keine zusätzliche Interaktion vom Benutzer erforderlich ist.

• Ist EU CAPTCHA mit den Standalone-Komponenten von Angular kompatibel?

  Ja. EU CAPTCHA unterstützt sowohl Standalone-Komponenten (Angular 14+) als auch NgModule-basierte Architekturen. Fügen Sie bei Standalone-Komponenten EuCaptchaComponent direkt dem imports-Array der Komponente hinzu. Importieren Sie bei modulbasierten Apps EuCaptchaModule einmalig auf Modulebene.

• Wie verarbeite ich den CAPTCHA-Token in Angular?

  Nach Abschluss der Herausforderung erstellt das Widget automatisch ein verstecktes Eingabefeld mit dem Namen eu-captcha-response. Sie können dessen Wert mit document.querySelector('input[name="eu-captcha-response"]')?.value auslesen oder sich an das (completed)-Ausgabeereignis binden. Senden Sie diesen Token zur serverseitigen Verifizierung an Ihr Backend, bevor das Formular verarbeitet wird.

• Wie verwende ich das Angular-Paket von EU CAPTCHA mit SSR (Angular Universal)?

  Das Paket @myrasec/eu-captcha-angular verwaltet das ausschließlich browserseitige Rendering automatisch. Wenn Sie Angular Universal verwenden, stellen Sie sicher, dass die Widget-Komponente nur in einem Browser-Kontext gerendert wird, indem Sie isPlatformBrowser aus @angular/common verwenden. Dadurch werden serverseitige Rendering-Fehler im Zusammenhang mit Browser-APIs vermieden.

• Ist EU CAPTCHA DSGVO-konform für Angular-Anwendungen?

  Ja. EU CAPTCHA wird von einem in der EU ansässigen Unternehmen betrieben, ist vollständig in Deutschland gehostet und stützt sich nicht auf US-amerikanische Cloud-Anbieter oder Infrastrukturen, die US-Überwachungsgesetzen unterliegen. Der Dienst verarbeitet nur die Daten, die zur Bereitstellung und Verifizierung des CAPTCHAs erforderlich sind (wie IP-Adresse sowie technische Browser- oder Geräteinformationen), im Einklang mit den Anforderungen der DSGVO. Ihre Organisation bleibt verantwortlich für die Bereitstellung transparenter Datenschutzinformationen, die Wahl einer geeigneten Rechtsgrundlage und die Einholung etwaig erforderlicher Einwilligungen für Ihre spezifische Angular-Implementierung. Diese Informationen stellen keine Rechtsberatung dar; bitte konsultieren Sie Ihren Rechtsberater für eine Beurteilung Ihres individuellen Falls.