topic Re: How to publish a custom WAB app to Portal? in ArcGIS Web AppBuilder Questions

How to publish a custom WAB app to Portal?

StephenM — Wed, 25 Apr 2018 00:01:37 GMT

Hello. Using Web AppBuilder Developer Edition, I put together a custom web app that I would like to publish to my organization's Portal, but I'm not sure how exactly to do so. I've read through the guide and a number of threads here on GeoNet, but I'm still not sure how to properly publish the app. I'm a novice when it comes to web development and servers and the like. Step 2 in that guide ("Deploy it on your web server") is a bit short on details, and I'm not sure if the instructions in this thread apply in my situation, since I'm only looking to publish the app on Portal for people within my organization to access.

Through some trial-and-error (and referencing documentation such as this), I found that in Portal I could view a template I downloaded by dropping the extracted folder in Portal's "apps" directory on the server and adding an application with its URL (e.g. https: //<server name>/arcgis/apps/BasicViewer/index.html) in Portal's web interface ("My Content"). Following the same basic process, I tried to publish an app that I created in Web AppBuilder Developer Edition. What I did was:

Downloaded the app from the Web AppBuilder Developer Edition interface

Put the extracted folder in Portal's "apps" directory on the server

Added an application in Portal through the "My Content" page

Put the app's URL under Data Source in Web Mapping Application Settings

Registered the app and put the App ID in the the app's config.json file

Set the redirect URIs to http: //<server name>:[port] and https: //<server name>:[port]

The app seems to load in Portal. It prompts for login to view the map, and if I change the data source URL at all it returns an error ("Page not found"). The problem I'm having is that when the "Request for Permission" window pops up and I click "Approve", the window goes blank and just hangs there.

I feel like it might be an authentication/configuration issue, but maybe I'm way off track. Any input would be much appreciated!

Re: How to publish a custom WAB app to Portal?

JakeSkinner — Wed, 25 Apr 2018 11:54:15 GMT

Hi Stephen,

You're on the right track. Try the following:

Download the app from the Web AppBuilder Developer Edition interface
Put the extracted folder on your web server (i.e. C:\inetpub\wwwroot)
Add an application in Portal through the "My Content" page:

Re: How to publish a custom WAB app to Portal?

StephenM — Wed, 25 Apr 2018 17:25:07 GMT

Hello Jake,

Thank you for the quick reply—that is exactly what I needed! The app is now up and running on my organization's Portal.

Re: How to publish a custom WAB app to Portal?

Ángel_DanielSuárez_Calero — Mon, 22 Apr 2019 15:27:12 GMT

Hi Jake, thank you for the reply. I tried upload an app to my portal but I don´t understand the part of "URL".

What It Is "webserver1" ? my portal url?

Thanks!!

Re: How to publish a custom WAB app to Portal?

KafilBaig — Tue, 23 Apr 2019 04:33:49 GMT

Hi Jake,

I downloaded the app from the Web AppBuilder Developer Edition interface 2.11

Added an application in Portal through the "My Content" page

Put the app's URL under Data Source in Web Mapping Application Settings that is http://MyserverName/MyAppName/ which is hosted in IIS.

Registered the app in my setting App registration and Set the redirect URIs to http: //MyserverName.org.ca:80 and https: //MyserverName.org.ca:443

Took the App ID from App Registration section.

Opened the my application hosted in IIS and opened the app's config.json file and added the appid and saved.

When i try to browse the application hosted in IIS. It keeps loading and nothing comes up.

Could you please advice where am i going wrong in the process.

Also as per Stephen summary above there is a suggestion for:

Put the extracted folder in Portal's "apps" directory on the server

Not clear where it needs to be added.

What exactly i need to do to get my application working.

Thanks!!

Re: How to publish a custom WAB app to Portal?

JakeSkinner — Tue, 23 Apr 2019 17:36:15 GMT

Ángel Daniel Suárez Calero‌ the "webserver1" is the name of the web server. For example, if your server where IIS installed is called gis.esri.com, and you copied the application files to a folder called testwebapp within the C:\inetpub\wwwroot folder, the URL would be: http://gis.esri.com/testwebapp

Re: How to publish a custom WAB app to Portal?

JakeSkinner — Tue, 23 Apr 2019 17:39:20 GMT

Kafil Baig‌ you should just have to

download the app from Web AppBuilder Dev Edition
extract the zip file to a folder within C:\inetpub\wwwroot

You should then be able to access the application by going to http://webservername/foldername

Re: How to publish a custom WAB app to Portal?

KafilBaig — Tue, 23 Apr 2019 20:48:15 GMT

I followed the same steps . When I browse the application as http://my server name/folder name

The applications keeps loading and nothing comes up.

In internet explorer 11 there are no errors in console as well .

Sent from my iPhone

Re: How to publish a custom WAB app to Portal?

Ángel_DanielSuárez_Calero — Mon, 29 Apr 2019 08:33:51 GMT

Hi Jake, thanks for all, I tried this but I recieved the next message : "The resource you are looking for might have been removed, had its name changed, or is temporarily unavailable". My purpose is to host my app in my portal after developing it in "Wab". This is possible?

Thanks Jake!!

Best Regards!

Re: How to publish a custom WAB app to Portal?

JakeSkinner — Mon, 29 Apr 2019 13:17:08 GMT

You won't be able to host your application in Portal after it's developed with WAB Developer Edition. You will need to host the application on a web server, but you can then 'reference' the web application so that it's discoverable within your Portal.

Re: How to publish a custom WAB app to Portal?

Ángel_DanielSuárez_Calero — Wed, 01 May 2019 15:18:44 GMT

Perfect Jake, thank you very much for your help, I have managed to see my application as an item in Portal with the IIS of my Portal server. Greetings and thanks!!

Re: How to publish a custom WAB app to Portal?

MichaelKelly3 — Wed, 01 May 2019 16:55:40 GMT

Bear in mind that you can register custom widgets to ArcGIS Enterprise as of 10.5.1 to make them available through the hosted version of Web AppBuilder (you still need to host the widget though). It may be a better long term option. Also bear in mind the release versions. You will want to ensure you use the compatible Developer Edition version when developing the custom widget. Is there something in particular that you are customizing?

Re: How to publish a custom WAB app to Portal?

MiriEshel — Thu, 21 May 2020 08:55:26 GMT

Hello,

I encounter an extra sign in dialog screen when the application is sitting in one webserver and the adaptors for the Portal & ArcGIS Server are sitting in another server like this:

application resides in : https://mnggissrv.mei-netanya.co.il/water

Portal : https://gis.mei-netanya.co.il/portal

ArcGIS Server: https://gis.mei-netanya.co.il/arcgis

The application asks for an extra identification and I don't understand why. See attached images (app1 + app2)

I tried to register the application and it didn't help.

Thanks a lot. We are really stuck with it.

Miri

Re: How to publish a custom WAB app to Portal?

Ranga_Tolapi — Tue, 24 Nov 2020 09:53:12 GMT

Did you able to manage this?