Cookies/localStorage is not shared across WKWebView:s

[epiceros]

I opened an issue here:
facebook/react-native#21450

Is this something that needs to be addressed here as well?

[felixmeziere]

This is blocking us too :/

[Titozzz]

Can you give more details about your environment? Does this only apply to wkwebview? Is it fine on Android and UIWebview ? Do you have multiples Webview a t the same time or only one that you close then reopen ?

[epiceros]

Hi! Some more info. We have an app with one main webview where, the user logs in. Then at times we overlay that webview with another webview, where the user needs to be logged in (so they are both open at the same time, and they are on the same domain). The webview displays fine, but the user is not logged in, in the overlaying webview. This is only the case for WKWebView, in UIWebView, and on Android, it just works.

[Titozzz]

Ok, thanks for the details. If you want to start working on it I can review / merge pull requests 🚀

[felixmeziere]

@epiceros @Titozzz found an improvable fix for this for now:

• Add master branch of react-native-cookies to your package.json: "react-native-cookies: "git+https://github.com/joeferraro/react-native-cookies"
• Install/link the library properly.
• Get the cookies of the website you need and then set them with the hidden option useWebKit set to true.

const cookies = await CookieManager.get('http://example.com')
CookieManager.set({
  name: 'myCookie',
  value: cookies.myCookie.value,
  domain: cookies.myCookie.domain,
  origin: cookies.myCookie.domain,
  path: cookies.myCookie.domain.path,
  version: '1',
  expiration: cookies.myCookie.expiresDate
}, true) // <= true here!!!

You might just need the set part.
Not sure of what's really needed and not in this, I don't have time to investigate more on it. If you find a quicker way of doing it please tell us here :-)

[Titozzz]

Good insight, thanks

[finalquest]

Me again.
We have been strugling with cookies errors on wkwebview from the start.
The way wkwebview handles cookies on iOS is pretty rare.
In the old UIWebview, the cookies are shared between all the network requests of the application.
So, for example, I logged to a server using fetch on RN, the webview can keep a session without login, because the cookie session is already setted by the first fetch.

WKWebview dosnt work like this. I've made several attempst to fix that on the react-native-wkwebview repo, but I failed every time.

So, if anyone has any insight on this, I will gladly accept it

Regards

[KoenLav]

This should already be fixed here:

CRAlpha/react-native-wkwebview@3e01629

Please consider replacing WKWebView with this better maintained version, per my suggestion here: #105

[kylemantesso]

I've raised a PR to fix this issue

[github-actions]

Hello 👋, this issue has been opened for more than 2 months with no activity on it. If the issue is still here, please keep in mind that we need community support and help to fix it! Just comment something like still searching for solutions and if you found one, please open a pull request! You have 7 days until this gets closed automatically