nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

ArcGIS Web App Builder - IIS

SaurabhDestiny18

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

Encontre mais publicações marcadas com

Accepted answers

All comments

ashraf88

dear Robert Scheitlin, GISP i have this error

and this my config

can you help what is error

MansiPatel

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.

RobertScheitlin__GISP

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": []
},

MansiPatel

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.

RobertScheitlin__GISP

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.

MansiPatel

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

RobertScheitlin__GISP

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.

MansiPatel

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

AndrewParnell

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

SaurabhDestiny18

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. \arcgis-web-appbuilder-1.1\client\stemapp but no success.

Please suggest something

Regards

RobertScheitlin__GISP

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.

SaurabhDestiny18

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:\xyz\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

RebeccaStrauch__GISP

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

Lake_Country_GIS_0-1765813031038.png

RobertScheitlin__GISP

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

Participe da Conversa

Membros conectados podem postar, seguir atualizações e mais. Novo aqui? Registre uma conta gratuita.

Links Rápidos

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.