SocialLogin

TsgcHTMLComponent_SocialLogin — Delphi, C++ Builder ve .NET'te her sağlayıcının yetkilendirme URL'sini oluşturan bir OAuth sosyal oturum açma düğme paneli (Google, Facebook, Apple, GitHub, Microsoft, Twitter, LinkedIn veya özel).

Bir bakışta

TsgcHTMLComponent_SocialLogin

Her biri o sağlayıcının OAuth 2.0 yetkilendirme uç noktasına bağlanan, sağlayıcı başına markalı bir Bootstrap düğmesi üreten bir düğme paneli bileşeni. Sağlayıcılar ekleyin, bir düzen seçin, ardından HTML özelliğini okuyun.

Bileşen sınıfı

TsgcHTMLComponent_SocialLogin

İşler

Bootstrap 5 OAuth düğme paneli

Aile

Kimlik Doğrulama

Diller

Delphi, C++ Builder, .NET

QuickStart

Sağlayıcılar ekleyin, paneli işleyin

Her sağlayıcı için istemci kimliği ve yönlendirme URI'siyle AddProvider'i çağırın, Layout ve ayracı ayarlayın, ardından HTML'i okuyun. Her düğme, sağlayıcının yetkilendirme URL'sine bağlanır.

uses
  sgcHTML_Enums, sgcHTML_Component_SocialLogin;

var
  oSocial: TsgcHTMLComponent_SocialLogin;
begin
  oSocial := TsgcHTMLComponent_SocialLogin.Create(nil);
  try
    oSocial.Title := 'Sign in';
    oSocial.Subtitle := 'Choose your login method';
    oSocial.Layout := slVertical;
    oSocial.ShowDivider := True;
    oSocial.DividerText := 'or continue with';

    oSocial.AddProvider(spGoogle, 'GOOGLE_CLIENT_ID',
      'https://app.acme.com/oauth/google');
    oSocial.AddProvider(spGitHub, 'GITHUB_CLIENT_ID',
      'https://app.acme.com/oauth/github');

    WebModule.Response := oSocial.HTML;   // branded OAuth buttons
  finally
    oSocial.Free;
  end;
end;

// Each item can build its own authorization URL:
vURL := oSocial.Providers.Items[0].GetAuthorizationURL;

// includes: sgcHTML_Enums.hpp, sgcHTML_Component_SocialLogin.hpp

TsgcHTMLComponent_SocialLogin *oSocial = new TsgcHTMLComponent_SocialLogin(NULL);
try
{
  oSocial->Title = "Sign in";
  oSocial->Subtitle = "Choose your login method";
  oSocial->Layout = slVertical;
  oSocial->ShowDivider = true;
  oSocial->DividerText = "or continue with";

  oSocial->AddProvider(spGoogle, "GOOGLE_CLIENT_ID",
    "https://app.acme.com/oauth/google", "");
  oSocial->AddProvider(spGitHub, "GITHUB_CLIENT_ID",
    "https://app.acme.com/oauth/github", "");

  String html = oSocial->HTML;   // branded OAuth buttons

  // Each item can build its own authorization URL:
  String url = oSocial->Providers->Items[0]->GetAuthorizationURL();
}
__finally
{
  delete oSocial;
}

using esegece.sgcWebSockets;

var social = new TsgcHTMLComponent_SocialLogin();
social.Title = "Sign in";
social.Subtitle = "Choose your login method";
social.Layout = TsgcHTMLSocialLoginLayout.slVertical;
social.ShowDivider = true;
social.DividerText = "or continue with";

social.AddProvider(TsgcHTMLSocialProvider.spGoogle, "GOOGLE_CLIENT_ID",
    "https://app.acme.com/oauth/google");
social.AddProvider(TsgcHTMLSocialProvider.spGitHub, "GITHUB_CLIENT_ID",
    "https://app.acme.com/oauth/github");

string html = social.HTML;   // branded OAuth buttons

// Each item can build its own authorization URL:
string url = social.Providers.Items[0].GetAuthorizationURL();

Başvuru

Temel özellikler & yöntemler

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

Sağlayıcılar

AddProvider(aProvider, aClientID, aRedirectURI, aScope), bir düğme ekler; Providers, elle de düzenleyebileceğiniz TsgcHTMLSocialProviderItems koleksiyonudur.

Sağlayıcı türleri

TsgcHTMLSocialProvider enum'u spGoogle, spFacebook, spApple, spGitHub, spMicrosoft, spTwitter, spLinkedIn ve spCustom'ı kapsar.

Sağlayıcı başına öğe

Her öğe Provider, ClientID, RedirectURI, Scope, AuthURL, State, ButtonText, IconURL ve CustomColor sunar; GetAuthorizationURL, tam URL'yi döndürür.

Başlık & ayraç

Title ve Subtitle, panele başlık ekler; ShowDivider ve DividerText, "or continue with" çizgisini çizer.

Düzen & stil

Layout, slVertical veya slHorizontal seçer; MaxWidth, ShowIcons, ButtonPadding ve ButtonBorderRadius, düğmeleri ayarlar.

Çıktı

HTML, düğme panelini döndürür; enjekte edilen bir stil sayfası, üzerine gelme efektini ekler. Sunun ya da bir sayfa şablonunun BodyContent'ine atayın.

Kaynaklar

Keşfetmeye devam edin

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