ArcGIS API for JavaScript 4.x 本地部署之Nginx法

上篇ArcGIS API for JavaScript 4.x 離線配置之IIS法提到，如何用IIS配置ArcGIS jsAPI；

本篇則使用http下的Nginx配置，其原理基本一致。https的部署方法暫時沒有試驗。下篇使用Apache和Tomcat配置。

【環境說明】操做系統Windows10，Nginx版本1.14.2，瀏覽器Chrome 69，jsAPI版本4.10

1. 安裝Nginx（Windows）

Nginx不須要安裝，解壓便可使用。解壓到D盤根目錄後如圖：

若是點開nginx.exe，黑框閃過，在任務管理器看不到nginx.exe的進程，說明nginx默認端口——80端口被佔用，到conf文件夾下找nginx.conf修改，我這裏改成1570

（端口隨意，你開心就好，端口知識再也不補充）

安裝完畢，瀏覽器輸入localhost:1570，打開沒問題：

在html目錄（即localhost:1570這臺服務器下的默認站點文件夾）下建立以下一個名稱爲myindex的html文檔以測試是否成功：

看起來沒問題。

2. 配置jsAPI

解壓jsAPI到html目錄下（與上篇相同的拖拽解壓法~）：

從上一步得知

• http:\\localhost:1570 等價於 D:\nginx-1.14.2\

故

• [HOSTNAME_AND_PATH_TO_JSAPI] 等價於 localhost:1570/arcgis_js_v410_api/arcgis_js_api/library/4.10/

因此init.js和dojo.js的物理地址和網絡地址應爲：

• init.js[物理]：D:\nginx-1.14.2\html\arcgis_js_v410_api\arcgis_js_api\library\4.10\init.js
• dojo.js[物理]：D:\nginx-1.14.2\html\arcgis_js_v410_api\arcgis_js_api\library\4.10\dojo\dojo.js
• init.js[網絡]：http://localhost:1570/arcgis_js_v410_api/arcgis_js_api/library/4.10/init.js
• dojo.js[網絡]：http://localhost:1570/arcgis_js_v410_api/arcgis_js_api/library/4.10/dojo/dojo.js

替換這兩個文件內的 [HOSTNAME_AND_PATH_TO_JSAPI] 字符串，操做以下圖所示：

若沒有開啓https，則須要把https改爲http，以下圖：

測試經過。

 

3. Nginx配置文件conf\nginx.conf

這個屬於本人的補充知識（由於後端很菜——好吧都菜），懂的能夠跳過。

和IIS同樣，也能夠配置默認主頁/默認文檔，可是它是使用conf配置文件實現，如今以下修改：

而後重啓一下nginx

nginx -s reload

有時候這條命令不起做用，到任務管理器kill掉nginx進程，再重啓一下nginx便可。

ps：重啓nginx服務器時須要瀏覽器關閉狀態。

此時訪問http://localhost:1570以下圖所示：

完事（第四行// This is dojo.js 是我本身加的註釋，爲了辨認是不是dojo.js或init.js）。

 

參考博客

Nginx Windows詳細安裝部署教程 -taiyonghai- http://www.javashuo.com/article/p-xftxnmva-w.html

nginx配置文件nginx.conf超詳細講解 -隔壁老梁- http://www.javashuo.com/article/p-tofgiqyd-p.html

Nginx + Https本地部署ArcGIS JavaScript API 4.4/4.5 -liuyl89- https://www.jianshu.com/p/24488c6fbc30