En bref

TsgcHTMLComponent_WebAuthnLogin

Un widget de passkey qui rend des boutons d'enregistrement et de connexion ainsi que le script côté navigateur. Il communique avec vos points d'accès /options et /verify via SimpleWebAuthnBrowser. Définissez le mode et les URL, puis lisez HTML — ou utilisez l'assistant statique Build.

Classe du composant

TsgcHTMLComponent_WebAuthnLogin

Produit

Du balisage Bootstrap 5 + JS WebAuthn

Famille

Authentification

Langages

Delphi, C++ Builder, .NET

QuickStart

Une ligne, ou contrôle complet

L'assistant statique Build rend le widget en un seul appel. Utilisez le composant complet lorsque vous avez besoin d'un titre personnalisé, d'un sélecteur de nom d'utilisateur ou de votre propre script.

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

Référence

Propriétés & méthodes clés

Les membres que vous utilisez le plus souvent.

Constructeur statique

Build(aMode, aRegisterURL, aAuthenticateURL) rend l'ensemble du widget en un seul appel, avec des valeurs par défaut sensées pour le mode et les points d'accès.

Mode

Mode sélectionne wamRegister, wamAuthenticate ou wamBoth, déterminant quels boutons apparaissent.

Points d'accès

RegisterURL et AuthenticateURL sont les bases de votre serveur (le script ajoute /options et /verify) ; CallbackURL est l'endroit où arrive une connexion réussie.

Boutons & texte

RegisterButtonText, AuthenticateButtonText, RegisterButtonStyle, AuthenticateButtonStyle, Title, Description et ShowPasskeyIcon façonnent l'interface.

Script & nom d'utilisateur

UsernameSelector lit le nom d'utilisateur depuis un champ avant l'enregistrement ; CustomScript remplace entièrement le JavaScript SimpleWebAuthn intégré.

Sortie

HTML renvoie le balisage plus le <script> en ligne utilisant SimpleWebAuthnBrowser ; les alertes utilisent SuccessAlertStyle / ErrorAlertStyle.

Ressources

Continuez l'exploration

	Tous les composants sgcHTMLParcourez la matrice complète des fonctionnalités de plus de 60 composants.	Ouvrir
	Télécharger la version d'essai gratuiteLa version d'essai de 30 jours fournit les projets de démonstration 60.HTML.	Ouvrir
	TarifsLicences Single, Team et Site avec code source complet.	Ouvrir

WebAuthnLogin