How to set Custom HTTP Request Headers?

[blairmason]

How can I set custom HTTP request headers without using the Destination Type plugin? There is the ability to do so in the Legacy Javascript SDK, but I do not see how to do so for Typescript Browser and React Native (Beta).

[liuyang1520]

Hi @blairmason , this SDK doesn't support customer headers currently, do you mind sharing your use case why the custom headers are needed? Thanks!

[blairmason]

So we implemented a proxy server and have several use cases for custom headers, but the currently blocking use case is that we need to set an origin header for amplitude requests coming from the React Native (Beta) Amplitude SDK. Is there another way to do this?

[liuyang1520]

I see, another way (besides the destination plugin) to do this currently might be providing your own transportProvider, this can be set in the config, you can check the example: https://github.com/amplitude/Amplitude-TypeScript/blob/main/packages/analytics-client-common/src/transports/fetch.ts to implement it, then feed into the config. Let me know whether this works for you.

[blairmason]

Thanks, @liuyang1520! Providing our own transportProvider worked like a charm.

[liuyang1520]

Glad it works for you! Close this now. Thank you for your feedback!