1. 程式人生 > >百度地圖開發之——百度地圖鷹眼軌跡管理臺DEMO-v3部署到伺服器上

百度地圖開發之——百度地圖鷹眼軌跡管理臺DEMO-v3部署到伺服器上

百度地圖開發官方下載口: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  停止

 更多命令請學習fis3官網手冊