topic Re: ArcGIS Web App Builder - IIS in ArcGIS Web AppBuilder Questions

ArcGIS Web App Builder - IIS

SaurabhGupta5 — Tue, 30 Jun 2015 07:49:46 GMT

Dear Fellows,

I have downloaded the arcgis web app builder and able to configured properly by using arcgis developer account. Now, everytime i have to execute startup.bat file to load my application. I want to know how can i configure this application into IIS so others can also access and use.

Anyhelp would be greatly appreciated.

Many Thanks!!

Regards

Re: ArcGIS Web App Builder - IIS

RobertScheitlin__GISP — Tue, 30 Jun 2015 10:39:15 GMT

Saurabh,

Normally the Web AppBuilder application is intended to be installed on a development machine and the app that is developed and configured is what is intended to be shared on your web server for use by others. But there has been threads discussing setting up WAB on a server for multiple people to use as a shared resources.

Sharing Web AppBuilder apps with multiple users

Is it better to share "application" registered in AGOL between WAB-dev edition developers, or separate?

Web AppBuilder sharing

Rebecca has some great resources/tips for installing WAB as well:

Tips and Observations for getting Web AppBuilder - Developer Edition Installed

Re: ArcGIS Web App Builder - IIS

RebeccaStrauch__GISP — Tue, 30 Jun 2015 15:20:41 GMT

Also, to add on to what Robert mentioned, if you are just trying to deploy (a snapshot of) and app for others to see, and not expecting for them to be able to edit or see immediate changed (without redeploying), check out

Deploy app—Web AppBuilder for ArcGIS (Developer Edition) | ArcGIS for Developers

Re: ArcGIS Web App Builder - IIS

SaurabhGupta5 — Wed, 01 Jul 2015 03:58:22 GMT

Thanks Rebecca and Robert for your quick reply. But i feel rebecca answer is more closer to what i want.

Let me narrow down my problem further:

I only want to deploy my configured app to IIS server not complete app builder and while mapping following path in IIS (D:\XXX\iPLAN_Code\arcgis-web-appbuilder-1.1\client\stemapp)

and browsing on port 80 via http://localhost/iPLANII/index.html

I am getting attached error. Is there a real need to configure proxy also before publishing it to IIS as stated in rebecca reply. Please confirm

Re: ArcGIS Web App Builder - IIS

RobertScheitlin__GISP — Wed, 01 Jul 2015 13:01:56 GMT

Saurabh,

So it look like you have a pathing problem as the errors you show all are trying to access http://localhost/http://localhost/....

No you do not have to setup a proxy, but it will definitely help when any of your requests exceed the url limit and need to use post (this happens a lot when buffering and other large geometry operations).

Deploying the app to IIS is pretty straight forward.

After you have downloaded the app from WAB using the WAB Home page and clicking the triple ellipses and choose download, you will get a zip file.
Unzip this zip file to a known location (I do not like to put the files directly in the inetpub\wwwroot folder as this folder requires Administrator access to edit). I normally use a www folder on the root of my c drive (c:\www\MywabApp1).
Once I have unzipped the website files to (c:\www\MywabApp1), I now open IIS and expand the tree in the connections window until I see the Default Web Site, then I right click on the Default Web Site and choose "Add Application"
I enter my sites alias "MyWABApp1" (or in your case iPLANII) and then in the Physical path I browse to "c:\www\MywabApp1".
I then click the "Connect as..." and choose Specific user and click set and add credentials.
I next click "Test Settings..." and verify Authentication and Authorization.
Click OK to complete the Add Application dialog
I now enter the website url "http://gislap183/MyWABApp1/" in my browser and it brings up the WAB site.
My last step is to open the config.json file from the c:\www\MywabApp1 folder and use by JS IDE (Brackets) to "beautify" the json and then add my proxy url.

Re: ArcGIS Web App Builder - IIS

SaurabhGupta5 — Fri, 03 Jul 2015 06:22:53 GMT

Hi Robert,

Though i have followed the same steps , still i am facing same error only. Only i am not using 'connect as ' because i am having admin rights on my system. Also, not configuring the proxy.

It's really annoying why it is not working ?

I have also tried mapping path to IIS i.e. D:\arcgis-web-appbuilder-1.1\client\stemapp but no success.

Please suggest something

Regards

Re: ArcGIS Web App Builder - IIS

RobertScheitlin__GISP — Fri, 03 Jul 2015 11:19:49 GMT

Saurabh,

That you tested that you have IIS functioning correctly? Have you tried just the localhost as the url in your browser and gotten the welcome to iis page?

I am a admin of my whole network and I still use connect as in iis. Did you use the "Test Settings... and get both tests to pass without using the connect as?

