[GIS] Unable to use Map Service in Web App Builder

arcgis-onlinearcgis-web-appbuildermap-service

I've published a symbolized data set as a Map Service from ArcMap to my company's Server. I've successfully added this service to our ArcGIS Online account, using the "Add Item from Web" function and pointing to the REST url of the service hosted on the server.

From there, I created a Web Map in AGOL that properly displays the uploaded map service. In the Web App Builder under Map–> Choose Web Map, I chose the aforementioned web map. The app will load for about 30 seconds, but fails to display the map. All that is shown is the initial base map. The Web Map title (AK_Field Map) and description are visible under the "Map" tab after I attempt to upload it, but there no data is displayed.

enter image description here

I've been able to create a Web Map using a published feature service, then successfully reference that Web Map in the Web App Builder. However, I want to be able to use a Web Map that displays a Map Service, not a Feature Service. Is this currently possible in the App Builder?

Best Answer

Map Services are supported in the Web App Builder.

Here is what works for me:

Create a 'Web Map' in ArcGIS Online
Click 'Add Layer from Web', and paste in the URL to the Map Service. (the URL should end in .../MapServer')
When you have finished configuring your map, click 'Save', and enter the proper metadata.
Next, click 'Share' and share it with your organization or public.
Click 'Make a Web Application> Web App Builder> Get Started'

This allows you to create the 'Web App Builder' application for that specific 'Web Map'. Also Make sure the sharing settings are correct for both the Web Map and the Web App Builder application.

Related Solutions

[GIS] Implementing app login in custom web app

Probably the easiest way is to let a proxy handle this for you. For example, once you register your app, you can then copy and paste the clientId and secret into your proxy file. If you specify a proxy within your application, it will route the POST request via the proxy using the specified credentials from this registered app.

We actually use this in a few of our samples that require user logins to access hosted services off of AGO. Take a look at the Directions sample here, https://developers.arcgis.com/javascript/3/jssamples/widget_directions_basic.html, specifically take note of the line

 //all requests to route.arcgis.com will proxy to the proxyUrl defined in this object.
    urlUtils.addProxyRule({
      urlPrefix: "route.arcgis.com",
      proxyUrl: "/sproxy/"
    });
    urlUtils.addProxyRule({
      urlPrefix: "traffic.arcgis.com",
      proxyUrl: "/sproxy/"
    });

The proxyUrl should point to a secured proxy on your web server. You can download this at https://github.com/Esri/resource-proxy. You will need to modify the proxy.config file with the credentials from your registered app. Specifically, take note of clientId and clientSecret. (README.md#proxy-configuration-settings)

[GIS] How to Access Secured ArcGIS Online Services from a Custom JS Web app

If you have services that require authentication but you don't want your users to sign in, the best approach is to have your application handle the authentication for you. You do this by either setting up a proxy on your own server, or use a proxy service hosted by AGOL.

The first step is to create the actual application and register it with AGOL or your own portal. This can be done directly in AGOL or via the Developers site. If you are uncertain how, you can also try it by adding an item directly in AGOL by following the section for "Add Apps" in http://doc.arcgis.com/en/arcgis-online/share-maps/add-items.htm. This does the same thing as what is described in https://developers.arcgis.com/documentation/core-concepts/security-and-authentication/accessing-arcgis-online-services/.

Once the application is registered, you will need to take note of the client id and secret. This can be seen analogous to a username/password. These credentials would need to be stored in a proxy file that you have accessible (and also locked down) on your own server. More information on these proxies can be found at https://github.com/Esri/resource-proxy.

If you do not wish to host your own proxy file, you can use the hosted proxies. For example, let's say you are working with the route task which requires credentials. You can use use a hosted proxy service for the route task and reference that URL. More information on the proxy services an be found at https://developers.arcgis.com/documentation/core-concepts/security-and-authentication/working-with-proxies/.

Best Answer

Related Solutions

[GIS] Implementing app login in custom web app

[GIS] How to Access Secured ArcGIS Online Services from a Custom JS Web app

Related Question