在服務(wù)器配置好 ArcGIS JS API 后, 配合 WebStorm 就可以舒舒服服的進行擼碼了.
擼碼-發(fā)布-訪問 一把梭
GIF.gif
先看存在的問題
直接引用api會存在跨域問題
image.png
image.png
所以就要將寫好的代碼發(fā)布到服務(wù)器里面
配置服務(wù)器
-
如圖打開配置
image.png -
點擊
+號添加服務(wù)器, 名字自己起一個, 類型我用SFTP
image.png -
添加發(fā)布網(wǎng)站的目錄
去寶塔面板里面添加一個目錄用于訪問
image.png -
回到
WebStorm配置服務(wù)器
將來我們訪問的應(yīng)該是http://api.happygis.com/demos/*
用來測試
image.png
配置好后 點擊 Test SFTP 測試配置是否正確
image.png
點擊 Mappings 設(shè)置部署路徑, 在 Connection 里已經(jīng)配置好, 所以加個 / 就行
image.png
點擊確定即可
上傳文件到服務(wù)器
如下圖點擊
image.png
點擊后會在后臺上傳文件到服務(wù)器, 在下面的
File Transfer 面板可以看到
image.png
查看服務(wù)器
如下圖點擊
image.png
點擊后會彈出連接到的服務(wù)器
可以看到剛才的
test.html 已經(jīng)上傳上去了
image.png
測試解決跨域問題
點擊 Chrome 的圖標跳轉(zhuǎn)到 Chrome
image.png
可以看到跨域問題解決了
image.png
PS: 快速上傳代碼到服務(wù)器
配置一下 WebStorm 可以每次按下 Ctrl+S 就可以上傳到服務(wù)器, 不用每次點好幾下
(Automatic Upload也可以, 但是用著難受, 有時候想立刻看到寫好的效果,但是沒有自動上傳就比較蛋疼)
image.png
如上圖 打開
Options
image.png
按圖上操作, 完成
