Mulai cepat: Siapkan masuk untuk aplikasi satu halaman menggunakan Azure Active Directory B2C

Azure Active Directory B2C (Azure AD B2C) menyediakan manajemen identitas cloud untuk melindungi aplikasi, bisnis, dan pelanggan Anda. Azure AD B2C mengaktifkan aplikasi Anda untuk mengautentikasi ke akun sosial, akun perusahaan menggunakan protokol standar terbuka.

Dalam mulai cepat ini, Anda menggunakan aplikasi ASP.NET untuk masuk menggunakan IdP sosial dan memanggil web API terproteksi Azure AD B2C.

Prasyarat

• Visual Studio Code

• Node.js

• Akun sosial dari Facebook, Google, atau Microsoft

• Sampel kode dari GitHub: ms-identity-b2c-javascript-spa:

  Anda dapat mengunduh arsip zip atau mengkloning repositori

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

Menjalankan aplikasi

1. Mulai server dengan menjalankan perintah berikut dari perintah Simpul.js:

   npm install
   npm update
   npm start
   

   Server yang dimulai server.js menampilkan porta yang didengarkannya di:

   Listening on port 6420...
   

2. Telusuri ke URL aplikasi. Contohnya:http://localhost:6420

Masuk menggunakan akun Anda

1. Pilih Masuk untuk memulai perjalanan pengguna.

2. Azure AD B2C menyediakan halaman masuk untuk perusahaan fiktif bernama “Fabrikam” untuk aplikasi web sampel. Untuk mendaftar menggunakan IdP sosial, klik tombol IdP yang ingin Anda gunakan.

   

   Anda mengautentikasi (masuk) menggunakan informasi masuk akun sosial Anda dan izinkan aplikasi untuk membaca informasi dari akun sosial Anda. Dengan memberikan akses, aplikasi dapat mengambil informasi profil dari akun sosial seperti nama dan kota Anda.

3. Selesaikan proses masuk untuk IdP.

Mengakses sumber daya API yang terlindungi

Pilih Call API agar nama tampilan Anda dikembalikan dari API web sebagai objek JSON.

Sampel aplikasi satu halaman menyertakan token akses dalam permintaan ke sumber daya API web yang dilindungi.

Langkah berikutnya

• Mulai membuat penyewa Azure Active Directory B2C Anda sendiri di portal Microsoft Azure