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