Catatan
Akses ke halaman ini memerlukan otorisasi. Anda dapat mencoba masuk atau mengubah direktori.
Akses ke halaman ini memerlukan otorisasi. Anda dapat mencoba mengubah direktori.
Library MSAL untuk JavaScript memungkinkan aplikasi JavaScript di sisi klien untuk mengautentikasi pengguna menggunakan akun kerja dan sekolah Microsoft Entra ID, akun pribadi Microsoft (MSA), dan penyedia identitas sosial seperti Facebook, Google, LinkedIn, akun Microsoft, dan lain-lain melalui layanan Azure AD B2C. Ini juga memungkinkan aplikasi Anda untuk mendapatkan token untuk mengakses layanan Microsoft Cloud seperti Microsoft Graph.
Paket @azure/msal-browser memungkinkan autentikasi untuk aplikasi halaman tunggal JavaScript menggunakan Alur Kode Otorisasi OAuth 2.0 dengan PKCE. Ini tidak mendukung alur implisit. Versi saat ini MSAL.js v5.x. Jika Anda menggunakan versi yang lebih lama, lihat panduan migrasi untuk meningkatkan.
Prasyarat
@azure/msal-browserditujukan untuk digunakan dalam skenario Aplikasi Halaman Tunggal.Sebelum menggunakan
@azure/msal-browser, Anda harus mendaftarkan Aplikasi Satu Halaman di Microsoft Entra ID untuk mendapatkan konfigurasi yang validclientId, dan untuk mendaftarkan rute tempat aplikasi Anda akan menerima lalu lintas pengalihan.
Fitur utama
MSAL Browser menyediakan kemampuan berikut untuk aplikasi satu halaman Anda:
- Memungkinkan pengguna masuk dengan alur pop-up atau pengalihan
- Memperoleh token secara diam-diam dari cache atau melalui refresh
- Dukungan untuk alur pop-up Cross-Origin-Opener-Policy (COOP)
- Autentikasi Model Context Protocol (MCP)
- Token yang terikat perangkat melalui broker platform (WAM)
- Cache token terenkripsi AES-GCM dalam localStorage
- Token Bukti Kepemilikan (PoP)
- Akses menyeluruh di seluruh tab dan aplikasi
- Autentikasi Aplikasi Berlapis (NAA) untuk aplikasi Microsoft 365
Installation
Melalui NPM
npm install @azure/msal-browser
Sampel
Foldermsal-browser-samples berisi aplikasi sampel untuk pustaka kami.
Instruksi lebih lanjut untuk menjalankan sampel dapat ditemukan dalam README.md file folder VanillaJSTestApp2.0.
Sampel tingkat lanjut yang didukung dengan tutorial dapat ditemukan di ruang sampel Azure pada GitHub:
- SPA JavaScript yang memanggil API web Express.js
- SPA JavaScript memanggil Microsoft Graph melalui API web Express.js menggunakan alur atas nama
- Tutorial penyebaran untuk Azure App Service dan Azure Storage
Pembungkus Kerangka Kerja
Jika Anda menggunakan kerangka kerja seperti Angular atau React, Anda mungkin tertarik untuk menggunakan salah satu pustaka pembungkus kami: