Custom login in angular 5 to authenticate with AzureAD - javascript

I have created a nodejs Web API for my backend, and my client application is written in Angular 5, as part of the requirements they want me to create a login page inside this app asking for email and password, I've been looking for an example where they try to do the same thing I am doing but I've been unlucky. I tried angular-oauth2-oidc library for doing this but I received a CORS error. Could someone provide a guide for doing this?
I've seen that moodle web app did this but is in PHP how I could implement this?

Related

Azure AD Authentication on React Frontend with Node.js Backend

I would like to add an Azure AD configuration to my React&Node.js project. What I want is to log in on Frontend using Azure AD and then send a request with f.e axios to my backend written in Node.js, so that Node.js knows that the user is logged in and can perform the request. I was reading tutorials/documentation on Microsoft site for all day, but I still don't know how and where to start. Basically, almost every Microsoft Tutorial is either to call a Microsoft Graph API from Node.js or from React.js. I completely do not want to use Microsoft Graph. I just want to have simple login on frontend and protected endpoints from un-logged user on backend. The other tutorials that I find are too complicated f.e https://github.com/Azure-Samples/ms-identity-javascript-react-tutorial/tree/main/3-Authorization-II/1-call-api . I understand the concept of App registration, client id, tenant id and etc. but I simply don't know how to write a code that: login, send the request with token - then is accepted/declined by Node.js .
If by any chance, somehow did an application like that, or can provide me a link to a well written tutorial, so I would understand and recreate it in my scenario, I would be grateful.

Authentication mechanism for a crawler with javascsript

Forms Authentication
I am trying to integrate an authentication mechanism on the crawler. As a result of my research, I decided that the most optimized solution is to have the user fill out a login form and use it to authenticate. But I don't know exactly how to do this. Can anyone help who has developed a login mechanism like the image I shared before or knows how it was developed?

How do I show the Auth0 login page when using FeathersJS

I'm using FeathersJS as a REST service but I need the user to be able to login with Auth0. How do I show the Auth0 login page to the user?
After checking FeathersJS website, I saw you can run it paired with express. So it should be alright to use Auth0's express quickstart to build that connection. I have referenced said doc below should help you on your path. Thanks!
https://auth0.com/docs/quickstart/backend/nodejs/01-authorization

Azure AD authentication on Windows App using pure JavaScript

I'm working on a windows app using pure JavaScript and try to use AAD for authentication. The issue that I'm facing is aftering calling the "login" function from adal.js which will redirect user to the login page, how shall the app receive the response assuming the user logged in successfully? The page that I'm seeing now after login is saying"This page cannot be displayed. Make sure the web address https://login.microsoftonline.com is correct." I have entered the redirectURI value in azure with the one starting with "ms-app://s-1-15-***".
I've gone through the examples from the AAD developer's guide and I don't see examples of windows app + pure JavaScript. The "Windows Universal" section has example of C# and the "JavaScript" section is for web page application.
As adal for js is designed for web application, the redirect_url parameter requires a web server host location. So the using plain javascript to integrate adal for js is not so suitable in this scenario.
You can try to follow several workarounds:
To use C# lib in your UWP application.
To use Azure Mobile Apps' Authentication feature to authenticate & authorize your users. On sever side, you can refer to https://learn.microsoft.com/en-us/azure/app-service-mobile/app-service-mobile-windows-store-dotnet-get-started-users. And on your UWP side, you can refer to https://yorkporc.wordpress.com/2014/06/07/winjs-windows-store-app-and-aad-sso-experience-i-e-save-cookies-from-microsoftonlineaad-login-pages/ for similar usage.
Any further concern, please feel free to let me know.
I finally figured out how to perform the AAD authentication in windows app using javascript. So there's the WebAuthenticationBorker from WinRT that can be utilized for the authentication through the OAuth2 endpoint.
A link here is a very helpful example.

SOAP Web Service Single User Login Integration

Working on a project where i need to implement single-user login, or letting them use the same login on their main website, as well as on another site. Right now they are using a SOAP web service. I have used my googlefu to try and work this out, but I need some help.
https://www.kappaalphatheta.org/gateway2/production/com/theta/authentication/AuthenticationGateway.cfc?wsdl
Just above this is a link to their service. I am using a .net authentication service on our website. With no experience in SOAP or authentication, how can I set up my site to authenticate a user from their service, and also pull other information like address and email address?
I have looked at their site, and they are using javascript and not PHP, whereas on google most people use PHP. I would prefer to keep using JS or jquery.
Thanks for looking, and help is appreciated.

Categories

Resources