Web AppBuilder widgets cannot be installed into the ArcGIS Online shared environment. Because ArcGIS Online is shared by hundreds of thousands of different subscribers, custom widgets such as Geovonic Connect need to be installed in a local version of Web AppBuilder Developer Edition.

This article walks through the steps necessary to install Web AppBuilder Developer Edition. For further information it is recommended you refer to the ArcGIS documentation.

STEP 1 – Download the latest version of the Web AppBuilder ZIP file

https://developers.arcgis.com/downloads/#web-appbuilder

STEP 2 – Unzip the file contents to a folder on the server hosting WebApp Builder.

STEP 3 – Run the WebApp Builder program.

If using Windows, run startup.bat.

If using Mac/Linux, go to the server folder and run node server.js.

(To run as a service refer to the ArcGIS help).

STEP 4 – Open the Web AppBuilder application

            https://[your.server.url]:3344/webappbuilder

STEP 5 – Enter the URL for your ArcGIS Online account

STEP 6 – Create an Application to allow Web AppBuilder to connect to ArcGIS

From the “My Content” page, select New Item and choose Application.

Type: Web Mapping

Purpose: Ready to Use and API (if required): JavaScript

URL: https://[your.server.url]:3344/webappbuilder

Once saved, go to the Settings tab and scroll down to App Registration.

Click Register, enter https://[your.server.url] and click Add.

Copy the App ID value.

STEP 7 – Enter the App ID in Web AppBuilder

STEP 8 – Login and approve Web AppBuilder

Your Web AppBuilder is now ready to use.