Home

Awesome

screenshot

I wanted a little tool that gives me a quick overview on what's going in my network right now, displaying it in the browser so I can access it easily whenever I want. Tools like tcpdump or Wireshark are great but don't give you this 'glimpse'.

net-glimpse has two parts: 1) Visualization of network traffic (Ethernet and/or Internet) in real-time, and 2) Streaming of header data from your network interfaces via WebSockets.

Have a look at this video.

screenshot

Used technologies

Contents

How to run

net-glimpse works on Linux/Unix (including Mac OS X) and Windows.

Prerequisites

Install and run

  1. Download the net-glimpse-x.x.zip

  2. Unzip and change into the unzipped folder

  3. On Linux or Unix to access network interfaces you have to start the net-glimpse either as root or give Java special capabilities, e.g. with sudo setcap cap_net_raw,cap_net_admin=eip /usr/lib/jvm/java-8-openjdk-amd64/jre/bin/java (but exchange the path to your Java installation). On Windows you will be ask after starting net-glimpse's batch file if you want to grant access to the network interfaces.

  4. On Unix it might be necessary to make the run script executable: chmod u+x ./bin/net-glimpse

  5. Run on Linux or Unix in the terminal ./bin/net-glimpse - on Windows double-click the ./bin/net-glimpse.bat

    You can specify IP and port with the parameters -Dhttp.address and -Dhttp.port. E.g. ./bin/net-glimpse -Dhttp.address=172.23.1.81 -Dhttp.port=8080 binds net-glimpse to IP 172.23.1.81 and port 8080. If you don't specify these parameters the defaults 0.0.0.0 (listens all addresses) and 9000 are used.

    If net-glimpse does not want to start have a look in its installation folder whether you find a file RUNNING_PID. Delete it and start again.

  6. Try in a browser, e.g. with http://localhost:9000/?nif=myNetworkInterface (instead of myNetworkInterface use the name of the network interface you want to intercept)

    net-glimpse prints out potential network interface names (NIF) in it's log. You can copy-paste one from there. This is especially handy on Windows where they have names like, e.g. \Device\NPF_{998BB72F-3468-413E-813C-7E3A2E7B591B} which would lead to the URL http://localhost:9000/?nif=\Device\NPF_{998BB72F-3468-413E-813C-7E3A2E7B591B}.

    The resulting webpage shows a list of raw packet header data in JSON format.

    screenshot

  7. If you are done with net-glimpse you can stop it with Ctrl+C.

Visualization of network traffic

Endpoints

  1. http://localhost:9000/glimpse?nif=myNetworkInterface - shows both, Ethernet and Internet  

  2. http://localhost:9000/ipglimpse?nif=myNetworkInterface - shows only Internet

  3. http://localhost:9000/etherglimpse?nif=myNetworkInterface - shows only Ethernet

  4. http://localhost:9000/?nif=myNetworkInterface - shows raw packet header data in JSON

E.g. http://localhost:9000/glimpse?nif=wlp3s0 shows a visualization of the Ethernet layer and the Internet layer of the network interface wlp3s0.

screenshot

You can open multiple pages of the same or different network interface(s) at the same time.

Visualization Details

Visualization Configuration

Many parameters of the visualizations can be changed, e.g.

The configuration file is in ./config/glimpse.conf. More details are in the comments of the config file.

screenshot

Streaming of header data from your network interfaces via WebSockets (backend)

Usually it's not possible to access network interfaces from within a browser. net-glimpse uses pcap4j to access the interfaces and then streams the header data via WebSockets into the browser. You can use this part of net-glimpse independent of the visualization.

Usage in JavaScript

If you just want to get the header data without the visualization you have to open a WebSocket with the URL /netdata and the network interface you want to intercept has to be specified in the query string with the parameter 'nif'.

E.g. in JavaScript (browser) to get traffic from the network interface wlp3s0 one could write

var socket = new WebSocket("ws://myhost/netdata/?nif=wlp3s0");

or more generally with secure WebSockets and assuming net-glimpse runs on the same host as your JavaScript is served from.

var socket = new WebSocket(
      ((window.location.protocol === "https:") ? "wss://" : "ws://") +
      window.location.host + "/netdata/?nif=wlp3s0");

The streamed packet header data are in JSON format.

Backend configuration

Via -D run parameters

net-glimpse takes a couple of parameters:

e.g. ./bin/net-glimpse -Dhttp.address=192.168.178.160 -Dhttp.port=80 -Dnif=wlp3s0 -DskipOwnTraffic=false

Via conf/application.conf

All parameters that can be specified via -D run parameters can be set in ./conf/application.conf too.

Build yourself and modify the source code

If you don't trust net-glimpse' pre-build releases you can build it yourself. It uses sbt as build tool. Just download the source code and run sbt dist. In ./target/universal/ will be the built .zip file. More information can be found in https://www.playframework.com/documentation/2.6.x/Deploying or https://www.playframework.com/documentation/2.6.x/BuildOverview.

If you want to modify the source code (e.g. you need more data from the network packets) the following files are probably where you want to start: