IIS下部署本地离线arcgis api for javascript（最简单最有效的方式）

待我称王封你为后i 2021-07-24 17:18 555阅读 0赞

**目录**

IIS下部署本地离线arcgis  api for  javascript（最简单最有效的方式）

一、部署前准备

二、Arcgis  api 设置

三、IIS下发布

四、测试通了没

五、使用

六、最重要一步

--------------------

# IIS下部署本地离线arcgis  api for  javascript（最简单最有效的方式） #

使用ESRI进行WebGis前端开发都需要调用Arcgis  api，现在这应该算是GISer的必备技能，也算行业主流（虽然现在开源的都很多，但是不会arcigs开发算不上一个合格的入门级GISer），但是使用在线的arcgis api 服务最大的问题就是不稳定，响应慢，所以几乎都在自己在本地离线部署。

本地部署不管是在tomcat下面还是IIS下面其实主要过程都差不多，但是确实困扰了不少刚刚入门的Giser开发者们，经常有人问我，为啥部署的就说访问不了，全部都是按照网上的流程啊。实际上访问不了最有可能出现问题的地方就是路径不对，今天就以IIS环境下，讲一个**最简单、最有效、最易理解、最通用**的部署方式，**简化路径**。

# 一、部署前准备 #

**1、IIS是通的吧。**

按win键 ，输入IIS 如果能找到IIS工具，就可以，没有的话，百度下如何开通IIS服务

**2、下载arcgis  api离线包**

地址：官网  [https://developers.arcgis.com/sign-in/?redirect\_uri=%2Fdownloads%2Fapis-and-sdks%3Fproduct%3Djavascript][https_developers.arcgis.com_sign-in_redirect_uri_2Fdownloads_2Fapis-and-sdks_3Fproduct_3Djavascript]

官网荡不下来的，再提供一个我自己下载的百度网盘的链接（arcgis  api  4.15）：

链接：https://pan.baidu.com/s/12jktrIRjzKspAOeGR7E9FQ   
       提取码：ijmz

# 二、Arcgis  api 设置 #

**1、简化路径**

刚刚说了，部署报错最大的原因都是路径问题，那么就简化路径。

下载一个arcgis  api解压后，按照这个路径往下点：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhcHB5ODE5OTc_size_16_color_FFFFFF_t_70][]

**2、提取api**

找一个位置，新建一个文件夹命名4.15，把上图4.15文件夹单独给考出来。知道IIS虚拟路径的随便放，不知道设置虚拟路径的，在C:\\inetpub\\wwwroot路径下新建4.15文件夹放到这里。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhcHB5ODE5OTc_size_16_color_FFFFFF_t_70 1][]

**3、设置init.js和dojo.js访问路径**

这个和网上说的差不多，设置init.js和dojo.js的访问路径。但是设置方式我觉得网上的那些比较麻烦，也不便于替换。

**3.1 找到init.js和dojo.js。路径截个图大家自己对号入座。**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhcHB5ODE5OTc_size_16_color_FFFFFF_t_70 2][] ( init.js 路径)

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhcHB5ODE5OTc_size_16_color_FFFFFF_t_70 3][] （dojo.js路径）

**3.2修改init.js调用路径**

打开init.js文件：

搜索 "  HOSTNAME "这个关键字，找到680行左右的这个：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhcHB5ODE5OTc_size_16_color_FFFFFF_t_70 4][]

把baseUrl后面的地址全部干掉，换成mybaseUrl，如下图：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhcHB5ODE5OTc_size_16_color_FFFFFF_t_70 5][]

在最前头，添加如下一句代码（这里是决定能否成功很大的一个关键因素，很多人不明白为啥部署好了API，自己可以使用，别人使用为啥报404错），设置一个全局变量。这样整的好处就是下次再改地址不用到处找这个地址，直接再最上面第一句话。

var mybaseUrl="http://localhost:8022/4.15/dojo";   
    //这里需要注意如果本机已经绑定固定IP最好设置成本机固定IP，
    //如果不是固定IP的计算机，只能用localhost或者计算机名，但是用localhost或计算机名的都只能本机访问，也就是你部署的系统别人是用不了的，只能本机测试用。
    //如果部署到外网服务器上的直接整成外网服务器固定IP地址即可
    //端口可以随意改，只要不冲突就行，端口和IIS上发布arcgis api 的端口要保持一致（特别重要）

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhcHB5ODE5OTc_size_16_color_FFFFFF_t_70 6][]

**3.3 修改dojo.js调用路径**

dojo.js修改的地方跟init.js一模一样。重复上面的操作。

# 三、IIS下发布 #

设置好上面的调用路径后，就可以再IIS下发布服务了。打开IIS

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhcHB5ODE5OTc_size_16_color_FFFFFF_t_70 7][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhcHB5ODE5OTc_size_16_color_FFFFFF_t_70 8][]

# 四、测试通了没 #

打开浏览器，输入地址能获取到说明部署没问题，下图中两个路径一致，则前端就可以正确调用Arcgis API了。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhcHB5ODE5OTc_size_16_color_FFFFFF_t_70 9][]

# 五、使用 #

js地址和css样式地址：

js:'http://localhost:8022/4.11/init.js',
    css: "http://localhost:8022/4.11/esri/css/main.css",    
    //备注：再次说明一下，我是因为机器没有绑定固定iP只能使用localhost，要是绑定固定IP了，应该使用固定IP地址，这样外网才可以访问

# 六、最重要一步 #

写的很详细，每步基本都截图标注了，大家解决了问题，记得给我留个言，点个赞，别爽完了，就跑啊。有问题的也欢迎留言交流。

[https_developers.arcgis.com_sign-in_redirect_uri_2Fdownloads_2Fapis-and-sdks_3Fproduct_3Djavascript]: https://developers.arcgis.com/sign-in/?redirect_uri=%2Fdownloads%2Fapis-and-sdks%3Fproduct%3Djavascript
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhcHB5ODE5OTc_size_16_color_FFFFFF_t_70]: /images/20210724/c6085ecb70264f4386ca5c61804b95a0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhcHB5ODE5OTc_size_16_color_FFFFFF_t_70 1]: /images/20210724/43f6c4f937964623854b3ff0826213bf.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhcHB5ODE5OTc_size_16_color_FFFFFF_t_70 2]: /images/20210724/1a3f2d6048324e61931743166049dccb.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhcHB5ODE5OTc_size_16_color_FFFFFF_t_70 3]: /images/20210724/65732d3dd70d4579a09c2627f12fc391.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhcHB5ODE5OTc_size_16_color_FFFFFF_t_70 4]: /images/20210724/c996e0f116e44e80afa79949aa752a68.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhcHB5ODE5OTc_size_16_color_FFFFFF_t_70 5]: /images/20210724/ed6bf34450d1415cb74388d56024eef9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhcHB5ODE5OTc_size_16_color_FFFFFF_t_70 6]: /images/20210724/728d308a363a4c7c9fb7de96a686b140.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhcHB5ODE5OTc_size_16_color_FFFFFF_t_70 7]: /images/20210724/b57d5fb71ce94161b17f0edfee8f172f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhcHB5ODE5OTc_size_16_color_FFFFFF_t_70 8]: /images/20210724/a3826084aaab48d7a37d73f89e5e6a4b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhcHB5ODE5OTc_size_16_color_FFFFFF_t_70 9]: /images/20210724/a46a7759c6d64c36bf3a4caefa35399a.png