adal-angular4-example | Angular 4 ADAL Wrapper Example | Command Line Interface library

by benbaran TypeScript Version: v0.1.0 License: No License

X-Ray Key Features Code Snippets Community Discussions(2)Vulnerabilities Install Support

kandi X-RAY | adal-angular4-example Summary

adal-angular4-example is a TypeScript library typically used in Utilities, Command Line Interface, Angular, NPM applications. adal-angular4-example has no bugs, it has no vulnerabilities and it has low support. You can download it from GitHub.

npm install --save @angular/material @angular/cdk. npm install --save @angular/animations. import {BrowserAnimationsModule} from '@angular/platform-browser/animations';. @NgModule({ ... imports: [BrowserAnimationsModule], ... }). npm install --save hammerjs. ng g module Material. ng g component Toolbar. ng g component Home ng g component NotFound. npm install --save adal-angular4@latest.

Support

Quality

Security

License

Reuse

Support

adal-angular4-example has a low active ecosystem.

It has 29 star(s) with 12 fork(s). There are 2 watchers for this library.

It had no major release in the last 12 months.

There are 12 open issues and 8 have been closed. On average issues are closed in 44 days. There are no pull requests.

It has a neutral sentiment in the developer community.

The latest version of adal-angular4-example is v0.1.0

Quality

adal-angular4-example has no bugs reported.

Security

adal-angular4-example has no vulnerabilities reported, and its dependent libraries have no vulnerabilities reported.

License

adal-angular4-example does not have a standard license declared.

Check the repository for any license declaration and review the terms closely.

Without a license, all rights are reserved, and you cannot use the library in your applications.

Reuse

adal-angular4-example releases are available to install and integrate.

Top functions reviewed by kandi - BETA

kandi's functional review helps you automatically verify the functionalities of the libraries and avoid rework.
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of adal-angular4-example

Get all kandi verified functions for this library.

adal-angular4-example Key Features

No Key Features are available at this moment for adal-angular4-example.

adal-angular4-example Examples and Code Snippets

No Code Snippets are available at this moment for adal-angular4-example.

Community Discussions

Trending Discussions on adal-angular4-example

adal angular app reloading - by design?

Get Token for Microsoft Graph API in Angular2

QUESTION

adal angular app reloading - by design?

Asked 2019-Sep-04 at 02:56

I have built a simple angular app and for authentication, I authenticate against AzureAD using use the npm package adal-angular4

When authentication happens, the user gets sent to https://login.microsoftonline.com they login and get sent back to the agulare app which causes a reload/recompile which will cause a load time delay, only short but the overall load time experience is doubled.

As you can see above :

login is loaded (localhost)
app is compiled
user taken to login screen (azuread)
user logs in and user is taken back to login (localhost)
app is complied

The load gap between main.bundle.js and background' is a simple way to show the compile time, its only a VERY TIME but I have a VERY FAST PC.

What can be done to avoid the recompile? My thoughts are

Do all the auth in the index.html (eg, pre first load of APP) and just save the JWT token to the session storage
Find an angular packages do this via an IFRAME

Anyone got any thoughts on this? maybe adal-angular4 should use an IFRAME?

Some more details

Example of adal-angular4

Microsofts anglurejs example which uses this javascrit maybe this is a good starting place for a pure JavaScript solutoon thats executed from the index.html.

...

ANSWER

Answered 2017-Jul-03 at 07:01

Based on my understanding, this is not able to avoid. When the app interact with Azure AD via the Oauth protocol, the flow is like below:

users click start login-in progress from app
the app was redirected to the identity data provider(Azure AD)
users enter the username/password
the identity data provider response with the 302 redirection to the app

Do all the auth in the index.html (eg, pre first load of APP) and just save the JWT token to the session storage

No, as see the progress in the steps above the authentication has two steps. First is authentication with Azure AD, then the web app authenticate the users with the id_token issued by Azure AD.

More detail about the Oauth 2.0, you can refer the link below:

The OAuth 2.0 Authorization Framework

Source https://stackoverflow.com/questions/44846545

QUESTION

Get Token for Microsoft Graph API in Angular2

Asked 2017-Aug-29 at 02:12

Im using this https://github.com/benbaran/adal-angular4-example in my Angular app.

When I use the token from this to access Microsoft Graph API I get the following response

...

ANSWER

Answered 2017-Aug-29 at 02:12

There are several Angular examples available on GitHub: https://github.com/search?q=angular+sample+user:microsoftgraph&type=Repositories

The error you're getting here could have a number of root causes. One common reason for this error is mixing the v1 and v2 endpoint. Another would be failing to request the proper resource when obtaining the token. To debug the cause I would need to understand a bit more such as where you registered your application, which scopes you requested and which calls you were making into Graph.

Source https://stackoverflow.com/questions/45916186

Community Discussions, Code Snippets contain sources that include Stack Exchange Network

Vulnerabilities

No vulnerabilities reported

Install adal-angular4-example

You can download it from GitHub.

Support

For any new features, suggestions and bugs create an issue on GitHub. If you have any questions check and ask questions on community page Stack Overflow .

Find more information at: