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 | Hızlı Başlangıç | 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 | Hızlı Başlangıç | GA |
1 Çevrimiçi Hizmetler için Evrensel Lisans Koşulları, Genel önizlemedeki kitaplıklar için geçerlidir.
Yalnızca PKCE ile 2 kimlik doğrulama kodu akışı (Önerilir).
3 Yalnızca örtük izin akışı (Önerilmez).
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.