Auf einen Blick

TsgcHTMLComponent_WebAuthnLogin

Ein Passkey-Widget, das Registrieren- und Anmelden-Schaltflächen sowie das browserseitige Skript rendert. Es kommuniziert über SimpleWebAuthnBrowser mit Ihren /options- und /verify-Endpunkten. Setzen Sie Modus und URLs und lesen Sie dann HTML — oder verwenden Sie den statischen Build-Helfer.

Komponentenklasse

TsgcHTMLComponent_WebAuthnLogin

Rendert

Bootstrap-5-Markup + WebAuthn-JS

Familie

Authentifizierung

Sprachen

Delphi, C++ Builder, .NET

QuickStart

Eine Zeile oder volle Kontrolle

Der statische Build-Helfer rendert das Widget in einem einzigen Aufruf. Verwenden Sie die vollständige Komponente, wenn Sie einen benutzerdefinierten Titel, eine Benutzernamen-Auswahl oder Ihr eigenes Skript benötigen.

uses
  sgcHTML_Enums, sgcHTML_Component_WebAuthnLogin;

// One-liner (register + authenticate, default endpoints):
WebModule.Response := TsgcHTMLComponent_WebAuthnLogin.Build(
  wamBoth, '/webauthn/register', '/webauthn/authenticate');

// Full control:
var
  oWA: TsgcHTMLComponent_WebAuthnLogin;
begin
  oWA := TsgcHTMLComponent_WebAuthnLogin.Create(nil);
  try
    oWA.Mode := wamBoth;
    oWA.RegisterURL := '/webauthn/register';
    oWA.AuthenticateURL := '/webauthn/authenticate';
    oWA.CallbackURL := '/dashboard';
    oWA.Title := 'Passwordless sign-in';
    oWA.ShowPasskeyIcon := True;
    oWA.UsernameSelector := '#username';

    WebModule.Response := oWA.HTML;   // buttons + SimpleWebAuthn JS
  finally
    oWA.Free;
  end;
end;

// includes: sgcHTML_Enums.hpp, sgcHTML_Component_WebAuthnLogin.hpp

// One-liner (register + authenticate, default endpoints):
String html = TsgcHTMLComponent_WebAuthnLogin::Build(
  wamBoth, "/webauthn/register", "/webauthn/authenticate");

// Full control:
TsgcHTMLComponent_WebAuthnLogin *oWA = new TsgcHTMLComponent_WebAuthnLogin(NULL);
try
{
  oWA->Mode = wamBoth;
  oWA->RegisterURL = "/webauthn/register";
  oWA->AuthenticateURL = "/webauthn/authenticate";
  oWA->CallbackURL = "/dashboard";
  oWA->Title = "Passwordless sign-in";
  oWA->ShowPasskeyIcon = true;
  oWA->UsernameSelector = "#username";

  String full = oWA->HTML;   // buttons + SimpleWebAuthn JS
}
__finally
{
  delete oWA;
}

using esegece.sgcWebSockets;

// One-liner (register + authenticate, default endpoints):
string html = TsgcHTMLComponent_WebAuthnLogin.Build(
    TsgcHTMLWebAuthnMode.wamBoth, "/webauthn/register", "/webauthn/authenticate");

// Full control:
var wa = new TsgcHTMLComponent_WebAuthnLogin();
wa.Mode = TsgcHTMLWebAuthnMode.wamBoth;
wa.RegisterURL = "/webauthn/register";
wa.AuthenticateURL = "/webauthn/authenticate";
wa.CallbackURL = "/dashboard";
wa.Title = "Passwordless sign-in";
wa.ShowPasskeyIcon = true;
wa.UsernameSelector = "#username";

string full = wa.HTML;   // buttons + SimpleWebAuthn JS

Referenz

Wichtige Eigenschaften & Methoden

Die Member, die Sie am häufigsten verwenden.

Statischer Builder

Build(aMode, aRegisterURL, aAuthenticateURL) rendert das gesamte Widget in einem Aufruf, mit sinnvollen Standardwerten für Modus und Endpunkte.

Modus

Mode wählt wamRegister, wamAuthenticate oder wamBoth und entscheidet, welche Schaltflächen erscheinen.

Endpunkte

RegisterURL und AuthenticateURL sind die Basen Ihres Servers (das Skript hängt /options und /verify an); CallbackURL ist das Ziel nach einer erfolgreichen Anmeldung.

Schaltflächen & Text

RegisterButtonText, AuthenticateButtonText, RegisterButtonStyle, AuthenticateButtonStyle, Title, Description und ShowPasskeyIcon gestalten die Oberfläche.

Skript & Benutzername

UsernameSelector liest den Benutzernamen vor dem Registrieren aus einem Feld; CustomScript ersetzt das eingebaute SimpleWebAuthn-JavaScript vollständig.

Ausgabe

HTML gibt das Markup plus das Inline-<script> zurück, das SimpleWebAuthnBrowser verwendet; Hinweise nutzen SuccessAlertStyle / ErrorAlertStyle.

Ressourcen

Weiter entdecken

	Alle sgcHTML-KomponentenDurchsuchen Sie die vollständige Funktionsmatrix von über 60 Komponenten.	Öffnen
	Kostenlose Testversion herunterladenDie 30-Tage-Testversion enthält die 60.HTML-Demoprojekte.	Öffnen
	PreiseSingle-, Team- und Site-Lizenzen mit vollständigem Quellcode.	Öffnen

WebAuthnLogin