{"id":65662,"date":"2018-11-07T13:43:03","date_gmt":"2018-11-07T21:43:03","guid":{"rendered":"https:\/\/www.esri.com\/about\/newsroom\/?post_type=arcwatch&p=65662"},"modified":"2018-11-07T13:43:03","modified_gmt":"2018-11-07T21:43:03","slug":"configure-web-appbuilder-for-arcgis-developer-edition","status":"publish","type":"arcwatch","link":"https:\/\/www.esri.com\/about\/newsroom\/arcwatch\/configure-web-appbuilder-for-arcgis-developer-edition","title":{"rendered":"Configure Web AppBuilder for ArcGIS Developer Edition"},"content":{"rendered":"","protected":false},"author":651,"featured_media":0,"menu_order":0,"template":"","format":"standard","meta":{"_acf_changed":false,"sync_status":"","episode_type":"","audio_file":"","castos_file_data":"","podmotor_file_id":"","cover_image":"","cover_image_id":"","duration":"","filesize":"","filesize_raw":"","date_recorded":"","explicit":"","block":"","itunes_episode_number":"","itunes_title":"","itunes_season_number":"","itunes_episode_type":"","footnotes":"","_links_to":"","_links_to_target":""},"categories":[],"tags":[],"arcwatch_issues":[38072],"class_list":["post-65662","arcwatch","type-arcwatch","status-publish","format-standard","hentry","arcwatch_issues-january-2017","arcwatch_sections-the-tip"],"acf":{"short_description":"","pdf":{"host_remotely":false,"file":null,"file_url":""},"flexible_content":[{"acf_fc_layout":"content","content":"You can create and deploy custom mapping apps for the web that can run on any device without doing any programming. How? By using\u00a0Web AppBuilder for ArcGIS<\/a>, which provides an intuitive, what you see is what you get (WYSIWYG) app-building user experience.\r\n\r\nWeb AppBuilder for ArcGIS was developed using\u00a0ArcGIS API for JavaScript<\/a>\u00a0and HTML5 technology. It is an app included with your\u00a0ArcGIS Online<\/a>\u00a0organization and\u00a0Portal for ArcGIS<\/a>.\r\n\r\nYou can create and deploy custom mapping apps using\u00a0Web AppBuilder for ArcGIS Developer Edition<\/a>. You can download it to your local machine, and it provides the same user experience as Web AppBuilder for ArcGIS in ArcGIS Online and Portal for ArcGIS. Some users choose to work with the developer edition because they want to extend the capabilities of Web AppBuilder for ArcGIS with custom widgets and themes, or they prefer to host their apps on their own web servers. There is a large and very active Web AppBuilder for ArcGIS user community on\u00a0GeoNet<\/a>\u00a0that shares numerous\u00a0custom widgets<\/a>.\r\n\r\nThis tip walks you through each step of how to download, install, and configure Web AppBuilder for ArcGIS Developer Edition to work with your ArcGIS Online organization. Then you can start building new custom mapping apps for the web, with the ability to leverage custom widgets and themes.\r\n\r\nThis tip requires that you have an ArcGIS Online organization already set up.\r\n\r\nStep 1:<\/strong>\u00a0Download and install Web AppBuilder for ArcGIS Developer Edition.\r\n\r\nIn a web browser, navigate to the\u00a0ArcGIS for Developers<\/a>\u00a0site.\r\n\r\nBelow the banner graphic, click the\u00a0Configurable Apps & App Builders<\/strong>\u00a0drop-down menu and select\u00a0Web AppBuilder.<\/strong>\r\n\r\n This takes you to the Web AppBuilder for ArcGIS Developer Edition landing page.\r\n\r\nClick the Download SDK button on the banner graphic.\r\n\r\n\r\n\r\nWhen you click the Download SDK button, the web browser will prompt you to log in to your ArcGIS Online organizational account. Sign in if needed. If you have already logged in, then the download message window will appear.\r\n\r\nDownload the Web AppBuilder for ArcGIS Developer Edition ZIP file. Unzip the file and extract the contents of the file onto your local machine.\r\n\r\nThis will create a directory called arcgis-web-appbuilder-2.2. This folder contains all the files you need to use Web AppBuilder for ArcGIS Developer Edition.\r\n\r\nIn Windows File Explorer, navigate to the arcgis-web-appbuilder-2.2 > WebAppBuilderForArcGIS directory on your local machine and double-click to view its contents.\r\n\r\nDouble-click startup.bat to start Web AppBuilder for ArcGIS Developer Edition.\r\n\r\nThis opens a Command Prompt window called Web AppBuilder for ArcGIS.\r\n\r\n\r\n\r\nIt also opens your web browser, where Web AppBuilder for ArcGIS Developer Edition appears.\r\n\r\n\r\n\r\nMinimize the Command Prompt window.\r\n\r\nThe web browser now displays the setup panel for Web AppBuilder for ArcGIS. When you first start Web AppBuilder for ArcGIS Developer Edition, you need to configure it to work with your ArcGIS Online organization.\r\n\r\nIn the web browser, on the Web AppBuilder for ArcGIS Developer Edition setup panel, click the FAQs link.\r\n\r\nIn the help document that appears, click Get started under How do I start Web AppBuilder for ArcGIS (Developer Edition)?\r\n\r\nScroll down to the sections titled Specify your portal URL and Provide an app ID for Web AppBuilder, and review their contents.\r\n\r\nTo enable Web AppBuilder for ArcGIS Developer Edition to work with your ArcGIS Online organization, you need to provide the URL of the ArcGIS Online organization. This is the input parameter that appears in the Web AppBuilder for ArcGIS Developer Edition setup panel.\r\n\r\nYou also need to add Web AppBuilder for ArcGIS Developer Edition as a new item in your ArcGIS Online organization. This will generate an app ID\u2014a property used by Web AppBuilder for ArcGIS Developer Edition to support OAuth 2.0 authentication\u2014which enables Web AppBuilder for ArcGIS Developer Edition to securely connect to your ArcGIS Online organization. You will perform these actions in the next steps.\r\n\r\nMinimize the web browser window.\r\n\r\nStep 2:<\/strong>\u00a0Add Web AppBuilder for ArcGIS Developer Edition as a new item in your ArcGIS Online organization.\r\n\r\nOpen a new web browser instance and navigate to ArcGIS Online. Sign in to your ArcGIS Online organization.\r\n\r\nGo to the My Content page > Add Item > An application.\r\n\r\nThe Application dialog box appears.\r\n\r\nEnter the following parameters:\r\n