Como consumimos um serviço web GIS seguro em um aplicativo web GIS público construído usando ArcGIS Maps SDK para JavaScript sem qualquer autenticação do usuário?

nikhilgiseng

Este é um cenário muito comum que muitos desenvolvedores devem ter considerado. Temos um serviço web GIS seguro que é acessível a usuários limitados dentro do nosso ArcGIS Enterprise. Agora queremos usar esse serviço em uma aplicação construída sobre o ArcGIS JavaScript SDK. Se usarmos esse serviço web GIS diretamente no JavaScript SDK, um popup de login frequentemente será apresentado ao usuário sempre que a aplicação for inicializada. O desafio é que o aplicativo deve ser usado sem qualquer login, pois é para um público mais amplo, e o serviço GIS também não pode ser exposto publicamente, pois contém algumas informações sensíveis.<\/P>

Queremos uma solução que nos permita usar o serviço GIS seguro na aplicação pública sem prompts de login do ArcGIS Enterprise e o acesso ao serviço também precisa ser restrito para oferecer maior segurança e integridade dos dados.<\/STRONG><\/P>

nikhilgiseng

After doing a bit of research I found a workable solution to this trivial problem myself. The answer is to use a PROXY PAGE within my custom web application.

ArcGIS JavaScript SDK itself provides the functionality of configuring server side proxies within your web applications through the helper classes. The good part is that the functionality of Proxy pages can be harnessed not only in Esri Custom apps made using SDKs but also by various Esri web app builder plarforms as well like ArcGIS Web App Builder & ArcGIS Experience Builder.

ArcGIS Proxy will act as a Postman between your clients browsers and your web server which means that the request to the secured service shall pass via this postman i.e Esri proxy which will authenticate the service on users behalf with the help of embbeded token or credentials which will be inside your proxy file. This would ensure that the public facing web app access the secured service without challenging the user for any credentials. Proxy can also be configured in such a way that only whitelisted domains are able to access the proxy page such that anynomous access to proxy can be avoided which would ensure data integrity. 

Just make sure to place your secured GIS web service URL in the proxy.config file alsong with the credentials or token which will be used by your web server to authenticate the service on users behalf. The best part is that proxy can be configured in your environement for variety of web servers like IIS, Apache, Tomcat etc. Hence, irrespective of programming language you can harness the complete benefits of Esri proxy using ArcGIS JavaScript SDK. You might be worijg with .NET, JAVA, PHP React etc and still can use the Esri proxy & harness ithe benifits it provides.

Go through the following links & sample code for detailed understanding:

Documentation: https://developers.arcgis.com/javascript/3/jshelp/ags_proxy.html

Proxy Download Link: https://github.com/Esri/resource-proxy/releases

Sample Code: Attached

testProxy.zip