Your test of using D:\arcgis-web-appbuilder-1.1\client\stemapp should have FAILED with just the loader screen (blue screen) with white progress bar in middle on going so far. This is because the stemapp site does not have its env.js setup correctly yet. You have to setup an app that has been "Downloaded" as instructed in the steps of my previous post.

As you have yet to get a WAB app properly deployed I would advise that you open WAB using the bat file and create a new app then follow my EXACT steps and see if you can get a site to deploy properly. Lots of people are getting WAB apps deployed on IIS so it has to be something you are doing or something in your deployment environment.

Re: ArcGIS Web App Builder - IIS

SaurabhGupta5 — Sat, 04 Jul 2015 04:15:54 GMT

Hi Robert,

Yes, my iis is working fine.

I will try creating new application and than let you know . Thanks for your advice.

Also, one doubt in my mind , may be this question is irrelevant but just for the sake of knowledge. I can see env.js exist in stemapp folder and that too similar to the one downloaded via app. So what's the difference setting up from this folder or after downloading?

Thanks Again

Re: ArcGIS Web App Builder - IIS

AndrewParnell — Tue, 03 Nov 2015 21:08:41 GMT

Hi Robert,

Thanks again for these tips.

Could you clarify Step 9:

My last step is to open the config.json file from the c:\www\MywabApp1 folder and use by JS IDE (Brackets) to "beautify" the json and then add my proxy url.

What should I be adding as my proxy URL?

Many thanks,

Andrew

Re: ArcGIS Web App Builder - IIS

RobertScheitlin__GISP — Tue, 03 Nov 2015 21:22:16 GMT

Andrew,

Use the url of the proxy that you have downloaded form ESRIs proxy resource page and have deployed to your web server.

Re: ArcGIS Web App Builder - IIS

MansiPatel — Mon, 27 Jul 2020 01:04:12 GMT

Hello Robert,

Can you please give me reply on my two important questions?

I have created custom widget in web app builder for ARCGIS named MyWidget. i am able to use it into web app builder.

You can see that in screenshot.

Now i want that same widget in ARCGIS online account not just publishing on my local IIS. i want to publish on my local IIS but i want it on ARCGIS online.

1) Is it possible to publish custom widgets on ARCGIS online account because i am confused there are many people saying that i can only upload custom widgets on my own server or i can provide link of webapp builder. But really i dont want that i want to publish on ARCGIS online (& if my client dont have web app builder still our ARCGIS online should show that widget). Is this thing actually possible???

As per my understanding, this Deploy your app—ArcGIS Web AppBuilder (Developer Edition) | ArcGIS for Developers link only mentions how to upload web application on IIS not on ARGIS online. So, is there any way then please provide me full description of steps.

2) I have downloaded code from web app builder as .zip file & When i am publishing my application on my local server means IIS it showing me following error. it shows blue screen with white loading bar in middle of the screen but then page fails to load. please check attached screen shot. Even, I have tried with steps given by Robert but still its not working for me. Please provide solution of my problem.

Thanks a lot,

Mansi Patel

Re: ArcGIS Web App Builder - IIS

RobertScheitlin__GISP — Mon, 27 Jul 2020 14:29:58 GMT

Mansi,

1) Is it possible to publish custom widgets on ARCGIS online account: NO custom widgets are not supported in AGOL

2) Check the browsers web console for errors.

Re: ArcGIS Web App Builder - IIS

MansiPatel — Wed, 29 Jul 2020 07:29:57 GMT

Thank you so much for your quick reply Robert.

Okay so there is no any way to copy my custom widgets on ArcGIS online account. I already put it on web app builder and test it properly and i can publish that on my IIS & as well on another server and then i can provide link of that application in AGOL application.

Is my understanding seems right? If not please direct me on right path.

For Deployment on IIS:

I have checked console errors but its showing nothing to me just showing undefined i clicked on but page will go into fail screen. please check the screenshot below. Is this issue happen because of https in URL?? do i need to do settings for that?

Please provide me you valuable feedback. Its really helpful for me.

Thanks a lot.

Mansi Patel

Re: ArcGIS Web App Builder - IIS

RobertScheitlin__GISP — Wed, 29 Jul 2020 12:30:07 GMT

Mansi,

Is my understanding seems right?

Yes that is correct you can add a whole app that is hosted on your own web server that uses a custom widget but you can not host the custom widget on AGOL and have AGOL WAB use that widget.

In IIS is the MyNewMap directory configured as an application or just a virtual directory?

Are you using a https or http url for your portal url in WAB? Seems like you are mixing content (http and https) which can be an issue.

In the screenshot you have an undefined error. You need to expand that error and see what is undefined in the ConfigManager.js file.

Re: ArcGIS Web App Builder - IIS

MansiPatel — Thu, 30 Jul 2020 23:30:21 GMT

