Tráfego em Tempo Real · All Net Redes Corporativas

Utilização do Circuito em Tempo Real

Utilizamos o Socket.IO como nossa biblioteca de WebSocket.

Você precisa basicamente se conectar ao nosso servidor de comunicação de dados em tempo real (Socket) utilizando seu Token e parâmetros referentes ao circuito desejado.

Código HTML/JavaScript de Conexão com o Socket

<!DOCTYPE html>
<html lang="pt-br">
<head>
  <meta charset="UTF-8">
  <title>All Net (Socket.IO)</title>
</head>
<body>
  <p>Download: <span id="tx">Carregando...</span></p>
  <p>Upload: <span id="rx">Carregando...</span></p>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.1.1/socket.io.js"></script>
  <script>
    (function() {
      var portNumber = 8086;
      var socket = io('https://gerencia.all.com.br:'+portNumber);
      var info = {
        id_circuito: '<ID CIRCUITO>',
        interface: '<INTERFACE>',
        token: '<TOKEN>'
      }

      socket.on('connect', function() {
        socket.emit('room', {
          id_circuito: info.id_circuito,
          interface: info.interface,
          token: info.token
        });

        socket.on('message', function(data) {
          console.log(data);
          document.getElementById('tx').innerHTML = data.tx;
          document.getElementById('rx').innerHTML = data.rx;
        })
      })
    })();
  </script>
</body>
</html>

Você deve substituir <ID CIRCUITO> pelo id_circuito do circuito desejado.

Você deve substituir <INTERFACE> pela interface do circuito desejado.

Você deve substituir <TOKEN> pelo seu Token gerado no Sistema de Gerência.

Observações Importantes

Como descubro qual interface meu circuito utiliza?

Interface

No Gráfico de Consumo do seu circuito é possível notar essa descrição ether. A mesma deve ser substituida em <INTERFACE> no código acima.

Como descubro o <ID CIRCUITO>?

Na seção Dados dos Circuitos explica como obter o id_circuito.

Exemplo de Informações

<script>
(function() {
  var portNumber = 8086;
  var socket = io('https://gerencia.all.com.br:'+portNumber);
  var info = {
    id_circuito: '1337',
    interface: 'ether4',
    token: '<TOKEN>'
  }
  ...

Será possível visualizar os dados recebidos a partir do Socket no console do navegador e também os campos HTML Download e Upload, visto que temos dois códigos Javascript capturando os valores retornados e inserindo na DOM

document.getElementById('tx').innerHTML = data.tx;
document.getElementById('rx').innerHTML = data.rx;

Atenção!

tx: Velocidade referente à taxa de Download.

rx: Velocidade refente à taxa de Upload.