Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Using slanger and websockets to power a warehouse backend

04cf030f16631ae24b82f58ffd3917a1?s=47 schokomarie
August 18, 2012
Technology
1
410

Using slanger and websockets to power a warehouse backend

Websockets are fun for chats and online games. But are there serious uses? ...

04cf030f16631ae24b82f58ffd3917a1?s=128

schokomarie

August 18, 2012
Tweet

Other Decks in Technology

See All in Technology
585cdfa5a081d53de7529e9b58926af2?s=48 kota2and3kan
0
490
932329c79bc511fdfed22abbd5ec92d2?s=48 rnakamuramartiny
0
340
C4c161ae9eeeed8f161197410f7a228a?s=48 sizuhiko
0
110
7a54d6143169419fc6d4d9a0ff3056ea?s=48 maekawa123
0
540
14d83dc17e2c893d7564b609ff8da4ca?s=48 techharmony
0
110
0ece01ad1513ae4ec0cdb062f9c3e6d8?s=48 pacocat
1
170
7cd783377515bdf8207062840b7b2f4e?s=48 soracom
PRO
0
110
7817a37f86a649081722e52270d2ba75?s=48 line_recruiting
0
130
325afd2c9db540c83485f509f2845acb?s=48 hiro_y
0
210
C4c161ae9eeeed8f161197410f7a228a?s=48 sizuhiko
0
370
7e6a435700dda6cdb22105d601f20892?s=48 picardparis
4
2.7k
D65bdfdd4762c763f71d08fd4d9fa511?s=48 sky_joker
1
410

Featured

See All Featured
282d599b414022eba5096510f675b6e2?s=48 chrislema
174
14k
9128d500301ae51524e887bb680f471d?s=48 caitiem20
314
18k
25c7c18223fb42a4c6ae1c8db6f50f9b?s=48 mojombo
364
63k
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
91
3.5k
91cefdf141106fa10674aae74ce05890?s=48 yeseniaperezcruz
304
32k
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
17
2k
5f50f94346fbcb23706f0707169317a4?s=48 aarron
261
36k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
72
3.8k
11c84dff30266b907714802088852677?s=48 jasonvnalue
87
8.3k
9952dfcd5d338f8a8e7175c8a8f65fb5?s=48 wjessup
342
16k
8ec1383b240b5ba15ffb9743fceb3c0e?s=48 philnash
20
900
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
122
8.2k

Transcript

  1. $whoami Samstag, 18. August 2012

  2. Using slanger and websockets to power a warehouse backend Samstag,

    18. August 2012

  3. © NBC Samstag, 18. August 2012

  4. What? •a web application for a printing company to simplify

    the packing process Samstag, 18. August 2012

  5. What? •the system runs on a touchscreen desktop in kiosk

    mode and needs to be synchronized in realtime Samstag, 18. August 2012

  6. © NBC Samstag, 18. August 2012

  7. websockets •native browser support •real bi-directional connection •less overhead than

    ajax-requests •easier to handle than long-polling Samstag, 18. August 2012

  8. © NBC Samstag, 18. August 2012

  9. protocol •roll your own •pre-made Samstag, 18. August 2012

  10. pusher •a webservice sending realtime messages between clients •german Datenschutz:

    can not send german client data to an us-based service Samstag, 18. August 2012

  11. © NBC Samstag, 18. August 2012

  12. slanger •open source websocket server •runs on a local machine

    •compatible with pusher‘s API •thus compatible with pusher. js Samstag, 18. August 2012

  13. architecture •Padrino backend •slanger •html-5 client Samstag, 18. August 2012

  14. architecture •application handles entity changes and sends events to slanger

    •client subscribes to slanger events •slanger dispatches events to the client •client uses event data to render mustache templates Samstag, 18. August 2012

  15. Samstag, 18. August 2012

  16. Samstag, 18. August 2012

  17. advantages •very simple client side js code •almost no logic

    in the client •server side business logic Samstag, 18. August 2012

  18. © NBC Samstag, 18. August 2012

  19. handle with care •Never mix client-side events with server-side events

    •keep all business logic on the server •Minimize assumptions about event behaviour in the client Samstag, 18. August 2012

  20. © NBC Samstag, 18. August 2012

  21. © NBC Samstag, 18. August 2012

  22. pitfalls •correct redis version (≥2.4.14) •slanger is an app, not

    a lib Samstag, 18. August 2012

  23. stuff • https://github.com/stevegraham/slanger • https://github.com/defunkt/resque • http://redis.io/ • https://github.com/padrino/padrino-framework •

    http://handlebarsjs.com/ • http://twitter.github.com/bootstrap/ • http://www.websocket.org/quantum.html Samstag, 18. August 2012

  24. © NBC Samstag, 18. August 2012