Thank you so much Robert Scheitlin, GISP

I have configured application in IIS now and i haven't done anything for http or https.

you can check below screenshot for IIS configuration.

I have configured application in IIS & it will shows me the error which says 'Cant get script " http://desktop-37kodua:3344/webappbuilder/sharing/rest/portals/self?f=json&callback=dojo_request_script_callbacks.dojo_request_script0 " '

You can check that in below screenshot & As well i would like to share my config.js so you will get an idea what i am putting in portalurl & appId.

As well, i am not sure proxy is required or not. currently i have added proxy file as proxy.js in config.js httpproxy section. As well, i have added code of proxy.js after the screenshot.

Code httpproxy section of Config.js:

"httpProxy": {
"useProxy": true,
"alwaysUseProxy": false,
"url": "proxy.js",
"rules": []
},

Code of Proxy.js file:

{
"theme": {
"name": "FoldableTheme",
"styles": [
"default",
"black",
"blue",
"cyan",
"green",
"purple",
"red",
"yellow"
],
"version": "2.17",
"sharedTheme": {
"isPortalSupport": false,
"useHeader": false,
"useLogo": false
}
},
"portalUrl": "http://desktop-37kodua:3344/webappbuilder/",
"appId": "3TAZZEt6SLduldyb",
"authorizedCrossOriginDomains": [],
"title": "MyNewMap",
"subtitle": "with ArcGIS Web AppBuilder",
"keepAppState": true,
"logo": "images/app-logo.png",
"geometryService": "https://utility.arcgisonline.com/arcgis/rest/services/Geometry/GeometryServer",
"links": [],
"widgetOnScreen": {
"widgets": [
{
"uri": "themes/FoldableTheme/widgets/HeaderController/Widget",
"position": {
"left": 0,
"top": 0,
"right": 0,
"height": 40,
"relativeTo": "browser"
},
"version": "2.17",
"id": "themes_FoldableTheme_widgets_HeaderController_Widget_1",
"name": "HeaderController"
},
{
"uri": "widgets/Scalebar/Widget",
"position": {
"left": 7,
"bottom": 25,
"relativeTo": "map"
},
"version": "2.17",
"id": "widgets_Scalebar_Widget_2",
"name": "Scalebar"
},
{
"uri": "widgets/Search/Widget",
"position": {
"left": 55,
"top": 5,
"relativeTo": "map"
},
"version": "2.17",
"id": "widgets_Search_Widget_3",
"name": "Search"
},
{
"uri": "widgets/Coordinate/Widget",
"position": {
"left": 7,
"bottom": 5,
"relativeTo": "map"
},
"version": "2.17",
"id": "widgets_Coordinate_Widget_4",
"name": "Coordinate"
},
{
"position": {
"left": 55,
"top": 45,
"relativeTo": "map"
},
"placeholderIndex": 1,
"id": "_5"
},
{
"position": {
"left": 105,
"top": 45,
"relativeTo": "map"
},
"placeholderIndex": 2,
"id": "_6"
},
{
"position": {
"left": 155,
"top": 45,
"relativeTo": "map"
},
"placeholderIndex": 3,
"id": "_7"
},
{
"position": {
"left": 205,
"top": 45,
"relativeTo": "map"
},
"placeholderIndex": 4,
"id": "_8"
},
{
"position": {
"left": 255,
"top": 45,
"relativeTo": "map"
},
"placeholderIndex": 5,
"id": "_9"
},
{
"uri": "widgets/OverviewMap/Widget",
"position": {
"bottom": 0,
"right": 0,
"zIndex": 1,
"relativeTo": "map"
},
"version": "2.17",
"id": "widgets_OverviewMap_Widget_10",
"name": "OverviewMap"
},
{
"uri": "widgets/HomeButton/Widget",
"position": {
"left": 7,
"top": 75,
"relativeTo": "map"
},
"version": "2.17",
"id": "widgets_HomeButton_Widget_11",
"name": "HomeButton"
},
{
"uri": "widgets/MyLocation/Widget",
"position": {
"left": 7,
"top": 110,
"relativeTo": "map"
},
"version": "2.17",
"id": "widgets_MyLocation_Widget_12",
"name": "MyLocation"
},
{
"uri": "widgets/AttributeTable/Widget",
"position": {
"relativeTo": "browser"
},
"version": "2.17",
"id": "widgets_AttributeTable_Widget_13",
"name": "AttributeTable"
},
{
"uri": "widgets/Splash/Widget",
"visible": false,
"position": {
"relativeTo": "browser"
},
"version": "2.17",
"id": "widgets_Splash_Widget_14",
"name": "Splash"
},
{
"uri": "widgets/ZoomSlider/Widget",
"position": {
"top": 5,
"left": 7,
"relativeTo": "map"
},
"version": "2.17",
"id": "widgets_ZoomSlider_Widget_15",
"name": "ZoomSlider"
},
{
"uri": "widgets/ExtentNavigate/Widget",
"visible": false,
"position": {
"top": 190,
"left": 7,
"relativeTo": "map"
},
"id": "widgets_ExtentNavigate_Widget_16",
"name": "ExtentNavigate",
"version": "2.17"
},
{
"uri": "widgets/FullScreen/Widget",
"visible": false,
"position": {
"top": 150,
"left": 7,
"relativeTo": "map"
},
"version": "2.17",
"id": "widgets_FullScreen_Widget_17",
"name": "FullScreen"
}
],
"panel": {
"uri": "jimu/OnScreenWidgetPanel",
"position": {
"relativeTo": "map"
}
}
},
"map": {
"3D": false,
"2D": true,
"position": {
"left": 0,
"top": 40,
"right": 0,
"bottom": 0
},
"itemId": "b4338976e50b4a66ac7d9b95accb5cad",
"mapOptions": {},
"id": "map",
"portalUrl": "https://mansipatel42007.maps.arcgis.com/",
"appProxy": {
"mapItemId": "b4338976e50b4a66ac7d9b95accb5cad",
"proxyItems": []
}
},
"widgetPool": {
"panel": {
"uri": "themes/FoldableTheme/panels/FoldablePanel/Panel",
"position": {
"top": 5,
"right": 5,
"bottom": 5,
"zIndex": 5,
"relativeTo": "map"
}
},
"widgets": [
{
"uri": "widgets/Legend/Widget",
"version": "2.17",
"id": "widgets_Legend_Widget_18",
"name": "Legend",
"index": 2
},
{
"uri": "widgets/LayerList/Widget",
"version": "2.17",
"id": "widgets_LayerList_Widget_19",
"name": "LayerList",
"index": 3
},
{
"name": "MyWidget",
"version": "2.16",
"IsController": false,
"icon": "configs\\MyWidget\\icon_widgets_MyWidget_Widget_20.png",
"uri": "widgets/MyWidget/Widget",
"config": "configs/MyWidget/config_widgets_MyWidget_Widget_20.json",
"index": 5,
"id": "widgets_MyWidget_Widget_20"
}
],
"groups": []
},
"mobileLayout": {
"widgetOnScreen": {
"widgets": {
"widgets/Scalebar/Widget": {
"position": {
"left": 7,
"bottom": 40
},
"version": "1.4"
},
"widgets/Coordinate/Widget": {
"position": {
"left": 7,
"bottom": 17
},
"version": "1.4"
}
}
}
},
"loadingPage": {
"backgroundColor": "#508dca",
"backgroundImage": {
"visible": false
},
"loadingGif": {
"visible": true,
"uri": "configs/loading/images/predefined_loading_1.gif",
"width": 58,
"height": 29
}
},
"wabVersion": "2.17",
"isWebTier": false,
"httpProxy": {
"useProxy": true,
"alwaysUseProxy": false,
"url": "proxy.js",
"rules": []
},
"dataSource": {
"dataSources": {},
"settings": {}
},
"appItemId": "7fbbc4f1e042412d922da028e32f88d5"
}

