topic Re: arcgis javascript display private webmap without popup dialog. in ArcGIS JavaScript Maps SDK Questions

arcgis javascript display private webmap without popup dialog.

weironglin1 — Thu, 19 Apr 2018 15:04:47 GMT

My project was switch the webmap from public to private and it's pop up the box to ask for login. How can I bypass the dialog box and use the username, password to authenticate inside my app? I know in swift application or objective C, we can use the portal credential to login automatically. But inside javascript there is no such setting, any help?

Re: arcgis javascript display private webmap without popup dialog.

RobertScheitlin__GISP — Thu, 19 Apr 2018 15:22:22 GMT

Weirong,

This is exactly what the Resource Proxy is designed for.

https://community.esri.com/groups/technical-support/blog/2015/04/07/setting-up-a-proxy

GitHub - Esri/resource-proxy: Proxy files for DotNet, Java and PHP.

Re: arcgis javascript display private webmap without popup dialog.

weironglin1 — Thu, 19 Apr 2018 15:26:46 GMT

Is Resource Proxy is only for secure layer and features? Does the proxy support private webmap? I set up a nodejs version of the proxy server But it did not work.Any code example that can help me better understand the settings. Thank you.

Re: arcgis javascript display private webmap without popup dialog.

RobertScheitlin__GISP — Thu, 19 Apr 2018 15:28:28 GMT

Did the first like not help with that?

Re: arcgis javascript display private webmap without popup dialog.

weironglin1 — Thu, 19 Apr 2018 16:08:16 GMT

I'm sure the proxy can help resolve the issues, but right now I only have is the map ID, an usename and password. I testing it using Nodejs proxy resource code but it still pop up the login box. Dose Arcgis has some working example that might be very helpful. Thank you.

Re: arcgis javascript display private webmap without popup dialog.

RobertScheitlin__GISP — Sun, 12 Dec 2021 02:18:52 GMT

Weirong,

So you should know your orgs URL and the user name an password. That is all that is needed to configure the proxy.config file.

Here is an example:

<?xml version="1.0" encoding="utf-8" ?>
<ProxyConfig allowedReferers="*" mustMatch="true" logFile="proxylog.txt">
    <serverUrls>
        <serverUrl url="https://www.arcgis.com" matchAll="true"/>
        <serverUrl url="http://yourOrgName.maps.arcgis.com" matchAll="true" />
        <serverUrl url="http://yourOrgName.maps.arcgis.com/sharing/rest" matchAll="true" username="x" password="******" />
    </serverUrls>
</ProxyConfig>‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

And in the first link I provided follow step 12:

The following steps demonstrate how to configure the proxy in your JavaScript application. There are a couple of ways to configure the proxy inside of a JavaScript application. For this particular example, we use the proxy rule.

In the JavaScript application, add two proxy rules:
esri.addProxyRule({urlPrefix: "http://route.arcgis.com", proxyUrl:"http://<yourServer>/<pathToProxy>/proxy.ashx" });
esri.addProxyRule({ urlPrefix: "http://traffic.arcgis.com", proxyUrl: "http://<yourServer>/<pathToProxy>/proxy.ashx" });
As another possibility, add the "esri/urlUtils" module in the require statement, and add the following rule: urlUtils.addProxyRule(urlPrefix: "route.arcgis.com", proxyUrl: "http://<yourServer>/<pathToProxy>/proxy.ashx" });urlUtils.addProxyRule({urlPrefix: "traffic.arcgis.com", proxyUrl: "http://<yourServer>/<pathToProxy>/proxy.ashx"});
Here is another way to configure the proxy.
esriConfig.defaults.io.proxyUrl = "<url_to_proxy>"esriConfig.defaults.io.alwaysUseProxy = false; The proxyUrl is the path to your proxy page hosted on IIS.

Re: arcgis javascript display private webmap without popup dialog.

weironglin1 — Fri, 20 Apr 2018 14:37:58 GMT

I follow exactly step by step and the login box still pop up. See the below for my details implementation, any suggestions for the settings? Thank you.

here is my config.json

{
 "url":"https://www.arcgis.com","matchAll":true
 },
 {
 "url": "http://wretetw.maps.arcgis.com", "matchAll":true
 },
 {
 "url":"http://wretetw.maps.arcgis.com/sharing/rest",
 "matchAll": true,
 "username":"username",
 "password":"password"
 },

and my javascript file to display the web map.

 <script>
        require([
        "esri/urlUtils",
         "esri/map",
         "esri/arcgis/utils",
         "esri/dijit/Legend",
         "esri/SpatialReference",
         "esri/geometry/Point",
         "esri/symbols/SimpleMarkerSymbol",
         "esri/graphic", 
         "dojo/domReady!"
         ], function(urlUtils,Map, arcgisUtils, Legend, SpatialReference, Point, SimpleMarkerSymbol, Graphic){
            urlUtils.addProxyRule({
            urlPrefix: "http://wretetw.maps.arcgis.com",
             proxyUrl: "http://localhost:3692/proxy"
            });
            arcgisUtils.createMap("item number", "mapDiv").then(function (response) {
            map = response.map;
            
         });
        });
 </script>
 

Re: arcgis javascript display private webmap without popup dialog.

RobertScheitlin__GISP — Fri, 20 Apr 2018 14:58:56 GMT

OK. I have re-read some of your replies and the Proxy that I am talking about and provided a link for does not have a Node version. You should download the Resource Proxy I gave a link to in my previous replies and then follow the instructions I provided already.

Re: arcgis javascript display private webmap without popup dialog.

weironglin1 — Fri, 20 Apr 2018 16:56:13 GMT

The information are very helpful, thank you. I generate the token use the link.

https://www.arcgis.com/sharing/generateToken?f=json&request=gettoken&username=username&password=password&referer=%22*%22

token format:

var token = {"server":"http://www.arcgis.com/share/rest","userId":"userId","token":"token str","expires":number,"ssl"::false}

call register token before create map

esriId.registerToken(token);