ArcGIS WebApp Builder

Get ArcGIS WebApp Builder

For the 1.0 beta release, ArcGIS WebApp Builder is available at Esri Beta Community. It is in a ZIP file named arcgis-webapp-builder-1.0beta.zip, which contains everything you need to start using ArcGIS WebApp Builder, and developing custom widgets and themes.

System requirements

  • ArcGIS WebApp Builder supports Chrome, Firefox, IE 9+, and Safari.
  • node.js is required for running the ArcGIS WebApp Builder.
  • By default, ArcGIS WebApp Builder uses the JavaScript API hosted by Esri on ArcGIS Online. If there is no Internet connection, a local hosted ArcGIS API for JavaScript (3.8 or above) is required.

Setup ArcGIS WebApp Builder

  1. Download and install node.js.
  2. Unzip arcgis-webapp-builder-1.0beta ZIP file to your computer.
  3. Start the Windows command prompt, go to the builder directory, then run node server.js command. The default HTTP port is 3344. You can change the port by typing node server.js -port=88, for example.
  4. If the above commands run successfully, the Builder server starts and listens to port 3344.
  5. Access ArcGIS WebApp Builder in the web browser: http://[Machine_Name]:3344/webappbuilder.

Note:

  • If you don’t want to use the default JavaScript hosted by Esri on ArcGIS Online, open /stemapp/env.js in a text editor, and change apiUrl to point to the URL of your local hosted ArcGIS API for JavaScript.
  • If the node command can not be recognized by the Windows command prompt, you need manually add node to system path (ie. PATH=%path%; C:\Program Files\nodejs).

Create a basic web app in the builder

  1. On the Builder homepage, click the Create New button.
  2. Type the app name, for example My First App, and click OK.
  3. Keep using the default theme, map, and widgets.
  4. Under the Attributes tab, change the title for example My First App.
  5. Save your changes and click the Home button to return to the homepage.
  6. Click Launch button beside this app item to view your app in the web browser.

Deploy the app to your web server

To deploy your app to your preferred web server, follow these steps:

  1. On the Builder homepage, click the Download button from the My First App item’s drop-down menu to download the app as a ZIP file.
  2. Unzip the ZIP file to your computer.
  3. Point your HTTP server to the unzipped folder, or copy the folder and paste it into your web server.
  4. Your app will be available in the web browser by accessing http://[SERVER-NAME]:[Port-NUMBER]/my first app/.

Create your app by configuring the starter app (advanced topic)

ArcGIS WebApp Builder provides an option to create a web app by configuring the starter app (the stemapp folder). For details, see Configuration reference .