ENTERPRISE JAVA WRITTEN IN JAVASCRIPT PROJECT AVATAR: MORE THAN JUST NODE.JS ON THE JAVA VIRTUAL MACHINE NIKO KÖBLER HEIKO SPINDLER QUALITECTS GROUP

Agenda  The Web as a Plattform  Avatar Basics  Avatar Features  Avatar Demo

„JavaScript is the new black“ The Web as a Plattform  The web becomes a plattform  unique standards  JavaScript is used as a general programming language for nearly all devices  JavaScript is fast enough  Differences of browsers are reduced (frameworks, standards)  Best-Practices and KnowHow is available  QA tools and activites emerge

Web Applications in Change Static HTML or usage of plug-ins (Flash, Applets, …) Generation of HTML, business logic, validation, authorization, authenication, integration HTTP HTML Legacy web-application Static HTML with some dynamic elements (AJAX, PPR) Generation of HTML, business logic, validation, authorization, authenication, integration HTTP HTML and JSON/XML Legacy web-application with AJAX Dynamic Uis with business logic, validation and integration Services for business logic, authentication, authorization, validation HTTP JSON (XML) Single page web-application Server Client

Modern Web Application Architecture JavaEE / JVM Browser Presentation Presentation Connectivity (WebSockets, SSE, Rest) Enterprise Integration and Business Logic

Avatar Basics  Plattform for server-side JavaScript on top of the JVM  Based on Nashorn JavaScript engine (JDK 8)  Open-source project on java.net started by Oracle  95% Node.js-API compatibility  code in JavaScript  single threaded event loops  many of the npm-packages work (express, async, etc.)  same prerequisites as Node.js  no Chrome V8 native APIs

Avatar.js on the server Image: https://avatar-js.java.net/

Avatar Features  Access to Java frameworks, libraries and tools  via JavaScript wrappers  via asynchronuous adapters  Embedded in Security Manager  Consists of a server- and client-component

Avatar Architecture Image: https://avatar.java.net

Interaction of client and server components Image: https://avatar.java.net

Definition of the model var AddMathModel = function() { this.left = 0; this.right = 0; this.reset = function() { this.left = this.right = 0; }; };

2-way-binding of model and UI-elements The result is #{add.left} + #{add.right} = #{add.left + add.right} Reset

Avatar DataProvider var avatar = require("org/glassfish/avatar"); var itemsFileProvider = new avatar.FileDataProvider( { filename: "rest-sample.txt", key: "key"} ); var itemsJpaProvider = new avatar.JPADataProvider( { persistenceUnit:"rest", createTables:"true", entityType:"Item"} );

Avatar JMS var avatar = require("org/glassfish/avatar"); var myJMS = new avatar.JMS( { connectionFactoryName: "jms/myConnFactory", destinationName: "jms/myQueue"} ); myJMS.addListener(function(message) { avatar.log("Got message: " + message); }).then(function() { return myJMS.send("Test message"); });

Avatar RestService avatar.registerRestService({url:"data/items/{item}"}, function() { this.onGet = function(request, response) { itemsFileProvider.get( this.item, function(error, itemValue) { if (!itemValue) { itemValue = {} }; response.send(itemValue).done(); } ); }; });

Demo Time

Timeline (without obligation) Period Milestone JavaOne 2013 Project Avatar Launch GlassFish Runtime Q2/2014 WebLogic Runtime (WLS 12.1.3) Mid 2015 WebLogic 12.1.4 Avatar Commercial Support

Conclusion  Lightweight integration in JavaEE and Enterprise context  JMS, JPA, REST, Java-APIs, …  WebLogic Runtime  Perfect interaction between client and server  Use of client-component is not a MUST  But neither of the server-component  Commercial support from Oracle (in future)

Q & A NIKO KÖBLER – @dasniko HEIKO SPINDLER – @brainbrix QUALITECTS GROUP – www.qualitects-group.com PROJECT AVATAR

Links  Project Avatar: avatar.java.net  Avatar.js: avatar-js.java.net  Nashorn Blog: blogs.oracle.com/nashorn  Qualitects Group: www.qualitects-group.com