Setting proxy server on Minimalist JS App?

AZendel

We've downloaded the "Minimalist app" and are customizing it.  We'd like to include map tiles served by sister organization's on-premises ArcGIS Server.  But it's on a completely different domain than the "Minimalist" app, necessitating the use of a proxy URL.  We've successfully configured the proxy in a different project with code like

<SPAN class="comment token">// Optional array of proxy rules</SPAN>
 PROXY_RULES<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">[</SPAN>
&nbsp;&nbsp; <SPAN class="punctuation token">{</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; urlPrefix<SPAN class="punctuation token">:</SPAN> <SPAN class="string token"><SPAN>"</SPAN><A class="jive-link-external-small" href="https://community.esri.com/external-link.jspa?url=http%3A%2F%2Fwww.our.org%2Farcgis%2Frest%2Fservices" target="_blank">http://www.our.org/arcgis/rest/services</A><SPAN>"</SPAN></SPAN><SPAN class="punctuation token">,</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; proxyUrl<SPAN class="punctuation token">:</SPAN> <SPAN class="string token"><SPAN>"</SPAN><A class="jive-link-external-small" href="https://community.esri.com/external-link.jspa?url=http%3A%2F%2Fwww.our.org%2Fproxy%2Fproxy.ashx" target="_blank">http://www.our.org/proxy/proxy.ashx</A><SPAN>"</SPAN></SPAN>
&nbsp;&nbsp; <SPAN class="punctuation token">}</SPAN>
 <SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">,</SPAN>‍‍‍‍‍‍‍<SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

But the proxy setting for the minimalist app only has one line to specify the proxy, unless I'm missing something:

<SPAN class="string token">"proxyurl"</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="string token"><SPAN>"</SPAN><A class="jive-link-external-small" href="https://community.esri.com/external-link.jspa?url=http%3A%2F%2Fwww.our.org%2Fproxy%2Fproxy.ashx" target="_blank">http://www.our.org/proxy/proxy.ashx</A><SPAN>"</SPAN></SPAN><SPAN class="punctuation token">,</SPAN>‍<SPAN class="line-numbers-rows"><SPAN>‍</SPAN></SPAN>

When I attempt to view the map outside of our domain, I get prompted to log in.  That indicates that the proxy is not configured correctly.

Suggestions?

Thanks,

Alex

AZendel

The proxy is now functioning correctly after using a hack that we used when we deployed a previous ESRI configurable app.   We added lines 11 and 12 below to the index.html file (not the config/defaults.js file that we attempted in my first post).

 <script type="text/javascript">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; require([
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "config/templateConfig",
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "application/template",
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "application/main"
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ], function(
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; templateConfig,
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Template,
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Main
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ){
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //all requests to traffic.arcgis.com will proxy to the proxyUrl defined in this object.
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; esri.addProxyRule({ urlPrefix: "http://www.our.org/arcgis/rest/services", proxyUrl: "http://www.our.org/proxy/proxy.ashx" });
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // create the template. This will take care of all the logic required for template applications
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var myTemplate = new Template(templateConfig);
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // create my main application. Start placing your logic in the main.js file.
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var myApp = new Main();
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // start template
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; myTemplate.startup().then(function(config) {
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // The config object contains the following properties: helper services, (optionally)
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // i18n, appid, webmap and any custom values defined by the application.
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // In this example we have one called theme.
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; myApp.startup(config);
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }, function(error) {
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // something went wrong. Let's report it.
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; myApp.reportError(error);
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; });
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; });
&nbsp;&nbsp;&nbsp; </script>‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍<SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

As a test, I commented out the following line in the config/defaults.js file and the tiles behind the proxy server still displayed.

 "proxyurl": "", /* NOTE. We attempted to use this setting here"http://www.our.org/proxy/proxy.ashx", but it didn't work.&nbsp; Instead we put the proxy line in index.html*/‍‍<SPAN class="line-numbers-rows"><SPAN>‍</SPAN></SPAN>

In other words, setting the proxy in the defaults.js doesn't seem to be affecting our app at all.  This is the second ESRI configurable app that works fine when specifying both the urlPrefix and proxyURL settings.  This makes me wonder if the Minimalist app is missing the urlPrefix parameter all together.  I'm no javascript excerpt, so I can't say for sure.....

Robert, to answer your last question, we are serving this app from www.organization1.org while the tiles are behind the proxy on www.our.org (actual URLs substituted).   They're on two different servers in two different domains (the former is on a web host provider and the latter is on an on-premises ArcGIS server that's exposed to the web).  Thanks again for your suggestions.

Alex