ArcGIS WebApp Builder 使用指南

ArcGIS WebApp Builder 是Esri在2014年4月份推出的，相信做WebGIS开发的GISer们对ArcGIS的FlexViewer都不陌生,这次推出的就相当于JS版的Viewer。

1、ArcGIS WebApp Builder安装、部署

    ArcGIS WebApp Builder的服务端是用Node.js开发的，所以必须先安装、部署Node.js，安装Node安装比较简单，在此就不再赘述；

  解压下载的arcgis-webapp-builder-1.0beta，解压后如下图所示目录：

  

builder：ArcGIS WebApp Builder整个App工程文件；

docs:帮助和说明文档；

stemapp:WebApp的模板文件；

修改stemapp目录下的env.js，修改apiUrl 使其指向你本地的js api的URL，若本地没有部署则可直接改为在线的URL;

在命令终端下进入builder文件夹，并执行node server

若出现以下界面则表示运行成功：

2、自定义WebApp应用

在浏览器中输入http://localhost:3344/webappbuilder,出现以下界面：

点击新建按钮新建WebApp，目前暂不支持3D应用，选择2D输入App名称：

点击确定后就会跳转到自定义WebApp的界面，在这里就可以自己定义主题、地图、工具以及一些属性信息了，并且可以预览该应用在不同分辨率设备下的展现效果；

预览WebApp

编辑完之后可以返回主页下载自定义的WebApp

下载下来之后可以在其基础上再去自己修改、添加新的Widget，你自己写的Widget也可以放到stemapp的widget下则可以在WebApp Builder的App里看到该Widget。

Ok 整个WebApp builder的部署就这么简单，下一篇我会讲解一下如何自定义Widget！