百度地圖開發之——百度地圖鷹眼軌跡管理臺DEMO-v3部署到伺服器上
阿新 • • 發佈:2018-11-19
百度地圖開發官方下載口:https://github.com/baidu-openmap-trace/web-demo-v3
-
第一:部署準備
搭建NPM和FIS3的環境
1、安裝node.js:https://nodejs.org/en/
點選版本下載,然後就安裝,一直確認即可。
如何確認安裝node.js成功?
在控制檯裡面輸入:node -v
出現版本資訊表示安裝成功。
2、開啟cmd命令臺,使用剛剛安裝的npm安裝FIS3
在控制檯輸入:npm install -g fis3
如何確認安裝成功?
在cmd控制檯輸入fis3 -v 或者fis3
出現版本資訊表示安裝成功。
瞭解更多使用資訊在FIS3官網學習:http://fis.baidu.com/
到這裡,部署環境已經搭建完成。
接下來就是把百度鷹眼軌跡臺的下載包解壓到專案路徑,一樣使用cmd控制檯,cd d: cd d:\wed\wed-demo-v3 進入解壓的路徑下,進行安裝。
執行 npm install 安裝package.json中定義的依賴的包內容
然後在進行替換你的AK.開啟./manager.html 將裡面的AK1修改成自己的並且儲存。
修改好AK後,重新回到命令臺,cd到專案路徑下,
執行 fis3 release demo 編譯demo。
按照工程的配置,專案已經被髮布到本地的Server中,接著 執行命令 fis3 server start 啟動伺服器開啟網頁。預設埠8080
這個時候網頁自己自己開啟看見工程結構了。此時工程釋出成功,點選目錄中的manager.html進入到管理臺介面,此時的URL是http://127.0.0.1:8080/manager.html即可看到鷹眼管理臺demo。
接下來需要將您的鷹眼service_id和之前準備好的AK 2以引數的形式新增到URL中。例如http://127.0.0.1:8080/manager.html?service_id=111111&ak=FDe8fsahjkfaskhfcz 就可以看到自己的資料了。
以上的參考百度地圖官網進行總結。
下面是端口占用問題:剛才預設啟動的是8080埠,如果你的專案也使用了這個埠8080,就在啟動修改埠
fis3 server start -p8081
總結以上用到的cmd命令:
cd d:進入D盤
cd 開啟檔案
node -v 檢視安裝npm版本
npm install -g fis3 安裝fis3
專案路徑 npm install 安裝.json
fis3 -v 檢視安裝fis3版本
fis3 release demo 編譯
fis3 release demo -wl 自動編譯
fis3 server start 啟動
fis3 server stop 停止