react-oauth-popup | ️ React component for doing oAuth popups | OAuth library

by kgoedecke JavaScript Version: Current License: MIT

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

kandi X-RAY | react-oauth-popup Summary

react-oauth-popup is a JavaScript library typically used in Security, OAuth, React applications. react-oauth-popup has no bugs, it has no vulnerabilities, it has a Permissive License and it has low support. You can download it from GitHub.

️ React component for doing oAuth popups

Support

Quality

Security

License

Reuse

Support

react-oauth-popup has a low active ecosystem.

It has 23 star(s) with 16 fork(s). There are 1 watchers for this library.

It had no major release in the last 6 months.

There are 0 open issues and 5 have been closed. On average issues are closed in 244 days. There are no pull requests.

It has a neutral sentiment in the developer community.

The latest version of react-oauth-popup is current.

Quality

react-oauth-popup has 0 bugs and 0 code smells.

Security

react-oauth-popup has no vulnerabilities reported, and its dependent libraries have no vulnerabilities reported.

react-oauth-popup code analysis shows 0 unresolved vulnerabilities.

There are 0 security hotspots that need review.

License

react-oauth-popup is licensed under the MIT License. This license is Permissive.

Permissive licenses have the least restrictions, and you can use them in most projects.

Reuse

react-oauth-popup releases are not available. You will need to build from source code and install.

Installation instructions, examples and code snippets are available.

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 react-oauth-popup

Get all kandi verified functions for this library.

react-oauth-popup Key Features

No Key Features are available at this moment for react-oauth-popup.

react-oauth-popup Examples and Code Snippets

No Code Snippets are available at this moment for react-oauth-popup.

Community Discussions

Trending Discussions on react-oauth-popup

OAuth popup cross-domain security React.js

QUESTION

OAuth popup cross-domain security React.js

Asked 2020-Jan-22 at 09:13

I'm interested in how to implement OAuth in React using popup (window.open).

For example I have:

mysite.com — this is where I open the popup.
passport.mysite.com/oauth/authorize — popup.

The main question is how to create connection between window.open (popup) and window.opener (as it's known the window.opener is null due to cross-domain security therefore we can't use it anymore).

⇑ window.opener is removed whenever you navigate to a different host (for security reasons), there is no way around it. The only option should be doing the payment in a frame if it is possible. The top document needs to stay on the same host.

Scheme:

Possible solutions:

Check an opened window using setInterval described here.
Using cross-storage (not worth it imho ).

So what's the best recommended approach in 2019?

Wrapper for React - https://github.com/Ramshackle-Jamathon/react-oauth-popup

...

ANSWER

Answered 2019-Nov-14 at 19:59

I once encounter an issue on my oauth login flow with window.open/window.opener bug on ms-edge

My flow before this issue was

On login button click open a popup
After successful login the oauth app redirect to my domain's page
Then i call a function of the parent window from with in the popup (window.opener.fn) with data from oauth response and the parent window then close the child popup window

My flow after this issue was

On login button click open a popup
Create a setinterval in case (window.opener is undefined)
After successful login the oauth app redirect to my domain's page
Check if window.opener is available then do #3 from the above flow and clearInterval
If window.opener is not available then since i am on my domains page i try to set localstorage and try to read the localstorage from inside the setInterval function in parent window then clear the localstorage and setInterval and proceed.
(for backward compatibility) If localstorage is also not available then set a client side cookie with the data with a short expiry (5-10 sec) time and try to read the cookie (document.cookie) inside the setInterval function in parent window and proceed.

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

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

Vulnerabilities

No vulnerabilities reported

Install react-oauth-popup

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: