arcgis api for javascript 3.x/4.x 在常见的web服务器(nginx、tomcat)下部署

arcgis api for javascript(3.x/4.x)是webgis开发中的利器,但是在离线环境下或者是在自己的私有云服务器上怎么部署呢,今天就介绍一下3.x和4.x版本在tomcat和nginx服务器下如何部署。由于tomcat和nginx都是跨平台的,所以无所谓是window还是Linux都能使用。

1 首先下载sdk包。

具体 下载地址。这个需要注册账号才能下载。

2 tomcat服务器下部署

2.1 将下载的sdk包解压。放在tomcat目录下。具体见下面图片

arcgis api for javascript 3.x/4.x 在常见的web服务器(nginx、tomcat)下部署_第1张图片

2.2 修改 init.js 和 /dojo/dojo.js

先用文本编辑器打开init.js,搜索“HOSTNAME_AND_PATH_TO_JSAPI”,如果是本地部署,则将整个HOSTNAME_AND_PATH_TO_JSAPI替换为 “localhost:端口号”,端口号为tomcat的端口号。

同样的方法打开 /dojo/dojo.js,进行替换。

实际上就是修改baseUrl的地址。

最终替换结果见下图。4.x的修改方法和3.x的修改方法完全相同

arcgis api for javascript 3.x/4.x 在常见的web服务器(nginx、tomcat)下部署_第2张图片

2.3 修改保存之后,直接启动tomcat即可。

3 nginx服务器下部署

3.1 目录及init.js /dojo/dojo.js修改方法和2部分相同。

arcgis api for javascript 3.x/4.x 在常见的web服务器(nginx、tomcat)下部署_第3张图片

3.2 根据sdk所在的目录,修改nginx的nginx.conf。

# 部署arcgis_for_js_api 3.31和4.14
        location /arcgisAPI{
           root /opt/nginxApp/;
        }

3.3 启动nginx即可。

4 最终测试效果如下图。

在线预览4.x

arcgis api for javascript 3.x/4.x 在常见的web服务器(nginx、tomcat)下部署_第4张图片

下面是我的两个版本的sdk地址:

https://www.brightmoon.xyz/arcgisAPI/V3.31/init.js

https://www.brightmoon.xyz/arcgisAPI/V4.14/init.js

其他css引用可参考相关目录

你可能感兴趣的:(ArcGIS,API,for,Javascript,webgis,nginx,tomcat)