2017第十五屆esri用戶大會觀感（一）——WAB敏捷開發

2017年10月24日和25日，在北京國際會議中心召開了第十五屆esri用戶大會。本次會議的主題圍繞着slogan的理念提出的"Applying The Science of Where"，一共有6大主題報告，6大技術論壇，10大行業論壇，業界稱爲GIS屆的饕餮盛宴。從Enabling a Smarter World到The Science of Where,大概是走過風風雨雨，看過世界萬物最終又返璞歸真回到原點去回答，我是誰？我從哪裏來？我到哪裏去？

空間貫穿着咱們的一輩子，從子宮到墳墓，人依託着空間而存在，而地理與GIS正是用來理解咱們所生存的地球空間的語言。

筆者很榮幸地成爲了本屆esri用戶大會體驗區志願者之一，所負責的產品是esri推出的0代碼敏捷開發的Web App Builder for ArcGIS。因此從觀感來說，就先來介紹下Web App Builder for ArcGIS產品吧。

1 Web App Builder for ArcGIS簡介

ArcGIS WebApp Builder 是Esri在2014年4月份推出的一種直觀的所見即所得式 (WYSIWYG) 應用程序，可用於構建 2D 和 3D web 應用程序，而無需編寫一行代碼。它所包括的強大工具可用來配置功能完備的 HTML 應用程序。添加地圖和工具時，您能夠在應用程序中看到這些地圖和工具並當即使用。

主要功能 可經過 Web AppBuilder for ArcGIS 進行如下操做：

• 建立能在全部設備上運行的 HTML/JavaScript 應用程序。
• 使用即用型微件構建所需應用程序。
• 使用可配置的主題自定義應用程序的外觀。
• 在線託管應用程序或在本身的服務器上運行應用程序。
• 建立自定義應用程序模板。

詳情請點擊

固然這裏有許可相關限制。

2 Web App Builder for ArcGIS在線版敏捷開發

正如前面所說，對於許可的限制，事實上目前Web App Builder for ArcGIS必須有ArcGIS Online或者是Portal的支持。而簡單地說Web App Builder for ArcGIS有兩種版本，一種是在線版本，內置在ArcGIS Online或者Portal中，只需有帳戶就能夠快速搭建，另外一種則是獨立的開發者版本，須要部署。那咱們就先來介紹第一種方式。

第一種方式對於許可有限制，事實上做爲試用和測試的話，咱們只須要註冊一個帳戶，試用ArcGIS便可享受21天的ArcGIS Online組織2級成員的許可，固然這個也支持ArcGIS Pro等。

至於如何申請請點擊：ArcGIS及Online使用許可申請。

接下來進入正題。進行快速的敏捷開發。這是筆者試用帳戶下託管的數據。我利用ArcGIS Pro發佈了一份2016年1月1日到1月7日全國各個縣級市空氣質量的數據。並作了一張簡易熱力圖。

接着點擊「建立」→「使用Web App Builder"

設置好標題、標籤和摘要便可建立（也能夠選擇3D，這裏就選擇2D）。

這裏能夠選擇任意一個主題。也能夠設置顏色以及佈局

接着點擊"地圖"，選擇所須要的數據和底圖。這裏選擇了作好的"Urban Air"。此外還能夠選擇地圖初始化的範圍等。

接下來就能夠點擊"微件"，配置webgis地圖的基礎功能了。這裏最新版提供了超過33個微件，知足webgis地圖應用基本需求。

該主題裏畫框的"微件"分別對應的位置如上。

微件列表。

微件內部配置

最終頁面。

最後還能夠修改下"屬性"，便可。

接下來能夠選擇保存，或者預覽，或者啓動。 保存即保存在本身的帳戶項目內，預覽能夠觀察不一樣尺寸的效果（web app是自適應的html5），啓動的話直接訪問該應用。

保存完畢便可查看。

也能夠下載下來進行部署。下圖爲訪問的頁面。

如上是在線版本的敏捷開發。

3 Web App Builder for ArcGIS開發者版本部署

前文提到，Web App Builder for ArcGIS有獨立的開發者版本，能夠下載下來本身部署。不過依舊須要有ArcGIS Online或者portal帳戶來支撐。

Web App Builder for ArcGIS開發者版本

開發者版本下載下來的文件夾結構。

只須要點擊startup.bat運行，便可啓動。cmd運行後，在瀏覽器中輸入http://localhost:3345或https://localhsot:3346訪問。

與在線版不一樣的就是，接着就須要你填入ArcGIS Online或者portal的組織url了。同時還須要有個應用ID。

試用帳戶組織的url能夠直接點擊組織查詢（這個爲本身申請試用時設置的）。

因此這裏須要先從ArcGIS Online先行建立app，傳遞ID。 首先點擊"添加項目"→"應用程序"。

選擇"Web製圖"→"添加"。筆者測試過，這裏必須設置爲https://localhost:3346/webappbuilder。

點擊"設置"→"註冊"

必須作個重定向，將回調地址設爲本地（除了localhost還能夠設置爲計算機名），註冊。

便可看到ID。

運行startup.bat，訪問https://localhost:3346。

接下來步驟與前面在線版本差別不大。 固然也有一個公用的可使用的portal: http://www.arcgisonline.cn/portal。 也能夠經過這個進行配置。相關教程在第一篇參考博客中。

總體來講，在用戶大會體驗區開放的接近一天半的時間內，仍是有大量的人對零代碼構建web app的工具產生了濃厚興趣，總體來講你們都在詢問的無非是：如何部署在本身的服務器上以及如何進行二次開發，而不只僅是基於現有的框架。

解答以下：部署在本身服務器上的話必須購買portal for ArcGIS。而因爲該工具是以敏捷開發爲目的，封裝得較好，因此二次開發支持的無非是主題配置和微件使用（具體可見文末的幾篇博客）。固然也有大神對源碼進行了改動，使其能夠不依賴於portal for ArcGIS，這裏就不提了（由於某種程度上失去了敏捷開發的特性，固然改完以後的卻是很完美）。

WAB敏捷開發目前來看已是portal for ArcGIS以及新一代ArcGIS平臺web開發的三架馬車（另兩架分別是ArcGIS API for Python，ArcGIS API for Javascript）了，固然我的理解，僅從咱們體驗區佈設來看。

WAB的敏捷開發實現了一個快速開發的途徑，某種程度上也下降了無代碼人員開發的難度，自己也具備不錯的平臺擴展性，演示的demo中有集成了百度Echarts的可視化，固然基於portal for ArcGIS或者ArcGIS Online的這個特性確實在彰顯esri公司在雲計算時代的應對之策。

最後的最後，我我的以爲該產品能夠類比Tableau Public和power BI。固然相對而言，WAB確實更偏向於GIS，然後二者則純粹考慮可視化。

相關教程學習資料與博客:

Web Appbuilder For ArcGIS# 正式版使用教程 配置與使用

webAppbuilder微件使用教程1 快速入門

webAppbuilder微件使用教程2 經常使用微件介紹

webAppbuilder微件使用教程3 地理處理微件

Webappbuilder開發快速預覽

Webappbuilder自定義widget模板

WebAppBuilder自定義主題

ArcGIS WebApp builder 教程（一）簡介

ArcGIS WebApp builder 教程（二）入門

ArcGIS Web Appbuilder代碼改動爲不須要protal步驟初探

Web App Builder For ArcGIS 安裝部署使用

ArcGIS WebApp Builder 使用指南