topic Re: Web AppBuilder Deploying to Website in ArcGIS Web AppBuilder Questions

Web AppBuilder Deploying to Website

Anonymous User — Wed, 04 Oct 2017 21:06:16 GMT

I have created a Web AppBuilder through ArcGIS Online. I then log onto the Web AppBuilder for Developers and download the zipfile. I unzip the file and place the contents on my server. When I go to the URL, all i get is the loading screen that never goes away. See below.

I tried following the instructions here. Deploy your app—Web AppBuilder for ArcGIS (Developer Edition) | ArcGIS for Developers

Step 4 is adding a proxy. Everything in my web app will be public, is it still necessary to do this?

Then it ask to register your app online. I tried to doing this, but i think im getting messed up on the URIs. I entered https://[myserver]:port & http://[myserver]:port, but i still got the loading screen.

This is my first time hosting a web appbuilder and any help would be appreciated.

Re: Web AppBuilder Deploying to Website

Anonymous User — Wed, 04 Oct 2017 21:21:39 GMT

I did notice that when i Load the website and inspect it, I get the following error:

Uncaught Error: Invalid template: <div>
<div class="loading-container">
<div data-dojo-attach-point="imgDiv" class="img-div">
</div>
<p data-dojo-attach-point="textNode"></p>
</div>
</div><div id="sd40s" style="visibility: hidden; position: absolute; bottom: -1px">4oiGIFNEIEJJVCBEZXRlY3Rpb24=</div>
at Function.g.getCachedTemplate (init.js:374)
at Object.buildRendering (init.js:373)
at Object.create (init.js:350)
at Object.postscript (init.js:349)
at new <anonymous> (init.js:161)
at Object.loadConfig (ConfigManager.js?wab_dv=2.5:130)
at Object.initApp (main.js?wab_dv=2.5:223)
at init.js:206
at ia (init.js:28)
at init.js:28

Not sure what this really means or is useful in helping find the issue.

Re: Web AppBuilder Deploying to Website

RobertScheitlin__GISP — Thu, 05 Oct 2017 12:46:12 GMT

This first part is a little confusing:

I have created a Web AppBuilder through ArcGIS Online. I then log onto the Web AppBuilder for Developers and download the zipfile.

The version of WAB that is online on AGOL is version 2.6 which the WAB Dev version is still on version 2.5 for a few more weeks so if you are saying that you downloaded the app from AGOL and are try to import it into WAB Dev then this is an issue. But if you are just downloading from AGOL and then trying to deploy to your web server then you should be good to go. As far as the proxy you will not need the proxy unless you are using secured services or you are buffering large geometries that would cause the app to send URL strings that exceed the GET string limit and need to use POST instead.

Re: Web AppBuilder Deploying to Website

Anonymous User — Thu, 05 Oct 2017 13:10:59 GMT

To explain the first a bit more, I created the Web App through Web AppBuilder on AGOL. When i go the item details page, download wasn't an option. I then log onto Web AppBuilder for Developers, import the web app and download the zip file.

Re: Web AppBuilder Deploying to Website

RobertScheitlin__GISP — Thu, 05 Oct 2017 13:16:16 GMT

So that is the issue you can not import a WAB 2.6 (AGOL's current version) into WAB Dev with is only 2.5 currently.

Re: Web AppBuilder Deploying to Website

Anonymous User — Thu, 05 Oct 2017 15:31:24 GMT

Thank You!. I was able to download it from ArcGIS Online and extracted the zip folder to our test server. It loaded up great! I changed something around and now I want to deploy it to our production server. I copy and past the file over to the production server. When i go to the URL I get the following error: Unexpected token < in JSON at position 0. Any idea whats going on?

Re: Web AppBuilder Deploying to Website

RobertScheitlin__GISP — Thu, 05 Oct 2017 15:33:33 GMT

Sounds like you have introduced a syntax error in your change that you made.

Re: Web AppBuilder Deploying to Website

Anonymous User — Thu, 05 Oct 2017 15:37:02 GMT

The only change i did was changing an image source. When i inspect the website i get this in the console:

main.js?wab_dv=2.6:13 SyntaxError: Unexpected token < in JSON at position 0
at JSON.parse (<anonymous>)
at json (init.js:147)
at n (init.js:146)
at d.f [as handleResponse] (init.js:138)
at XMLHttpRequest.e (init.js:143)

It looks like it is coming from the main.js. I didnt even open that up.

On the test server, everything works fine. I copy and paste it over and then this error shows up.

Re: Web AppBuilder Deploying to Website

RobertScheitlin__GISP — Thu, 05 Oct 2017 16:03:05 GMT

The source of the error saying is is in the main.js does not really mean the syntax error is in the main.js that just the file that is reporting the error from trying to parse a json file. What json file or files did you change?

Re: Web AppBuilder Deploying to Website

Anonymous User — Thu, 05 Oct 2017 16:06:55 GMT

I changed more_normal.svg and more_hover.svg to .pngs within the Widget.js within LayerList folder within the Widget folder.

Re: Web AppBuilder Deploying to Website

RobertScheitlin__GISP — Thu, 05 Oct 2017 16:10:55 GMT

And your app worked fine with that change before you moved it to the production server?

Re: Web AppBuilder Deploying to Website

Anonymous User — Thu, 05 Oct 2017 16:13:48 GMT

Yeah, everything on the test server loads up fine and works the way it is intended. This is what is confusing me the most. I figure there must be some setting on our production server that is causing the issue?

Re: Web AppBuilder Deploying to Website

RobertScheitlin__GISP — Thu, 05 Oct 2017 16:38:02 GMT

Can you try deploying a vanilla (unchanged) WAB app to you production server and see if it works OK?

Re: Web AppBuilder Deploying to Website

ZaferDefne — Tue, 10 Oct 2017 21:05:47 GMT

Could it be a Cross Origin Resource Sharing (CORS) issue, just because it works on the test server but not on the production server?

Re: Web AppBuilder Deploying to Website

Anonymous User — Tue, 10 Oct 2017 21:09:35 GMT

I checked on it the website today and everything loaded up fine on production. I wonder if had do with the server replicating. Thanks Robert for all your help.

Re: Web AppBuilder Deploying to Website

BrantCarman — Fri, 08 Dec 2017 22:49:31 GMT

I'm getting this exact same console log when trying to load a Web AppBuilder Application that's deployed to my company's server. Do you have any more info on how you fixed this?