如何做你自己的電腦即時監控攻擊圖

標籤：

最近，看到有一個ipviking世界網路駭客監視圖、挺花炫的。

網址為：世界駭客監控圖 

google chrome 調試了下、發現是WebSocket 做出來的。 嗯、說幹就幹。

開幹！

一、扣前端靜態資源

    這個不用說了，會前端的都知道，無非就是右鍵另存新檔。

二、搭建後台伺服器

    參考：http://www.oschina.net/translate/java-ee-html5-websocket-example

    

三、前後端對接

1、需要修改websocket地址為localhost、為本地地址、ipviking.js

        // Websocket settings        wsHost: "ws://localhost:8080/WebSocket/websocket",        psk: "18c989796c61724d4661b019f2779848dd69ae62",

2、後端資料可以暫時偽造為json、先寫死為一個（後台java的map裡）

最終：

    

又是紅薯的200k、圖片大小限制，沒辦法

如何做你自己的電腦即時監控攻擊圖