Setting cookies in request header

Photoshop UXP Plugin API
, , ,
1

I have been trying to get cookies to work in my Photoshop UXP plugin.
First, I send a login request to my server and the login response sends back a “set-cookie” header.
But the cookie is not sent in the subsequent requests’ header sent to the server.
I tried using plain xmlhttprequest and also fetch() with credentials: ‘include’ set (in both login request and subsequent requests).
They both don’t work.
Any help would be appreciated.

PS: Setting it manually via document.cookie doesn’t work too.

2

Do you send your request with withCredentials?

3

@Karmalakas Yes, I tried that too. That doesn’t work either.

4

Note: Cookies are not accessible via JS in UXP – which is why setting document.cookie is of no use.

Cookies should be sent when using withCredentials (or the fetch equivalent).

What authentication mechanism is your server using? Is the request being made over HTTPS? Is the server expecting to see a domain for the origin? (UXP plugins run locally, and don’t have an origin… which can trip up servers that expect otherwise.)

How are you validating where/when the cookie is being sent? Are you using a proxy like Charles?

Some code might be useful here.

5

Hi @kerrishotts
My server is an express server, and it uses express-session to handle sessions. This includes sending “set-cookie” header in the response after login.
The plugin receives the response with the set-cookie header. I confirmed this by both printing out the headers and using debug in UXP developer tool. The Network tab, shows the response header “set-cookie” and the cookie tab of the request also contains this cookie. So, there is no problem in receiving the cookie.

Screen Shot 2021-10-28 at 10.42.49 AM
Screen Shot 2021-10-28 at 10.42.49 AM2020×990 111 KB

However on the subsequent requests to the same domain, the cookies are not being sent. This was confirmed both by printing out the request and also through debug in developer tool.
Please find below the request code.

let response = await fetch(`${publicUrl}/photoshop/token?requestId=${rid}`, {
                credentials: 'same-origin'
              });
if(!response.ok){
        console.log("error fetching token");
}

The credentials property is set for all requests including the login.
I also tried with “withCredentials” in xmlhttprequest. Both don’t work.
Thanks for your help :slight_smile:

6

Hi @kerrishotts
A small update, the cookies are being set now. The issue was the expiry not being set for the cookie. Once I fixed that, the cookies work now. Thanks a lot :slight_smile:

8

I also encountered the same problem, but in the case of maxAge with cookies set, the sending request still does not carry cookies.My server is an express server, and UXP developer tool shows the tab of

9

so amazing, the cookies does not appear in the UXP developer Tool, but it does appear in the header of the request :upside_down_face:.You can console.logthe cookies!

10

Hi, I created a post about how can I access a cookie value that is set by an API response, but no responses so far:

So maybe someone in this post can help :sweat_smile:

The story is, when calling this endpoint, a cookie is supposed to be set with a special key that needs to be included in the payload of subsequent calls to the same endpoint (so I need to get the value of this cookie after the first first fetch request).

I can see the cookie set after the call when testing calling this endpoint from Postman or a web browser, but I can’t see it using the UDT debugger (I don’t see a cookies tab in any case).

I’m doing the fetch request with credentials, but still no luck … any insights? thanks!