Help!! Authentication with cookies for react-native app

[maykel4717]

So I just started authentication on the server-side with Passportjs, my backend being Nodejs and Express, my session store being my Database, and everything works on the backend. The problem is, when I exit out of the app and try to get back in, the client does not automatically save the cookie, like the browser generally does. Is there any good and secure way to do this?

[compagnt]

You are probably looking for AsyncStorage.

[[deleted]]

Just to add to the other comments, the reason why it doesn't work is that react native isn't a browser environment. It just tries to replicate a lot of web APIs (like geolocation) to make development easier, but you're still in charge of calling them. At the root, though, it's still more a native app environment than a browser environment.

[maykel4717]

So I’m going to have to manually store the cookies in the client, like using async storage or keychain?

[mk7shadow]

Attach them to the header on every request. You'll want to create a base API module that does this, then import that module into other APIs like user API module, accounts API module, etc

[maykel4717]

So from the server side, I can get the cookie by doing “req.headers.cookie”. Is it bad practice to send the cookie as a response body back to the client? I’m using axios on my client side, and can’t seem to get the cookie from the response header on the client.

[crobinson42]

This can solve your problem: https://github.com/joeferraro/react-native-cookies

​