ArcGIS API for JavaScript超强部署方案-低调大师

ArcGIS API for JavaScript超强部署方案

2018-01-10 729

很多GISer或者非GISer，在要学GIS界最强大的ArcGIS API for JavaScript的时候是不是被API的配置给搞懵了，是不是被SSL证书或者HTTPS搞瞎了，是不是有种，我还没入门，就让我先解决这些和GIS没关系的问题？还有什么FQDN（Fully qualified domain name：完全限定域名）.......你心累，不巧！今天我师弟就问我4.X的API部署不了，要什么SSL证书。嗯，我也其实挺心累的。作为混了好几年的GISer，感觉有必要写一份入门级部署API的博客了。

下载API

官方地址： http://links.esri.com/javascript-api/latest-download 和 https://developers.arcgis.com/downloads/apis-and-sdks?product=javascript ，当然你得有个Esri的开发者账号，如果没有，那就申请一个，切记跟着邮件内容走，否则会走错路。登录之后是如下页面：

相信你已经看到了要看到的，点击蓝色API按钮，默默等待浏览器下载完毕。当然你如果需要把SDK也部署到本地，就点击Document，下载。

配置

将下载的ZIP包解压到我的项目WMS1/gis中，打开解压后的文件，双击index.html,选择你要部署的平台，可以随便选择一个, 我选择了ArcGIS API for JavaScript; 在这需要说明, 我要部署的是和平台无关的，只是和你的Web访问目录有关的超强配置. Write once, run in any Web container!
打开后直接定位到Modify the Build (manually)节点；别的都不用看。如下显示：
移动文件；将/library/4.6/下的所有文件拷贝到arcgis_js_api文件下，并将library文件夹删除。效果如下：
根据提示，用Notepad++打开加压包目录下的[api package] /arcgis_js_api/dojo/dojo.js;查找提示的文字 [HOSTNAME_AND_PATH_TO_JSAPI]；搜索到之后将baseUrl中的值宣布选中，用 /WMS1/gis/arcgis_js_api/dojo"替换；效果如下:
对[api package]/arcgis_js_api/init.js进行同样的操作,效果如下：

测试部署是否成功；拷贝如下代码到WMS1/gis/index.html中

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no" />
  <title>Test Map</title>
  <link rel="stylesheet" href="/WMS1/gis/arcgis_js_api/dijit/themes/cl aro/clarocss" />
  <link rel="stylesheet" href="/WMS1/gis/arcgis_js_api/esri/css/main.  css" />
  <style>
  html,
  body,
  #viewDiv {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  }
</style>
<script src="/WMS1/gis/arcgis_js_api/dojo/dojo.js"></script>
<script>
var myMap, view;
require([
"esri/Map",
"esri/views/MapView",
"dojo/domReady!"
], function (Map, MapView) {
myMap = new Map({
basemap: 'osm'
});
view = new MapView({
center: [-111.87, 40.57], // long, lat
container: "viewDiv",
map: myMap,
zoom: 6
});
});
</script>
</head>
<body class="claro">
<div id="viewDiv"></div>
</body>
</html>

神奇的事情有木有发生？我是发生了。
到此我们的环境就配置好了，你的小宇宙该爆发了。

总结

ArcGIS JS API的配置只是和你项目启动的Web容器的路径有关系，和HTTPS还是HTTP、SSL并没有太大关系，如果要将API部署在远程机器上，那一般情况就是需要了解HTTPS、HTTP、FQDN等等了，这也是官方推荐的方法；使用上面这种配置的好处是，我的项目跟协议、主机名还有端口没有任何关系，只是和启动的Web容器的相对目录有关了。这在Node的http-server或者Webpack-devServer等作为Web启动容器的时候，你想在Linux还是Unix上运行都木问题的，而且目录位置随便放。只能帮你到这了。

微信关注我们

原文链接：https://yq.aliyun.com/articles/349281

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

关于golang的GOPATH一些小建议

关于golang的环境变量:GOPATH 、GOROOT 的具体作用可以问度娘，很多的。 GOPATH 设置两个目录很有用。第一个目录作为第三方包的存放位置，第二个目录作为你自己的项目。将第三方的GOPATH放置到第一位，这样子 go install 将使用它作为默认的位置。然后你可以在第二个 GOPATH目录下工作。如：设置GOPATH为E:\GOPATH;E:\GO_WORK go get 第三方的包的时候将会安装到E:\GOPATH 下。 E:\GO_WORK\src下是自己创建的golang工程。这样golang工程和 golang依赖包将会分别存储在两个位置.

2018-01-10

797

[新添加] 本文对应的源码 (多个flow, clients, 调用python api):https://github.com/solenovex/Identity-Server-4-Python-Hug-Api-Jwks 目前正在使用asp.net core 2.0 (主要是web api)做一个项目, 其中一部分功能需要使用js客户端调用python的pandas, 所以需要建立一个python 的 rest api, 我暂时选用了hug, 官网在这: http://www.hug.rest/. 目前项目使用的是identity server 4, 还有一些web api和js client. 项目的早期后台源码:https://github.com/solenovex/asp.net-core-2.0-web-api-boilerplate 下面开始配置identity server 4, 我使用的是windows. 添加ApiResource: 在 authorization server项目中的配置文件添加红色部分, 这部分就是python hug 的 api: publi...

2018-01-10

619

资源下载

更多资源

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称，一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集，帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。