WebAuthnLogin

TsgcHTMLComponent_WebAuthnLogin — Delphi, C++ Builder ve .NET'te SimpleWebAuthn tabanlı JavaScript üreten, parolasız bir passkey/WebAuthn oturum açma ve kayıt bileşeni.

TsgcHTMLComponent_WebAuthnLogin

Kayıt ve oturum açma düğmelerinin yanı sıra tarayıcı tarafı betiği işleyen bir passkey bileşeni. SimpleWebAuthnBrowser aracılığıyla /options ve /verify uç noktalarınızla konuşur. Modu ve URL'leri ayarlayın, ardından HTML'i okuyun — ya da statik Build yardımcısını kullanın.

Bileşen sınıfı

TsgcHTMLComponent_WebAuthnLogin

İşler

Bootstrap 5 işaretlemesi + WebAuthn JS

Diller

Delphi, C++ Builder, .NET

Tek satır ya da tam denetim

Statik Build yardımcısı, bileşeni tek bir çağrıda işler. Özel bir başlık, kullanıcı adı seçici veya kendi betiğiniz gerektiğinde tam bileşeni kullanın.

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

Temel özellikler & yöntemler

En sık başvurduğunuz üyeler.

Statik oluşturucu

Build(aMode, aRegisterURL, aAuthenticateURL), mod ve uç noktalar için makul varsayılanlarla tüm bileşeni tek bir çağrıda işler.

Mod

Mode, hangi düğmelerin görüneceğine karar vererek wamRegister, wamAuthenticate veya wamBoth seçer.

Uç noktalar

RegisterURL ve AuthenticateURL, sunucunuzun temelleridir (betik /options ve /verify ekler); CallbackURL, başarılı bir oturum açmanın varacağı yerdir.

Düğmeler & metin

RegisterButtonText, AuthenticateButtonText, RegisterButtonStyle, AuthenticateButtonStyle, Title, Description ve ShowPasskeyIcon, arayüzü şekillendirir.

Betik & kullanıcı adı

UsernameSelector, kayıttan önce kullanıcı adını bir alandan okur; CustomScript, yerleşik SimpleWebAuthn JavaScript'ini tamamen değiştirir.

Çıktı

HTML, işaretlemenin yanı sıra SimpleWebAuthnBrowser kullanan satır içi <script>'i döndürür; uyarılar SuccessAlertStyle / ErrorAlertStyle kullanır.

Keşfetmeye devam edin

Tüm sgcHTML Bileşenleri60'tan fazla bileşenin tam özellik matrisine göz atın.
Ücretsiz Deneme Sürümünü İndirin30 günlük deneme, 60.HTML demo projeleriyle birlikte gelir.
FiyatlandırmaTam kaynak kodlu Single, Team ve Site lisansları.

Başlamaya Hazır mısınız?

Ücretsiz deneme sürümünü indirin ve Delphi, C++ Builder ya da .NET web uygulamanıza passkey oturum açma ekleyin.