Hızlı Başlangıç: Azure Active Directory B2C kullanarak tek sayfalı bir uygulama için oturum açmayı ayarlama

Azure Active Directory B2C (Azure AD B2C), uygulamanızın, işletmenizin ve müşterilerinizin korunmasını sağlamak için bulut kimlik yönetimi sağlar. Azure AD B2C; uygulamalarınızın, açık standart protokolleri kullanarak sosyal hesaplarda ve kurumsal hesaplarda kimlik doğrulaması gerçekleştirmesine olanak tanır.

Bu hızlı başlangıçta, sosyal kimlik sağlayıcısı kullanıp Azure AD B2C korumalı web API’si çağırarak oturum açmak için bir tek sayfalı uygulama kullanırsınız.

Önkoşullar

• Visual Studio Code

• Node.js

• Facebook, Google veya Microsoft'tan sosyal hesap

• GitHub'dan kod örneği: ms-identity-b2c-javascript-spa:

  Zip arşivini indirebilir veya depoyu kopyalayabilirsiniz

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

Uygulamayı çalıştırma

1. Node.js komut isteminde şu komutları çalıştırarak sunucuyu başlatın:

   npm install
   npm update
   npm start
   

   server.js tarafından başlatılan sunucu, dinlediği bağlantı noktasını görüntüler:

   Listening on port 6420...
   

2. Uygulamanın URL'sine göz atın. Örneğin, http://localhost:6420.

Hesabınızı kullanarak oturum açın

1. Kullanıcı yolculuğuna başlamak için Oturum Aç'ı seçin.

2. Azure AD B2C, örnek web uygulaması için "Fabrikam" adlı kurgusal bir şirket için oturum açma sayfası sunar. Sosyal kimlik sağlayıcısı kullanarak kaydolmak için kullanmak istediğiniz kimlik sağlayıcısının düğmesini seçin.

   

   Sosyal hesap kimlik bilgilerinizi kullanarak kimlik doğrulaması yapar (oturum açarsınız) ve uygulamayı sosyal hesabınızdaki bilgileri okuması için yetkilersiniz. Erişim izni verdiğinizde uygulama sosyal hesabınızdan adınız ve şehriniz gibi profil bilgilerini alabilir.

3. Kimlik sağlayıcısına ilişkin oturum açma işlemini tamamlayın.

Korumalı bir API kaynağına erişme

Görünen adınızı web API'sinden JSON nesnesi olarak döndürmek için Api'yi çağır'ı seçin.

Örnek tek sayfalı uygulama, korumalı web API’si kaynağına yönelik isteğe bir erişim belirteci ekler.

Sonraki adımlar

• Azure portal kendi Azure Active Directory B2C kiracınızı oluşturmaya başlama