How to publish a custom WAB app to Portal?

5135
13
Jump to solution
04-24-2018 05:01 PM
StephenM
Occasional Contributor II

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!

1 Solution

Accepted Solutions
JakeSkinner
Esri Esteemed Contributor

Hi Stephen,

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

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

View solution in original post

13 Replies
JakeSkinner
Esri Esteemed Contributor

Hi Stephen,

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

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

View solution in original post

StephenM
Occasional Contributor II

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.

0 Kudos
Ángel_DanielSuárez_Calero
New Contributor III

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!! 

0 Kudos
JakeSkinner
Esri Esteemed Contributor

Á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

0 Kudos
Ángel_DanielSuárez_Calero
New Contributor III

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! 

0 Kudos
JakeSkinner
Esri Esteemed Contributor

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.

Ángel_DanielSuárez_Calero
New Contributor III

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!!

0 Kudos
KafilBaig
New Contributor III

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!!

0 Kudos
JakeSkinner
Esri Esteemed Contributor

Kafil Baig‌ you should just have to

  1. download the app from Web AppBuilder Dev Edition
  2. 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

0 Kudos