Building Real-time Data in Web Applications with Node · Building Real-time Data in Web...

BuildingReal-timeDatainWebApplicationswithNode.js

DanMcGhanOracleDeveloperAdvocateJavaScriptandHTML5March,2017

SafeHarborStatementThefollowingisintendedtooutlineourgeneralproductdirection.Itisintendedforinformationpurposesonly,andmaynotbeincorporatedintoanycontract.Itisnotacommitmenttodeliveranymaterial,code,orfunctionality,andshouldnotberelieduponinmakingpurchasingdecisions.Thedevelopment,release,andtimingofanyfeaturesorfunctionalitydescribedforOracle’sproductsremainsatthesolediscretionofOracle.

Whoareyou?

Aboutme• DanMcGhan–OracleDeveloperAdvocate– FocusonJavaScriptandHTML5

• ContactInfo– dan.mcghan@oracle.com–@dmcghan– jsao.io

Agenda

Howwegothere

Wherewe’reat

Mixinginthedatabase

Demotime!

Agenda

Howwegothere

Wherewe’reat

Mixinginthedatabase

WebBrowser WebServer

HTTPrequest

HTTPresponse

WebBrowser WebServer Database

HTTPrequest

DBdriverrequest

DBdriverresponse

HTTPresponse

Transactions

Sharding

Auto-Scaling Sharding

Auto-Scaling ShardingLotsO’Users

WhataboutsubsequentDBchanges?

HTTPrequest

Notpossibleforgoodreasons

Thusbeganthequesttosimulate pushingdata…

Techniquestobridgethegap• Foreverframe• Ajaxpolling• Ajaxlongpolling• HTML5ServerSentEvents

Agenda

Howwegothere

Wherewe’reat

Mixinginthedatabase

Newtechnologieshaveemerged• WebSocket– Allowsbi-directionalcommunication– StartswithHTTP(S)andthenupgradestoWebSocket– Greatforserverstopushtoclients

• WebRTC– Enablesdirect,peer-to-peerconnectionsovertheweb• Nomiddle-mangreatlyreduceslatency• RequiresaTURNservertogetclientsconnecteddirectly

– Greatfor• Streamingaudio/video• Communicatingarbitrarydata(thinkgames)

CurrentWebRTC support

http://caniuse.com/#search=webrtc

CurrentWebSocket support

http://caniuse.com/#search=websocket

WebSocket example

https://developer.mozilla.org/en-US/docs/Web/API/WebSocket

Socket.IO• 2parts:client-sideandserver-side– Startswithlong-polling,upgradestoWebSocket ifpossible

• SimpleAPIwithgreatfeatures–Multiplexing/namespacing support(separatechannelsoverthesameconnection)– Rooms(groupuserswithinanamespace)– Auto-reconnect

Codereview

Agenda

Howwegothere

Wherewereat

Mixinginthedatabase

DatabaseEvents Communication

DatabaseEvents Communication• Triggers

• DMLTriggers– BEFOREINSERT– AFTERUPDATE– INSTEADOFDELETE(forviews)

• SystemTriggers– AFTERLOGON– BEFOREDROP

Triggers:2maintypes

Icouldhaveusedaninserttrigger…

butthatwouldbebad.

DatabaseEvents Communication• Triggers• Scheduler

DBMS_SCHEDULER• Arobustschedulingtool

Icouldhaveusedaninserttriggerw/scheduler

DatabaseEvents Communication• Triggers• Scheduler• AdvancedQueuing(AQ)w/Notification

AdvancedQueuing

• Adurable,scalablequeuingframeworkinthedatabase– Hasanenqueue notificationfeaturetoavoidpolling

• Point-to-pointmessaging

• Publish/Subscribemode

DatabaseEvents Communication• Triggers• Scheduler• AdvancedQueuing(AQ)w/Notification• ContinuousQueryNotification

ContinuousQueryNotification

• UTL_TCP• UTL_HTTP• UTL_SMTP&UTL_MAIL

• UTL_TCP• UTL_HTTP• UTL_SMTP&UTL_MAIL• APEX_WEB_SERVICE

APEX_WEB_SERVICE• AnAPIprovidedbyApplicationExpress

Codereview

• UTL_TCP• UTL_HTTP• UTL_SMTP&UTL_MAIL• APEX_WEB_SERVICE• NativeDriverSupport

Whatthefuturecouldlooklike…

• OracleJET

• Socket.IO (client)

• Node.js

• Socket.IO (server)

• Triggers

• Scheduler

• AdvancedQueuing– Usersguide– DBMS_AQ– DBMS_AQADM– Types

• ContinuousQueryNotification– Usersguide– Types

• APEX_WEB_SERVICE

Nextsteps:learnandcode!WebBrowser WebServer Database

WebBrowser AppServer Database

Building Real-time Data in Web Applications with Node · Building Real-time Data in Web...

Documents

Transcript of Building Real-time Data in Web Applications with Node · Building Real-time Data in Web...

Counsel for Plaintiffs · and early 1990s by Santa Barbara-based McGhan Medical Corporation (“McGhan”), which later became Inamed Corporation (“Inamed”). In 2006, Allergan

Real Time Applications PMU

Real time web applications

Some Real Life Applications

Robot applications in real life

Real World Seaside Applications

Real-time Stereo Vision Applications

Inamed Corporation’s McGhan Silicone-Filled Breast Implants October 14-15, 2003.

Sharleen H. Simpson, PhD 1 , Cheryl McGhan, PhD 2 and Karla Schmitt, PhD, MPH 3

McGhan Product Catalo gu e - La · PDF fileThe McGhan range of breast implants and tissue expanders. Superior quality, wider choice, higher satisfaction. The McGhan brand name has

Parallel Real-Time Applications

Lesson 6 real life applications

Ruby applications in real life

Real World Nonlinear Mechanical Applications

The Real-Time Conferencing Applications

Real Time Web Applications and Merb

Real World Applications ofReal World Applications of...Real World Applications ofReal World Applications of Risk Assessment for Drinkinggy Water Security R M NHRSC/WIPDRegan Murray,

Building Real-Time Applications in Ember.js

Blockchain Applications in Real Estate Finance: Mortgage ...media.straffordpub.com/products/blockchain-applications-in-real-est… · Real Estate Blockchain is Ideal for title records

Real World Applications