ADAL und angularjs WITHOUT .NET erzeugt HTTP 404

Question

Ich habe versucht, ADAL in meine AngularJS SPA App zu integrieren, indem ich die Informationen zur AAD-Anwendungskonfiguration aus dem .NET sample app nutze und keine Authentifizierung durchführen kann. Ich bekomme jedes Mal ein 404.

Die Beispielanwendung Anweisungen sind wie folgt:

Step 2: Register the sample with your Azure Active Directory tenant 

    Sign in to the Azure management portal. 
    Click on Active Directory in the left hand nav. 
    Click the directory tenant where you wish to register the sample application. 
    Click the Applications tab. 
    In the drawer, click Add. 
    Click "Add an application my organization is developing". 
    Enter a friendly name for the application, for example "SinglePageApp-DotNet", select "Web Application and/or Web API", and click next. 
    For the sign-on URL, enter the base URL for the sample, which is by default https://localhost:44326/. 
    For the App ID URI, enter https://<your_tenant_name>/SinglePageApp-DotNet, replacing <your_tenant_name> with the name of your Azure AD tenant. 
    All done! Before moving on to the next step, you need to find the Client ID of your application. 

    While still in the Azure portal, click the Configure tab of your application. 
    Find the Client ID value and copy it to the clipboard. 
    Step 3: Enable the OAuth2 implicit grant for your application 

    By default, applications provisioned in Azure AD are not enabled to use the OAuth2 implicit grant. In order to run this sample, you need to explicitly opt in. 

    From the former steps, your browser should still be on the Azure management portal - and specifically, displaying the Configure tab of your application's entry. 
    Using the Manage Manifest button in the drawer, download the manifest file for the application and save it to disk. 
    Open the manifest file with a text editor. Search for the oauth2AllowImplicitFlow property. You will find that it is set to false; change it to true and save the file. 
    Using the Manage Manifest button, upload the updated manifest file. Save the configuration of the app. 
    Step 4: Configure the sample to use your Azure Active Directory tenant 

    Open the solution in Visual Studio 2013. 
    Open the web.config file. 
    Find the app key ida:Tenant and replace the value with your AAD tenant name. 
    Find the app key ida:Audience and replace the value with the Client ID from the Azure portal. 
    Open the file App/Scripts/App.js and locate the line adalAuthenticationServiceProvider.init(. 
    Replace the value of tenant with your AAD tenant name. 
    Replace the value of clientId with the Client ID from the Azure portal. 

Wenn ich meine App konfigurieren sieht es wie folgt aus:

adalProvider.init(
{ 
    instance: 'https://login.microsoftonline.com/', 
    tenant: 'http://mytenantname.onmicrosoft.com', 
    clientId: '000000000-583f-4218-b410-28c2acf00000', 
    extraQueryParameter: '12345', 
}, 
$httpProvider 
); 

Allerdings, wenn ich versuche ich immer zu authentifizieren, um eine 404-Antwort zu erhalten, dass Meine App wird nicht erkannt. Irgendeine Idee, was hier falsch ist?

Answer 1

Die Probleme sind in dem Mieter Wert:

1. Der Mieter Eigenschaft muss ein URN sein, nicht eine URL, so sollte es die 'http: //' nicht enthalten.
2. Sie müssen den Anwendungsnamen am Ende der URN einfügen, um die Anwendung innerhalb des Verzeichnisses eindeutig zu identifizieren.

Versuchen Sie es und sehen, ob es funktioniert.