Node.js is hot and that's not without a reason. There are numerous examples of large websites using Node.js and there is some pretty cool stuff out there. Since Application Express is officially 'Awesome' and Node.js is 'hot', why not combine the two? With node-oracledb and websockets you can do awesome things, but there is more Node.js has to offer! In this presentation you will get a short introduction on Node.js. After that I will show you a handful of Node.js applications in Application Express sorted on awesomeness from cool to sub zero.

1. Alan
Arentsen
the coolest APEX examples
Ultimate Node.js countdown

2. Alan
Arentsen
the coolest APEX examples
Ultimate Node.js countdown

3. @alanarentsen
alanarentsen.blogspot.com

9. Fast

10. Trustworthy
Fast

11. Trustworthy
Fast
Scalable

14. Node.js uses an event-driven, non-blocking I/O model
that makes it lightweight and efficient, perfect for
data-intensive real-time applications that run across
distributed devices.

15. s an event-driven, non-blocking I/O m
kes it lightweight and efficient, perfect
ntensive real-time applications that ru
across distributed devices.

19. http
websocket
rest
oracle-db
https
grunt
socket.io
pythonuglify-js
soap-q
gulp
mysql
filbert
moment
q-superagent
async
jshint
browserify
stylus
cheerio
hapi
less
forever
chalk
redis
underscore
mocha
sails
mongoose
commander
express
connect
nodemailer
mongodb-q
mkdir
bower
awesomepassport
optimist
lodash
colors
qjade
validator
dropbox

20. http
websocket
rest
oracle-db
https
grunt
socket.io
pythonuglify-js
soap-q
gulp
mysql
filbert
moment
q-superagent
async
jshint
browserify
stylus
cheerio
hapi
less
forever
chalk
redis
underscore
mocha
sails
mongoose
commander
express
connect
nodemailer
mongodb-q
mkdir
bower
awesomepassport
optimist
lodash
colors
qjade
validator
dropbox

22. message

23. task

24. data

25. data
task

26. payload
task

29. {
"task":"what you want the other side to do",
"payload":"is the data you want to send"
}

33. //websockets
$(function() {
});

34. window.WebSocket = window.WebSocket || window.MozWebSocket;
if (!window.WebSocket) {
console.log('There is no websocket API available.');
}

35. } else if (typeof(ws_connection) !== 'undefined') {
console.log('There is a websocket live connection.');
}

36. else {
ws_connection = new WebSocket('ws://192.168.56.12:4880/&APP_USER.‘
,'echo-protocol');
ws_connection.onmessage = function(message) {
}
}

37. var jsonMsg = JSON.parse(message.data);
console.log('Received: ' + message.data);

38. apex.event.trigger(document, jsonMsg.task, jsonMsg.payload);

46. How do we do it….

47. How do we do it…. together

52. Chatbox

55. Group DEMO

56. v_chatmessage = apex.item('P8_CHAT_MESSAGE').getValue();
jsonMsg = JSON.stringify({"task" :"chat_message"
,"payload":{message: v_chatmessage}}
);
ws_connection.send (jsonMsg);

57. v_chatmessage = apex.item('P8_CHAT_MESSAGE').getValue();
jsonMsg = JSON.stringify({"task" :"chat_message"
,"payload":{message: v_chatmessage}}
);
ws_connection.send (jsonMsg);

58. v_chatmessage = apex.item('P8_CHAT_MESSAGE').getValue();
jsonMsg = JSON.stringify({"task" :"chat_message"
,"payload":{message: v_chatmessage}}
);
ws_connection.send (jsonMsg);

64. Auto Refresh Report

67. function reportrefresh_Callback(staticID) {
$('#' + staticID).trigger('apexrefresh');
};
var intervalID = window.setInterval(reportrefresh_Callback('EMP'), 5000);

68. function reportrefresh_Callback(staticID) {
$('#' + staticID).trigger('apexrefresh');
};
var intervalID = window.setInterval(reportrefresh_Callback('EMP'), 5000);

70. Group DEMO

71. Websockets
Websockets

73. apex.event.trigger(document, jsonMsg.task, jsonMsg.payload);

74. Event: Custom

75. Event: Custom
Custom Event: refresh_emp

76. Event: Custom
Custom Event: refresh_emp
Selection Type: JavaScript Expression

77. Event: Custom
Custom Event: refresh_emp
Selection Type: JavaScript Expression
Javascript Expression: document

81. oracle_db

84. oracle = function() {
this.oracledb = require("oracledb");
};
oracle.prototype.insertUser = function(p_username, p_remoteaddress, p_userkey) {
this.oracledb.getConnection({
user: this.db_user,
password: this.db_password,
connectString: this.db_connectionstring
},
function(err, connection) {
//put your code to handle the callback here
});
};

85. oracle = function() {
this.oracledb = require("oracledb");
};
oracle.prototype.insertUser = function(p_username, p_remoteaddress, p_userkey) {
this.oracledb.getConnection({
user: this.db_user,
password: this.db_password,
connectString: this.db_connectionstring
},
function(err, connection) {
//put your code to handle the callback here
});
};

