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ıç Kitaplık, kullanıcı oturum açma için kimlik belirteçleri isteyebilir. Kitaplık, korumalı web API'leri için erişim belirteçleri isteyebilir. GA
Angular MSAL Angular3 msal-angular Kitaplık, kullanıcı oturum açma için kimlik belirteçleri isteyebilir. Kitaplık, korumalı web API'leri için erişim belirteçleri isteyebilir. GA
AngularJS MSAL AngularJS3 msal-angularjs Kitaplık, kullanıcı oturum açma için kimlik belirteçleri isteyebilir. Kitaplık, korumalı web API'leri için erişim belirteçleri isteyebilir. Genel önizleme
JavaScript MSAL.js v22 msal-browser Öğretici Kitaplık, kullanıcı oturum açma için kimlik belirteçleri isteyebilir. Kitaplık, korumalı web API'leri için erişim belirteçleri isteyebilir. GA
JavaScript MSAL.js 1.03 msal-core Kitaplık, kullanıcı oturum açma için kimlik belirteçleri isteyebilir. Kitaplık, korumalı web API'leri için erişim belirteçleri isteyebilir. GA
React MSAL React2 msal-react Hızlı Başlangıç Kitaplık, kullanıcı oturum açma için kimlik belirteçleri isteyebilir. Kitaplık, korumalı web API'leri için erişim belirteçleri isteyebilir. 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.