Tek sayfalı uygulama: Kod yapılandırması
Tek sayfalı uygulamanız (SPA) için kodu yapılandırmayı öğrenin.
Tek sayfalı uygulamaları destekleyen Microsoft kitaplıkları
Aşağıdaki Microsoft kitaplıkları tek sayfalı uygulamaları destekler:
Dil / çerçeve | Proje açık GitHub |
Paket | Alma birini seçin |
Oturum açma kullanıcıları | Web API'lerine erişme | Genel kullanıma açık (GA) veya Genel önizleme1 |
---|---|---|---|---|---|---|
Angular | MSAL Angular v22 | msal-angular | Öğretici | GA | ||
Angular | MSAL Angular3 | msal-angular | — | GA | ||
AngularJS | MSAL AngularJS3 | msal-angularjs | — | Genel önizleme | ||
JavaScript | MSAL.js v22 | msal-browser | Öğretici | GA | ||
JavaScript | MSAL.js 1.03 | msal-core | — | GA | ||
React | MSAL React2 | msal-react | Öğretici | GA |
1Çevrimiçi Hizmetler için Evrensel Lisans Koşulları, Genel önizlemedeki kitaplıklar için geçerlidir.
Yalnızca PKCE ile 2kimlik doğrulama kodu akışı (Önerilir).
Uygulama kodu yapılandırması
MSAL kitaplığında, uygulama kayıt bilgileri kitaplık başlatma sırasında yapılandırma olarak geçirilir.
import * as Msal from "@azure/msal-browser"; // if using CDN, 'Msal' will be available in global scope
// Configuration object constructed.
const config = {
auth: {
clientId: 'your_client_id'
}
};
// create PublicClientApplication instance
const publicClientApplication = new Msal.PublicClientApplication(config);
Yapılandırılabilir seçenekler hakkında daha fazla bilgi için bkz . uygulamayı MSAL.js ile başlatma.
Sonraki adımlar
Bu senaryoda oturum açma ve oturumu kapatma başlıklı sonraki makaleye geçin.