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
- 按照教程首先配置服务器的安全组
- 找对应服务器的版本一键包就行我是
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
赶紧试试
<link rel="stylesheet" href="https://api.happygis.com/4.5/esri/css/main.css">
<script src="https://api.happygis.com/4.5/"></script>
配合我的这篇文章 http://www.jianshu.com/p/2f7ee6f93fb1
完美!
image.png
网友评论