上篇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,打開沒問題:
![](https://img.laitimes.com/img/9ZDMuAjOiMmIsIjOiQnIsIyZuBnL0UTNwQzM1MDMy0CO0EDM0UDNwETNwEDM5EDMy0CN3AzN5ATMvwVMwkTMwIzLcRzNwcTOwEzLcd2bsJ2Lc12bj5ycn9Gbi52YugTMwIzZtl2Lc9CX6MHc0RHaiojIsJye.png)
在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- https://www.cnblogs.com/taiyonghai/p/9402734.html
nginx配置檔案nginx.conf超詳細講解 -隔壁老梁- https://www.cnblogs.com/liang-wei/p/5849771.html
Nginx + Https本地部署ArcGIS JavaScript API 4.4/4.5 -liuyl89- https://www.jianshu.com/p/24488c6fbc30