86. oracle = function() {
this.oracledb = require("oracledb");
};
oracle.prototype.insertUser = function(p_username, p_remoteaddress, p_userkey) {
this.oracledb.getConnection({
user: this.db_user,
password: this.db_password,
connectString: this.db_connectionstring
},
function(err, connection) {
//put your code to handle the callback here
});
};

87. function(err, connection) {
if (err) {
console.error(err.message);
return;
}
connection.action = "insertUser";
connection.module = process.title;
var sqlstatement = "merge into unc_users usr
using (select :username username
,:remoteaddress remoteaddress
,:userkey userkey
from dual) usr1
on (usr.username = usr1.username)
when matched then
update set usr.userkey = usr1.userkey
when not matched then
insert (username, remoteaddress, userkey)
values (usr1.username, usr1.remoteaddress, usr1.userkey)";

88. function(err, connection) {
if (err) {
console.error(err.message);
return;
}
connection.action = "insertUser";
connection.module = process.title;
var sqlstatement = "merge into unc_users usr
using (select :username username
,:remoteaddress remoteaddress
,:userkey userkey
from dual) usr1
on (usr.username = usr1.username)
when matched then
update set usr.userkey = usr1.userkey
when not matched then
insert (username, remoteaddress, userkey)
values (usr1.username, usr1.remoteaddress, usr1.userkey)";

89. function(err, connection) {
if (err) {
console.error(err.message);
return;
}
connection.action = "insertUser";
connection.module = process.title;
var sqlstatement = "merge into unc_users usr
using (select :username username
,:remoteaddress remoteaddress
,:userkey userkey
from dual) usr1
on (usr.username = usr1.username)
when matched then
update set usr.userkey = usr1.userkey
when not matched then
insert (username, remoteaddress, userkey)
values (usr1.username, usr1.remoteaddress, usr1.userkey)";

90. select v.action
,v.module
,v.sql_text
from v$sql v
where v.parsing_schema_name = 'SANDBOX'

91. function(err, connection) {
if (err) {
console.error(err.message);
return;
}
connection.action = "insertUser";
connection.module = process.title;
var sqlstatement = "merge into unc_users usr
using (select :username username
,:remoteaddress remoteaddress
,:userkey userkey
from dual) usr1
on (usr.username = usr1.username)
when matched then
update set usr.userkey = usr1.userkey
when not matched then
insert (username, remoteaddress, userkey)
values (usr1.username, usr1.remoteaddress, usr1.userkey)";

92. connection.execute(sqlstatement
,[p_username, p_remoteaddress, p_userkey]
,{autoCommit: true}
,function(err, result) {
if (err) {
console.error(err.message);
return;
}
});
}

97. Google Maps

102. Group DEMO

105. DBMS_JOB

106. declare
jid pls_integer;
begin
dbms_job.submit (jid
,'begin
//do the job
end;'
);
end;

107. declare
jid pls_integer;
begin
dbms_job.submit (jid
,'begin
//do the job
end;'
);
end;

108. Group DEMO

111. Progress Bar

112. declare
jid pls_integer;
begin
dbms_job.submit (jid
,'begin
//do the job
end;'
);
end;

113. declare
jid pls_integer;
begin
dbms_job.submit (jid
,'begin
//do the job
end;'
);
end;
10%

114. declare
jid pls_integer;
begin
dbms_job.submit (jid
,'begin
//do the job
end;'
);
end;
20%

115. declare
jid pls_integer;
begin
dbms_job.submit (jid
,'begin
//do the job
end;'
);
end;
30%

116. declare
jid pls_integer;
begin
dbms_job.submit (jid
,'begin
//do the job
end;'
);
end;
40%

117. declare
jid pls_integer;
begin
dbms_job.submit (jid
,'begin
//do the job
end;'
);
end;
50%

118. declare
jid pls_integer;
begin
dbms_job.submit (jid
,'begin
//do the job
end;'
);
end;
60%

119. declare
jid pls_integer;
begin
dbms_job.submit (jid
,'begin
//do the job
end;'
);
end;
70%

120. declare
jid pls_integer;
begin
dbms_job.submit (jid
,'begin
//do the job
end;'
);
end;
80%

121. declare
jid pls_integer;
begin
dbms_job.submit (jid
,'begin
//do the job
end;'
);
end;
90%

122. declare
jid pls_integer;
begin
dbms_job.submit (jid
,'begin
//do the job
end;'
);
end;
100%

123. Group DEMO

124. apex_web_service.make_rest_request(
p_url => 'http://192.168.56.12:4880/',
p_http_method => 'PUT',
p_body => '{"task" : "dbms_job_ready"
,"payload": {"job": job_identifier}}'
);

125. apex_web_service.make_rest_request(
p_url => 'http://192.168.56.12:4880/',
p_http_method => 'PUT',
p_body => '{"task" : "dbms_job_ready"
,"payload": {"job": job_identifier}}'
);

126. req.on('data', function(data) {
var body = JSON.parse(data.toString());
if (body.task == 'dbms_job_ready') {
//code to send dbms_job_ready event to clients
} else if (body.task == 'dbms_job_status') {
var msgStringOut = JSON.stringify({task : body.task
,payload: {job : body.payload.job
,perc: body.payload.percentage}
});
for(var i in clients){
clients[i].sendUTF(msgStringOut);
};
resp.end(JSON.stringify({ message: 'Send to '+ clients.length + ' clients‘
}));
};
);

127. req.on('data', function(data) {
var body = JSON.parse(data.toString());
if (body.task == 'dbms_job_ready') {
//code to send dbms_job_ready event to clients
} else if (body.task == 'dbms_job_status') {
var msgStringOut = JSON.stringify({task : body.task
,payload: {job : body.payload.job
,perc: body.payload.percentage}
});
for(var i in clients){
clients[i].sendUTF(msgStringOut);
};
resp.end(JSON.stringify({ message: 'Send to '+ clients.length + ' clients‘
}));
};
);

128. req.on('data', function(data) {
var body = JSON.parse(data.toString());
if (body.task == 'dbms_job_ready') {
//code to send dbms_job_ready event to clients
} else if (body.task == 'dbms_job_status') {
var msgStringOut = JSON.stringify({task : body.task
,payload: {job : body.payload.job
,perc: body.payload.percentage}
});
for(var i in clients){
clients[i].sendUTF(msgStringOut);
};
resp.end(JSON.stringify({ message: 'Send to '+ clients.length + ' clients‘
}));
};
);

129. req.on('data', function(data) {
var body = JSON.parse(data.toString());
if (body.task == 'dbms_job_ready') {
//code to send dbms_job_ready event to clients
} else if (body.task == 'dbms_job_status') {
var msgStringOut = JSON.stringify({task : body.task
,payload: {job : body.payload.job
,perc: body.payload.percentage}
});
for(var i in clients){
clients[i].sendUTF(msgStringOut);
};
resp.end(JSON.stringify({ message: 'Send to '+ clients.length + ' clients‘
}));
};
);

130. req.on('data', function(data) {
var body = JSON.parse(data.toString());
if (body.task == 'dbms_job_ready') {
//code to send dbms_job_ready event to clients
} else if (body.task == 'dbms_job_status') {
var msgStringOut = JSON.stringify({task : body.task
,payload: {job : body.payload.job
,perc: body.payload.percentage}
});
for(var i in clients){
clients[i].sendUTF(msgStringOut);
};
resp.end(JSON.stringify({ message: 'Send to '+ clients.length + ' clients‘
}));
};
);

131. req.on('data', function(data) {
var body = JSON.parse(data.toString());
if (body.task == 'dbms_job_ready') {
//code to send dbms_job_ready event to clients
} else if (body.task == 'dbms_job_status') {
var msgStringOut = JSON.stringify({task : body.task
,payload: {job : body.payload.job
,perc: body.payload.percentage}
});
for(var i in clients){
clients[i].sendUTF(msgStringOut);
};
resp.end(JSON.stringify({ message: 'Send to '+ clients.length + ' clients‘
}));
};
);

134. Dropbox

140. Group DEMO

143. dropbox = function() {
this.dropbox_pkg = require("dropbox");
this.dropbox_client = new dropbox_pkg.Client({"key" : this.db_key
,"secret" : this.db_secret
,"token" : this.db_token
,"sandbox": false});
};

144. dropbox = function() {
this.dropbox_pkg = require("dropbox");
this.dropbox_client = new dropbox_pkg.Client({"key" : this.db_key
,"secret" : this.db_secret
,"token" : this.db_token
,"sandbox": false});
};

145. dropbox.prototype.getAccountInfo = function(callback) {
this.dropbox_client.getAccountInfo(function(error, accountInfo) {
if (error) {
callback(error, null);
return;
}
callback(null, accountInfo);
});
};
dropbox.getAccountInfo(function(error, accountInfo){
//put your code to handle the callback here
});

146. dropbox.prototype.getAccountInfo = function(callback) {
this.dropbox_client.getAccountInfo(function(error, accountInfo) {
if (error) {
callback(error, null);
return;
}
callback(null, accountInfo);
});
};
dropbox.getAccountInfo(function(error, accountInfo){
//put your code to handle the callback here
});

147. dropbox.prototype.getAccountInfo = function(callback) {
this.dropbox_client.getAccountInfo(function(error, accountInfo) {
if (error) {
callback(error, null);
return;
}
callback(null, accountInfo);
});
};
dropbox.getAccountInfo(function(error, accountInfo){
//put your code to handle the callback here
});

150. https://www.chromeexperiments.com/experiment/world-wide-maze
http://dinahmoelabs.com/plink
Some fun stuff to look at

152. Alan Arentsen
alan.arentsen@ordina.nl
alanarentsen.blogspot.com