topic Re: JSAPI4: Intercept requests to add custom headers in ArcGIS JavaScript Maps SDK Questions

JSAPI4: Intercept requests to add custom headers

KevinHaeni — Mon, 06 Nov 2017 10:34:15 GMT

Hi, in JSAPI 3.x, it seems that it was possible to intercept the HTTP requests to the ArcGIS Server in several ways, like for example:

- esriRequest.setRequestPreCallback(callbackFunction)

- overriding the dojo.xhr function

But I cannot find a way to do this in JSAPI 4.x.

I need to be able to add a custom header field with every request because of some reverse proxy / authentication reason.

Re: JSAPI4: Intercept requests to add custom headers

ThomasSolow — Mon, 06 Nov 2017 13:52:23 GMT

setRequestPreCallback should also work in 4.XX I believe.

Re: JSAPI4: Intercept requests to add custom headers

BradleyHerried — Fri, 04 May 2018 20:26:12 GMT

It is not documented in the API. Please let me know if this functionality is possible. We are using web-tier authentication with a web adaptor and require a custom authorization header to access secure resources.

Re: JSAPI4: Intercept requests to add custom headers

MunachisoOgbuchiekwe — Mon, 07 May 2018 22:56:40 GMT

As specified by Thomas, the setRequestPreCallback will work with 4.x. It is just not documented.

Re: JSAPI4: Intercept requests to add custom headers

JustinCarasick — Wed, 26 Sep 2018 19:37:11 GMT

I realize this is an old thread but a 4.8 the documentation shows the new way to handle interceptors: config | API Reference | ArcGIS API for JavaScript 4.8

however, it's seems not every request is actually modified (even though it goes through the interceptor).

We are using the Before interceptor and every request does get routed through and the params get modified to add an authorization header BUT when the request actually goes out only some requests actually get modified to send the header.

for example

requests to the .../info?f=json endpoint the modified header goes with the request or ../mapserver?f=json does

but mapserver/export or mapserver/identify endpoint requests does not get sent the header (even though set in the interceptor)

any ideas?

Re: JSAPI4: Intercept requests to add custom headers

Noah-Sager — Fri, 28 Sep 2018 17:49:13 GMT

Justin is correct. The way to intercept and modify requests is with the RequestInterceptor, introduced at version 4.8.

Release notes for 4.8 | ArcGIS API for JavaScript 4.9

config | API Reference | ArcGIS API for JavaScript 4.9

@Justin, do you have a sample or a code snippet you could share, so we could take a look?

Re: JSAPI4: Intercept requests to add custom headers

JustinCarasick — Fri, 28 Sep 2018 22:49:07 GMT

this is an example from an angular project / typescript. The only thing i think of with the headers not getting modified on occasion is what i read about JSONP maybe headers are not passed when wrapped in a JSONP request. I do see a difference when the headers do get passed i see a reference to a callback function int the ioArgs (params), when that callback reference isn't there the headers do not get passed with the request. I'm going to use a custom query param (pantheon below) instead as that always seems to get passed on every case. Hope this helps.

this.esriConfig.request.interceptors.push({ before: this.EsriRequestInterceptor.bind(this) });

/**

* A place to intercept esri requests

* was looking at this at one point for JWT Token Auth

* @param ioArgs

EsriRequestInterceptor(ioArgs: any) {

// Renew the jwt

if (this.auth.isClientTokenExpired()) {

this.auth.renewClientToken();

}

if (ioArgs.url.toLowerCase().startsWith(`${environment.webApiUrl}/map`.toLowerCase())) {

const idToken = localStorage.getItem('client_token');

// console.log('Modifying Request', idToken);

ioArgs.requestOptions.headers = ioArgs.headers || {};

ioArgs.requestOptions.headers.Authorization = 'Bearer ' + idToken;

ioArgs.requestOptions.query = ioArgs.requestOptions.query || {};

ioArgs.requestOptions.query.pantheon = idToken;

}

Re: JSAPI4: Intercept requests to add custom headers

Noah-Sager — Thu, 04 Oct 2018 20:17:29 GMT

Hmm. It could be related to the responseType of the esriRequest:

When this value is image the headers and timeout options are ignored.

esriRequest - RequestOptions - responseType

request | API Reference | ArcGIS API for JavaScript 4.9

If this is the case, we could consider making an enhancement at a future release.

Re: JSAPI4: Intercept requests to add custom headers

TravisBock2 — Mon, 26 Nov 2018 22:41:10 GMT

Is there any movement on this? I'm curious why this exception is there. Is it just codebase related or some functional issue. Are there any workarounds?

Re: JSAPI4: Intercept requests to add custom headers

Noah-Sager — Tue, 27 Nov 2018 16:42:46 GMT

Hi Travis, looks like we have this fixed for the upcoming 4.10 release, due out in mid-December. The "headers" will now be honored when the value type is "image". I can't say with any degree of confidence why the exception was there, but I can tell you that user feedback really helps us drive the product forward. I am also not sure of a workaround at this point. Hope this helps.

-Noah