Thanks Robert Scheitlin, GISP‌. Your feedback is really helpful for me.

Re: ArcGIS Web App Builder - IIS

RobertScheitlin__GISP — Fri, 31 Jul 2020 12:43:44 GMT

Mansi,

You have the wrong url in your portalUrl property in the config.json. You have

"portalUrl": "http://desktop-37kodua:3344/webappbuilder/",

When it should be:

"portalUrl": "http://mansipatel42007.maps.arcgis.com"

2) I never use an appId in my deployments of WAB so remove those. You have

"appId": "3TAZZEt6SLduldyb",

change to:

"appId": "",

3) proxy is only needed if you are using secure services in your webmap. You have:

"httpProxy": {
"useProxy": true,
"alwaysUseProxy": false,
"url": "proxy.js",
"rules": []
},

Change to:

"httpProxy": {
"useProxy": false,
"alwaysUseProxy": false,
"url": "",
"rules": []
},

Re: ArcGIS Web App Builder - IIS

MansiPatel — Wed, 05 Aug 2020 23:09:23 GMT

Thanks Robert Scheitlin, GISP‌ for your reply.

it fixed my issue & now i am able to run the hosted application in IIS without any errors.

Below, is the screenshot of application running in browser.

Thanks a lot for your help & direct me.

Re: ArcGIS Web App Builder - IIS

ashraf88 — Thu, 09 Jan 2025 11:29:11 GMT

dear Robert Scheitlin, GISP i have this error

and this my config

can you help what is error