The Main of NowJS functionality lies from the now object. The now item is Particular because it exists about the server and also the shopper.
This implies variables you established while in the now object are mechanically synced in between the shopper as well as the server. Also server capabilities might be directly identified as around the shopper and consumer capabilities could be termed directly from the server.
You might have a Functioning HTTP server up and running in NodeJS with just a couple lines of code. One example is:
var http = have to have('http');
http.createServer(function (req, res)
res.writeHead(two hundred, 'Content material-Form': 'text/basic');
res.end('Hello there Worldn');
).listen(8080);
This minor snippet of code will create an HTTP server, pay attention on port 8080, and send back again "Hello Planet" For each and every request. Which is it. Nothing at all extra needed.
Employing NowJS, communication amongst the shopper and server aspect is equally as easy.
Customer Side:
In this particular code snippet, the shopper aspect sets a variable to 'someValue' and phone calls serverSideFunction(), that is declared only about the server.
Server Facet:
Every person.now.serverSideFunction = functionality()
console.log(this.now.clientSideVariable);
The server aspect is then able to accessibility clientSideVariable, which happens to be declared only within the customer.
All the details for example creating connections and communicating adjust of bank vault room knowledge in between the server and customer are handed automagically by the framework.
In reality producing code using this framework is so basic, the NowJS good day globe illustration is usually a Operating chat customer and server penned in below a dozen traces of code. Go test it out.
As an easy work out to get cozy Along with the NowJS API, we can modify the chat consumer illustration to aid numerous chat rooms. Let's Examine how easy it really is.
Server Aspect (multiroom_server.js)
one. The first thing we need to do is modify the distributeMessage() operate to only mail messages to users in the identical chat place given that the user.
// Send concept to All people during the customers group
Absolutely everyone.now.distributeMessage = functionality(message)
var group = nowjs.getGroup(this.now.serverRoom);
group.now.receiveMessage(this.now.title+'@'+this.now.serverRoom, information);
;
We store the name in the server place over the client side (this.now.serverRoom). Once the customer phone calls the distributeMessage() functionality we deliver the concept to Absolutely everyone in the exact same chat room by using getGroup() and using the group.now item in place of theeveryone.now item. (everyone is just a group that contains all end users linked to the server).
two. Future we need to deal with the consumer shifting chat rooms.
All people.now.changeRoom = functionality(newRoom)
var oldRoom = this.now.serverRoom;
//if old space just isn't null; then depart the outdated place
if(oldRoom)
var oldGroup = nowjs.getGroup(oldRoom);
oldGroup.removeUser(this.person.clientId);
// sign up for the new room
var newGroup = nowjs.getGroup(newRoom);
newGroup.addUser(this.user.clientId);
// update the consumer's serverRoom variable
this.now.serverRoom = newRoom;
;
The getGroup() strategy fetches the group object if it exists and produces a bunch if it will not already exist. We make use of the teams addUser() and removeUser() techniques to go the customer with the aged home to the new room.
That's about it around the server side.
Consumer Aspect (multiroom.html)
3. Very first we incorporate a fall down Together with the listing of server rooms.
four. Future we connect with the server facet changeRoom() functionality in the event the person to start with connects and Any time the fall down is improved.
// on creating 'now' relationship, established the server place
now.All set(purpose()
// By default decide the 1st chatroom
now.changeRoom($('#server-place').val());
);
// On transform of fall down, obvious textual content and change server area
$('#server-space').modify(perform()
$("#messages").html(");
now.changeRoom($('#server-space').val());
);
5. For additional credit, we can allow the server to dynamically deliver the listing of rooms in the event the customer connects.