# j-WebSocket

> Stuur en ontvang JSON-berichten via een herverbinding van WebSocket.

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: nl
Content-SHA256: 031010b3c87285cdb84b3d65ec03cccb47819240093360b164a31485f65ff42f
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: usage-reviewed

De component verstuurt en ontvangt JSON via een WebSocket met automatische herverbinding. Configureer `url`, koppel een modelpad om berichten te ontvangen en gebruik de methode `send` om objecten te versturen.


__Configuratie__:

- `url {String}` URL voor websocket, het kan relatief of absoluut zijn
- `reconnect {Number}` kan slechts een aantal bevatten (milliseconden, standaard: `3000`)
- `encoder {Boolean}` uitvoert coderen/decode berichten via `URI` (default: `false`)
- __NEW__: `statsinterval {Number}` standaardinterval in milliseconden (default: `1000`)
- __NEW__: `stats {String}` een link naar de methode `function({ received: Number, sent: Number })` of de weg naar een variabele (met in byten)

__Methoden__:

- `component.send(obj)` - stuurt JSON-serieel object naar de server
- `component.close()` - sluit de verbinding
- `component.connect()` - open verbinding
- `component.idletime(is)` - __NEW__ kan de verbinding annuleren/openen

__Evenementen__:

- `ON('message', function(data) {})` - ontvangen gegevens
- `ON('online', function(isOnline) {})` - online en offline

## Gebruik

```html
<ui-component name="websocket" path="updates.latest"
  config="url:/updates/"></ui-component>
<script>
  function sendUpdate(value) {
    SETTER('websocket/send', { type: 'update', value: value });
  }
</script>
```

De bron: [Total.js componenten](https://github.com/totaljs/components/tree/910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e/j-WebSocket)Copyright Peter Širka en bijdragen. [Mijn licentie](/knowledge-licenses.json).