Rychlý start: Nastavení přihlášení k jednostránkové aplikaci pomocí Azure Active Directory B2C

Azure Active Directory B2C (Azure AD B2C) poskytuje správu cloudových identit, která chrání vaše aplikace, firmy a zákazníky. Azure AD B2C umožňuje aplikacím provádět ověřování účtů na sociálních sítích a podnikových účtů s využitím protokolů s otevřenými standardy.

V tomto rychlém startu použijete jednostránkovou aplikaci k přihlášení pomocí zprostředkovatele sociální identity a zavolání webového rozhraní API chráněného službou Azure AD B2C.

Požadavky

• Visual Studio Code

• Node.js

• Účet na sociálních sítích Facebook, Google nebo Microsoft

• 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. Spuštěním následujících příkazů na příkazovém řádku Node.js spusťte server:

   npm install
   npm update
   npm start
   

   Server spuštěný server.js zobrazí port, na který naslouchá:

   Listening on port 6420...
   

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

Přihlášení pomocí vašeho účtu

1. Vyberte Přihlásit se a zahajte cestu uživatele.

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

   

   Ověřujete se (přihlašujete se) pomocí přihlašovacích údajů účtu na sociálních sítích a autorizujete aplikaci ke čtení informací z vašeho účtu na sociálních sítích. Díky udělení přístupu může aplikace z účtu na sociální síti načíst informace o profilu, jako je vaše jméno a město.

3. Dokončete proces přihlašování příslušného zprostředkovatele identity.

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

Vyberte Volat rozhraní API , aby se zobrazované jméno vrátilo z webového rozhraní API jako objekt JSON.

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

Další kroky

• Začněte vytvářet vlastního tenanta Azure Active Directory B2C v Azure Portal