Building websites with Node.ACS

Building
Websites using
Node.ACS
Ricardo Alcocer
Lead Developer Evangelist @ Appcelerator

About me
1. Have been using Titanium since late 2009
2. Former Titanium trainer in the Caribbean and Latin America
3. Currently work as Lead Developer Evangelist
4. Obsessed with cross-platform mobile develoment
5. Love Javascript hacking and technology startups
6. I'm a hacker in constant training

What is Node.ACS
1. Develop and publish node.js apps to the cloud
2. Simple CLI interface and built-in webserver
3. Built-in ACS support
4. Integrated with Titanium Studio
5. It's Javascript but for the server!

Install Node.ACS
Node.ACS runs on top of node.js
Studio installs Node and NPM by default
If you don't, install it from http://nodejs.org/
Run node -v to make sure you have it and then install ACS
node -v
sudo npm install -g acs

Create a new Node.ACS
acs new -my_app_name-

Starting your first Node.ACS
acs run

Publishing first app
acs publish
acs publish --force

Config.json
{
"routes":
[
{ "path": "/", "callback": "application#index" }
],
"filters":
[
{ "path": "/", "callback": "" }
],
"websockets":
[
{ "event": "", "callback": ""}
]
}
Callbacks are in filename#functionname format
Default HTTP Method is GET. For post we need to add
"method":"post"
Web Sockets are a whole different talk. More info at
http://socket.io/

A simple Web Site
(config.json)
{
"routes":
[
{ "path": "/", "callback": "application#index" },
{ "path": "/home", "callback": "application#home" },
{ "path": "/login", "method":"post", "callback": "application#login" },
{ "path": "/logoff", "callback": "application#logoff" }
],
"filters":
[
{ "path": "/home", "callback": "session_filter#validateSession" }
],
"websockets":
[
{ "event": "", "callback": ""}
]
}

Configure your app to track
sessions
(app.js)
// initialize app
function start(app, express) {
//set favicon
app.use(express.favicon(__dirname + '/public/images/favicon.ico'));
//instantiate session management
app.use(express.session({secret: '1234567890QWERTY'}));
}
// release resources
function stop() {
}
There's more to sessions. See http://expressjs.com

A simple Web Site
(application.js)
function index(req, res) {
res.render('index', { title: 'Welcome to Node.ACS!' });
}
function login(req, res) {
var uid=req.body.uid;
var pwd=req.body.pwd;
var name=req.body.name;
if (uid==='appc' && pwd=='nodeacs'){
req.session.uid=uid;
req.session.pwd=pwd;
req.session.name=name;
res.redirect('/home');
}else{
res.send(500, { error: 'something blew up' });
}
}
function logoff(req, res) {
req.session.uid=null;
req.session.pwd=null;
req.session.name=null;
res.redirect('/');
}
function home(req, res) {
res.render('home', { title: req.session.name });
}

The Index View
(index.ejs)
<!DOCTYPE html>
<html>
<head>
<title>Index</title>
<link rel='stylesheet' href='/css/style.css' />
</head>
<body>
<h2>Node.ACS</h2>
<form action="/login" method="post">
<div>Name<input type="text" name="name"/></div>
<div>UID<input type="text" name="uid"/></div>
<div>PWD<input type="password" name="pwd"/></div>
<div><input type="submit" value="Go"></div>
</form>
</body>
</html>

The Home View
(home.ejs)
<!DOCTYPE html>
<html>
<head>
<title><%= title %></title>
<link rel='stylesheet' href='/css/style.css' />
</head>
<body>
<h2>Node.ACS</h2>
<p>Welcome Home, <%= title %>!</p>
<div><a href="/logoff">Log off</a></div>
</body>
</html>

Validating sessions
(session_filter.js)
function validateSession(req, res, next) {
if(req.session.uid === null) {
res.redirect('/');
} else {
next();
}
}

Walk-thru : ACS front-end
https://github.com/ricardoalcocer/nodeacs_sample_website

Walk-thru : SaveJSON
https://github.com/ricardoalcocer/acs_key_value_store

Creating a "catch-all" route
app.get('/get/*',function(req,res){
urlParam=req.path.replace(//$/, "").split('/').pop();
// do what you want with your url parameter
});

Some useful tools
http://www.jsontest.com/
http://www.jsoneditoronline.org/
http://posttestserver.com/
http://code.google.com/p/cocoa-rest-client/

Thank you!
Questions?
Follow me on
Twitter: @ricardoalcocer
Github: /ricardoalcocer

Building websites with Node.ACS

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (20)

Ähnlich wie Building websites with Node.ACS

Ähnlich wie Building websites with Node.ACS (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

Building websites with Node.ACS