从0开始在 Linux 上部署 ArcGIS JS API 4.5

ArcGIS JS API 4.x nginx部署 + WebStorm

看到最近 ArcGIS JS API 4.5 版本更新了, 需要更新一下之前的API所以记录一下

必备资源

• 一个服务器, 什么腾讯云阿里云xx云的低配乞丐小机器都行
• 一个域名, 将服务器的ip绑定到域名中, 好记一点
• 基本的linux命令(划掉) 发现这面板真是太方便了, 后期改文字 vim 都可以都不用了

服务器中安装 nginx

我的服务器是 Linux Debian 8 64bit的, 为了省事, 直接装一个一键包解决. 最近刚发现一个linux面板比较好用,叫宝塔面板,比我之前用的lnmp.org不知道高到哪里去了

• 首先登录到服务器:
  我用的软件是 Xshell
  
  

  image.png
• 打开宝塔面板网站
  https://www.bt.cn/bbs/thread-1186-1-1.html

1. 按照教程首先配置服务器的安全组
2. 找对应服务器的版本一键包就行我是 Debian 所以用
   wget -O install.sh http://download.bt.cn/install/install-ubuntu.sh && bash install.sh
   这个命令
   
   

   image.png

执行完毕后会在Xshell上显示面板地址, 一般为
http://your-ip:8888
以及用户名 admin 及密码 ******
我已经安装过就不上图了

• 打开面板地址并登录
  然后点击左上角的网站, 应该会提示你安装WEB服务, 记得选 nginx就行.
  安装过程有点慢, 先进行下一步操作

  
  
  

  image.png

解析域名到服务器

• 打开在域名商找到购买的域名进行域名解析

  
  
  

  image.png
  
  

  点击添加记录

  
  
  

  image.png

比如说我的域名是 happygis.com
主机记录填 api 的话解析的地址就是 api.happygis.com, 所以你想填啥就填啥, 随意
记录值填服务器 ip 地址就行

添加网站

• 打开宝塔面板, 等Web服务器装完之后点击 添加站点
  
  

  image.png

• 域名填你刚才解析的域名就行
  ftp 按需添加, 数据库不需要, php 也不需要

  
  
  

  image.png
  
  

  点击提交即可

• 配置ssl
  点击设置
  
  

  image.png
  
  SSL 选Let's Encrypt (当然你也可以选其他的, 这里喷一下需要提交手持身份证照片才能用的宝塔SSL)
  
  

  image.png
  
  会让你填一个邮箱地址, xjb写就行(可以不用写自己的)
  完了提交就行
  完成之后就可以去测试访问一下网站了
  访问 http://api.happygis.com
  
  

  image.png
  
  会看到小绿锁已经有了, 就OK啦

配置默认文档

这一步比较关键, 因为ArcGIS 的根目录需要默认打开的是init.js 这个文件, 所以按图上设置一下

image.png

配置API

去 ArcGIS网站 下载你需要的API版本
https://developers.arcgis.com/downloads/apis-and-sdks
下载到本地后打开宝塔面板上传上去

image.png

然后解压, 将 4.5/ 这个目录复制到 api.happygis.com 这个文件夹下面去(我部署了两个版本的, 4.4和4.5)

image.png

修改路径

如果你以前部署过, 应该知道要改一下这个东西 [HOSTNAME_AND_PATH_TO_JSAPI]
现在要改文件的有 init.js 和 /dojo/dojo.js

image.png

改为你的地址即可

image.png

image.png

到现在就部署完成了

测试

如果你打开是这样的, 那基本就差不多了

image.png

赶紧试试

配合我的这篇文章 http://www.jianshu.com/p/2f7ee6f93fb1
完美!

image.png

参考:
http://www.jianshu.com/p/24488c6fbc30