Easy Realtime With Now JS Node js Why



















- Slides: 19

Easy Realtime With Now. JS + Node. js

Why Node. js?

Why Node. js? Asynchronous I/O

Why Node. js? Evented Requests

Why Node. js? Shared memory inter-request communication

Why Node. js? Javascript

Perfect for realtime!

What is Now. JS

What is Now. JS var everyone = require("now"). initialize(http. Server); everyone. now. my. Func = function(callback){ callback('hi'); } <script> now. my. Func(function(data){ alert(data); }); </script>

What is Now. JS

What is Now. JS • • • Bidirectional realtime Automatically synced namespace `now` Groups Ready to scale More than a socket: optimized for realtime web applications • No more JSON, parsing, routing, COMET, xhr • Depends on socket. io / node-proxy

Let’s make a chat room var server = require("http"). create. Server(); var everyone = require("now"). initialize(http. Server); everyone. now. distribute. Message = function(message) { everyone. now. receive. Message(this. now. name, message); }; server. listen(8080);

Let’s make a chat room var server = require("http"). create. Server(); var everyone = require("now"). initialize(server); everyone. now. distribute. Message = function(message) { everyone. now. receive. Message(this. now. name, message); }; server. listen(8080); server. js # our node. js server

Let’s make a chat room $ -> now. receive. Message = (name, message) -> $("#messages"). append(" " + name + ": " + message) $("#send-button"). click -> now. distribute. Message($("#text-input"). val()); $("#text-input"). val(""); now. name = prompt("What's your name? ", ""); chat. js. coffee # our frontend js

Let’s make a chat room <h 1>Chat#index</h 1> <div id="messages"></div> <input type="text" id="text-input"> <input type="button" value="Send" id="send-button"> index. html. erb # our frontend html

Let’s make a chat room

Let’s make a chat room

Let’s make a chat room

@nowjsteam @reallyez team@nowjs. com