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

Önemli

1 Mayıs 2025 tarihinden itibaren Azure AD B2C artık yeni müşteriler için satın alınamayacak. SSS bölümünden daha fazla bilgi edinebilirsiniz.

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ına olanak tanır.

Bu hızlı başlangıçta, bir sosyal kimlik sağlayıcısı kullanarak oturum açmak ve Azure AD B2C korumalı bir web API'sini çağırmak için tek sayfalı bir uygulama kullanacaksı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 isteminden aşağıdaki 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. Uygulama, erişim izni vererek sosyal hesaptan adınız ve şehriniz gibi profil bilgilerini alabilir.

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

Korumalı 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'sine yönelik istekte bir erişim belirteci içerir.

Sonraki Adımlar

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