Rychlý start: Nastavení přihlášení pro jednostránkovou aplikaci pomocí Azure Active Directory B2C

Důležité

Od 1. května 2025 už nebude Azure AD B2C k dispozici k nákupu pro nové zákazníky. Další informace najdete v našich nejčastějších dotazech.

Azure Active Directory B2C (Azure AD B2C) poskytuje cloudovou správu identit, která chrání vaše aplikace, firmy i zákazníky. Azure AD B2C umožňuje vašim aplikacím ověřovat se na sociálních účtech a podnikových účtech pomocí otevřených standardních protokolů.

V tomto rychlém startu se pomocí jednostránkové aplikace přihlásíte pomocí zprostředkovatele sociální identity a zavoláte chráněné webové rozhraní API Azure AD B2C.

Požadavky

• Visual Studio Code

• Node.js

• Sociální účet od Facebooku, Googlu nebo Microsoftu

• Ukázka kódu z GitHubu: ms-identity-b2c-javascript-spa:

  Můžete si stáhnout archiv zip nebo naklonovat úložiště

  git clone https://github.com/Azure-Samples/ms-identity-b2c-javascript-spa.git
  

Spuštění aplikace

1. Spusťte server spuštěním následujících příkazů z příkazového řádku Node.js:

   npm install
   npm update
   npm start
   

   Server spuštěný prostřednictvím server.js zobrazuje port, na kterém naslouchá:

   Listening on port 6420...
   

2. Přejděte na adresu URL aplikace. Například: http://localhost:6420.

Přihlaste se pomocí svého účtu

1. Výběrem Přihlásit se zahájíte uživatelskou cestu.

2. Azure AD B2C zobrazí přihlašovací stránku pro fiktivní společnost s názvem "Fabrikam" pro ukázkovou webovou aplikaci. Chcete-li se zaregistrovat pomocí poskytovatele sociální identity, vyberte tlačítko poskytovatele identity, kterého chcete použít.

   

   Provedete ověření (přihlášení) pomocí přihlašovacích údajů k účtu na sociální síti a povolíte aplikaci číst informace z vašeho účtu na sociální síti. Udělením přístupu může aplikace načíst profilové informace ze sociálního účtu, jako je vaše jméno a město.

3. Dokončete proces přihlášení pro poskytovatele identity.

Přístup k chráněnému prostředku rozhraní API

Vyberte Rozhraní API pro volání, aby se váš zobrazovaný název vrátil z webového rozhraní API jako objekt JSON.

Ukázková jednostránková aplikace obsahuje přístupový token v požadavku na prostředek chráněného webového rozhraní API.

Další kroky

• Začínáme s vytvářením vlastního tenanta Azure Active Directory B2C na webu Azure Portal