Adding Single Sign On for ExtJs 6.0 Application - extjs

I am looking to integrate Azure SSO for my extjs application, I don't have node in my application stack. How can I integrate SSO into my extjs application?
My Application stack using extjs for UI and Django for backend.
https://github.com/AzureAD/microsoft-authentication-library-for-js/tree/dev/lib/msal-browser
I tried using lua-openidc but this is an Ajax Based application the ajax calls after the authentication is causing CORs error so I think instead of using this library I think using MSAL will give best results, but unfortunately I cannot find any samples for extjs nor I can find anything that can using MSAL without node.
Any help is appreciated !!

Related

Can I use devise for authentication when I wanted to use Rails as a api only and React as a front end framework

I have a research task to do. I want to use Ruby on Rails as a api only application and React.Js as a front end framework. I have just started researching about it but I cant find any video/article that is using react-rails combo and devise as authentication. Is it possible to use devise for this combo or I have to do authentication all manual way using sessions and sending authorization token with every request from react.
hope this article helps. I used it for a group project and it worked.

How to authenticate react .netcore webapp's backend code using AAD?

i have created react dotnet core webapp and implemented AAD authnetication for front end using "react-adal".But not getting how can i authenticate backend.
Please suggest any approach !
It is recommended to use MSAL as ADAL is being deprecated.
Also, front end libraries uses implicit and auth code flow which will authenticate in front end itself. So, since you are using front end library it is not possible to auth with back end. For authenticating with BAckend use backend language like asp.net(we can use Msal.net library).
Here is a Sample on how to use MSAL with React to call Microsoft Graph.
The only different in your case will be that instead of calling Microsoft Graph, you will call your own API.
Bottomline is - there is no direct integration package yet for react. Which can also be read from the official statement on the msal-js repo:
After our current libraries are up to standards, we will begin
balancing new feature requests, with new platforms such as react and
node.js.
If you want to use .net core instead then please go through the sample here

Is it possible to make the OAuth 2.0 verifying window open inside the react app without refreshing or exiting from the page?

I'm setting a rest API to handle the authentication and the data for a react app, which will be a single page app with the ability to login using a google account. My question is if it possible to make the verifying process (using OAuth 2.0 in the backend) without leaving the react app, I saw that TikTok is simply opening a new window to choose a Google account. Is there a better solution? Is there something similar to the way we use Google maps API inside the web apps?
The window.open is the best bet. In many cases if you are working with identity providers window.open does not work, there you need a redirect to their website and back. Attempting anything else like an IFRAME equivalent is wasted effort :). Can you explain your use case further. Is yours a web app or device native app?

Jira REST APIs integration in reactjs application using "oath" authentication

How to integrate jira's REST APIs in reactjs application using "oath" authentication.
For a better understanding, you can start with this documentation. For sample code, this repo might be able to help you out; although there's no React specific sample, you can easily learn from the existing ones there (like Node.js) and apply it to your design as necessary.

Angularjs and SSO (SAML2)

I came across with this AngularJs thing, and I thing it is awesome, really solves many problems I confronted while working on my last WebApp with just a few lines of code.
Now, what I didn't find or was looking in bad places is the protection of AngularJs app with SSO (simpleSAMLphp Identity provider). How to deal with this?
What I am going to build will use Pyramid framework as a backend REST API, and AngularJs (I wish) for the frontend. But how to protect the app from unauthorized access, skipping the sso login. Any implementation example or lessons working on similar case would help (may be with php, ruby backends and SSO etc)
I doesn't seem like pyramid has any direct support for SAML authetication. I suggest using a third party application for SAML. For example Shibboleth. The SAML communication is done on the server side so Angular wont need any integration.
Google like 'Authentication in angular JS application' you can get lot to protect your angular app. To protect your REST API use Oauth whether its a php or ruby application.

Resources