Hızlı Başlangıç: Kimlik doğrulama kodu akışını kullanarak Angular SPA'da oturum açma ve erişim belirteci alma
Hoş geldiniz! Bu muhtemelen beklediğiniz sayfa değildir. Bir düzeltme üzerinde çalışırken bu bağlantı sizi doğru makaleye götürmelidir:
Bu sorun için özür dileriz ve bu sorunu çözmek için çalışırken sabrınızı takdir ediyoruz.
Bu hızlı başlangıçta, bir JavaScript Angular tek sayfalı uygulamanın (SPA) kullanıcılarda nasıl oturum açabileceğini ve yetkilendirme kodu akışını kullanarak Microsoft Graph'ı nasıl çağırabileceğini gösteren bir kod örneği indirip çalıştıracaksınız. Kod örneği, Microsoft Graph API'sini veya herhangi bir web API'sini çağırmak için erişim belirteci almayı gösterir.
Bkz. Örnek bir çizim için nasıl çalışır ?
Bu hızlı başlangıçta yetkilendirme kodu akışı ile MSAL Angular v2 kullanılmaktadır.
Önkoşullar
- Azure aboneliği - Ücretsiz azure aboneliği oluşturma
- Node.js
- Visual Studio Code veya başka bir kod düzenleyicisi
1. Adım: Uygulamanızı Azure portalında yapılandırma
Bu hızlı başlangıçtaki kod örneğinin çalışması için öğesinin Yeniden Yönlendirme URI'sinihttp://localhost:4200/ekleyin.
Uygulamanız bu > özniteliklerle yapılandırıldı.
2. Adım: Projeyi indirme
Node.js kullanarak projeyi bir web sunucusuyla çalıştırma
Not
Enter_the_Supported_Account_Info_Here
3. Adım: Uygulamanız yapılandırılmış ve çalışmaya hazır
Projenizi uygulamanızın özelliklerinin değerleriyle yapılandırdık.
4. Adım: Projeyi çalıştırma
Node.js kullanarak projeyi bir web sunucusuyla çalıştırın:
Sunucuyu başlatmak için proje dizininden aşağıdaki komutları çalıştırın:
npm install npm starthttp://localhost:4200/adresine göz atın.Oturum açma işlemini başlatmak için Oturum Aç'ı seçin ve ardından Microsoft Graph API'sini çağırın.
İlk kez oturum açtığınızda, uygulamanın profilinize erişmesine ve oturum açmasına izin vermek için onay vermeniz istenir. Başarıyla oturum açtıktan sonra, kullanıcı bilgilerinizi sayfada görüntülemek için Profil düğmesine tıklayın.
Daha Fazla Bilgi
Örnek nasıl çalışır?
msal.js
MSAL.js kitaplığı, kullanıcılarda oturum açar ve Microsoft kimlik platformu tarafından korunan bir API'ye erişmek için kullanılan belirteçleri istemektedir.
Node.js yüklediyseniz, Node.js Paket Yöneticisi (npm) kullanarak en son sürümü indirebilirsiniz:
npm install @azure/msal-browser @azure/msal-angular@2
Sonraki adımlar
Vanilya JavaScript kullanarak kimlik doğrulama kod akışı uygulaması oluşturma hakkında ayrıntılı bir adım adım kılavuz için aşağıdaki öğreticiye bakın: