How to authenticate React Native user by React Web page?

Question

In our company we decided that we will not use separate Login/Register/ChangePassword forms for React Weband React Native and we will rather make React Web forms once and them reuse them in React Native.

This means that user of Native app clicks on Login button and default browser is opened to log in. After successfull login, user is redirected back into Native app as alrady logged.

I think this is very common in Hybrid Native apps, but I not found any docs how to achieve this in React Native.

Can anybody help me with quick example or redirect me to some docs/post?

Pedro Martins Melo · Accepted Answer · 2020-02-14 17:07:52Z

1

You could use react-native-webview to open the company login url, and pass a injectedJavascript props to WebView component that when the user is logged in you get the elements with user's data(Ex: getElementById("userName")) and close WebView redirecting user back to the app.

Extra Information here;

WebView props here so you can know how to control it.

edited Feb 14, 2020 at 17:07

answered Feb 14, 2020 at 16:53

Pedro Martins Melo

608 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to authenticate React Native user by React Web page?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related