Chris Bailey Bailey. Emerging Web Application Architectures With Java and Node.js

Transcription

1 Chris Bailey IBM Emerging Web Application Architectures With Java and Node.js

2 STSM, IBM Runtime Development 2015 IBM Corporation 1

3 The Annual Death of Java Developer trend No. 2: Java s decline as a language will accelerate

4 The Annual Death of Java Developer trend No. 2: Java s decline as a language will accelerate Java is in decline look at the jobs. Yes, there are more of them... doing maintenance.

5 The Annual Death of Java Developer trend No. 2: Java s decline as a language will accelerate Java is in decline look at the jobs. Yes, there are more of them... doing maintenance. Now look at the Node.js or Spark or MongoDB job postings. Those are about doing new development

6 Developer Ecosystem

7 Developer Ecosystem #1 JavaScript #2 Java

8 Developer Ecosystem Module counts over time vs #1 JavaScript #2 Java

9 Developer Ecosystem Module counts over time vs #1 JavaScript #2 Java #1 JavaScript #2 Java

10 Usage in the browser Unless it is absolutely necessary to run Java in web browsers, disable it as described below, even after updating to 7u11. This will help mitigate other Java vulnerabilities that may be discovered in the future. This and previous Java vulnerabilities have been widely targeted by attackers, and new Java vulnerabilities are likely to be discovered. To defend against this and future Java vulnerabilities, consider disabling Java in web browsers

11 Usage in the browser Unless it is absolutely necessary to run Java in web browsers, disable it as described below, even after updating to 7u11. This will help mitigate other Java vulnerabilities that may be discovered in the future. This and previous Java vulnerabilities have been widely targeted by attackers, and new Java vulnerabilities are likely to be discovered. To defend against this and future Java vulnerabilities, consider disabling Java in web browsers

12 Why JavaScript and Node.js?

13 Rise of Rich Web Applications

14 Isomorphic Development an Server-Side Rendering Reuse of code components Write One Run Anywhere Sharing of data models Less maintenance Server-side rendering Pre-Initialise UI on the server Improves first paint time Enables search indexing

15 Typical Java Approach to Scalable I/O One thread (or process) per connection - Each thread waits on a response - Scalability determined by the number of threads Each thread: - consumes memory - is relatively idle Concurrency determined by number of depot workers

16 Node.js approach to Scalable I/O One thread multiplexes for multiple requests - No waiting for a response - Handles return from I/O when notified Scalability determined by: - CPU usage - Back end responsiveness Concurrency determined by how fast the food server can work

17 Rapid Development var cluster = require('cluster'); var cpus = require('os').cpus().length; var http = require('http'); if (cluster.ismaster) { for (var i = 0; i < cpus; i++) { cluster.fork(); } cluster.on('death', function(worker) { console.log("worker" + worker.pid + "died"); }); } else { http.createserver(function(request, response) { response.writehead(200, {"Content-Type": "text/plain"}); response.write("hello World!\n"); response.end(); }).listen(8080); }

18 Rapid Development var cluster = require('cluster'); var cpus = require('os').cpus().length; var http = require('http'); if (cluster.ismaster) { for (var i = 0; i < cpus; i++) { cluster.fork(); } cluster.on('death', function(worker) { console.log("worker" + worker.pid + "died"); }); } else { http.createserver(function(request, response) { response.writehead(200, {"Content-Type": "text/plain"}); response.write("hello World!\n"); response.end(); }).listen(8080); }

19 Event based programming var http = require('http'); var server = http.createserver(); server.listen(8080); server.on('request', function(request, response) { response.writehead(200, {"Content-Type": "text/plain"}); response.write("hello World!\n"); response.end(); }); server.on('connection', function(socket) {}); server.on('close', function() {}); server.on('connect', function(socket) {}); server.on('upgrade', function(request, socket, head) {}); server.on('clienterror', function(exception, socket) {});

20 Why Java?

21 Compute Performance Benchmarks Game Comple1on Times (lower is be+er) Regex-dna n-body reverse-comp spectral-norm mandelbrot fasta-redux binary-trees pidigits k-nucleobde fannkuch-redux fasta

22 Compute Performance Benchmarks Game Comple1on Times (lower is be+er) Regex-dna n-body reverse-comp spectral-norm mandelbrot fasta-redux binary-trees pidigits k-nucleobde fannkuch-redux fasta

23 Web Application Performance TechEmpower Performance (%age of best - higher is be0er) 0 JSON Serializa2on Single Query Data Updates More Computation More I/O

24 JSON Serialisation JSON serialization of a newly instantiated object Maps - Key of message - Value of Hello, World! Example response:

25 JSON Serialisation JSON serialization of a newly instantiated object Maps - Key of message - Value of Hello, World! Java JavaScript Example response:

26 Web Application Performance TechEmpower Performance (%age of best - higher is be0er) 0 JSON Serializa2on Single Query Data Updates More Computation More I/O

27 Web Application Performance TechEmpower Performance (%age of best - higher is be0er) 0 JSON Serializa2on Single Query Data Updates More Computation More I/O

28 Single Query Fetches single row from simple database table Row serialized as JSON Example response:

29 Single Query Fetches single row from simple database table Row serialized as JSON Java JavaScript Example response:

30 Web Application Performance TechEmpower Performance (%age of best - higher is be0er) 0 JSON Serializa2on Single Query Data Updates More Computation More I/O

31 Web Application Performance TechEmpower Performance (%age of best - higher is be0er) 0 JSON Serializa2on Single Query Data Updates More Computation More I/O

32 Data Updates Fetches single row from simple database table Row serialized as JSON Example response:

33 Data Updates Fetches single row from simple database table Row serialized as JSON JavaScript Java Example response:

34 Web Application Performance TechEmpower Performance (%age of best - higher is be0er) 0 JSON Serializa2on Single Query Data Updates More Computation More I/O

35 Web Application Performance TechEmpower Performance (%age of best - higher is be0er) 0 JSON Serializa2on Single Query Data Updates More Computation More I/O

36 Dynamic Typing in JavaScript: The + operator var add = function (a, b) { return (a + b); }

37 Dynamic Typing in JavaScript: The + operator var add = function (a, b) { return (a + b); } Check type of A

38 Dynamic Typing in JavaScript: The + operator var add = function (a, b) { return (a + b); } String Check type of A Number

39 Dynamic Typing in JavaScript: The + operator var add = function (a, b) { return (a + b); } String Check type of B String Check type of A Number Number

40 Dynamic Typing in JavaScript: The + operator var add = function (a, b) { return (a + b); } Concatenate String Check type of B String Check type of A Number Number

41 Dynamic Typing in JavaScript: The + operator var add = function (a, b) { return (a + b); } Concatenate String Check type of B String Check type of A Number Number Concatenate

42 Dynamic Typing in JavaScript: The + operator var add = function (a, b) { return (a + b); } Concatenate String Check type of B String Check type of A Number Check type of B String Number Number Concatenate

43 Dynamic Typing in JavaScript: The + operator var add = function (a, b) { return (a + b); } Concatenate String Check type of B String Check type of A Number Check type of B String Concatenate Number Number Concatenate

44 Dynamic Typing in JavaScript: The + operator var add = function (a, b) { return (a + b); } Concatenate String Check type of B String Check type of A Number Check type of B String Concatenate Number Number Concatenate Float Floating Point or Normal Normal

45 Dynamic Typing in JavaScript: The + operator var add = function (a, b) { return (a + b); } Concatenate String Check type of B String Check type of A Number Check type of B String Concatenate Number Number Concatenate Float Floating Point or Normal Normal Add Instruction

46 Dynamic Typing in JavaScript: The + operator var add = function (a, b) { return (a + b); } Concatenate String Check type of B String Check type of A Number Check type of B String Concatenate Number Number Concatenate Float Calculation Float Floating Point or Normal Normal Add Instruction

47 Strong Typing in Java: The + operator int add(int a, int b) { return (a + b); }

48 Strong Typing in Java: The + operator int add(int a, int b) { return (a + b); } Add Instruction

49 Strong Typing in Java: The + operator int add(int a, int b) { return (a + b); } Add Instruction Return Result

50 Type Safety private static void add (int a, int b){ System.out.println(a + b); } public static void main(string[] args){ int a = 5; int b = 3; var add = function (a, b) { console.log(a + b); } var a = 5; var b = 3; } add(a, b); add(a, b); > javac app.java > java app > 8 > node app.js > 8

51 Type Safety private static void add (int a, int b){ System.out.println(a + b); } public static void main(string[] args){ int a = 5; int b = 3; var add = function (a, b) { console.log(a + b); } var a = 5; var b = 3; } add(a, b); add(a, b); > javac app.java > java app > 8 > node app.js > 8

52 Type Safety private static void add (int a, int b){ System.out.println(a + b); } public static void main(string[] args){ int a = 5; int b = 3; var add = function (a, b) { console.log(a + b); } var a = 5; var b = 3; } add(a, b); add(a, b); > javac app.java > java app > 8 > node app.js > 8

53 Type Safety private static void add (int a, int b){ System.out.println(a + b); } public static void main(string[] args){ int a = 5; int b = 3; var add = function (a, b) { console.log(a + b); } var a = 5; var b = 3; } add(a, b); add(a, b); > javac app.java > java app > 8 > node app.js > 8

54 Type Safety private static void add (int a, int b){ System.out.println(a + b); } public static void main(string[] args){ int a = 5; int b = 3; var add = function (a, b) { console.log(a + b); } var a = 5; var b = 3; } add(a, b); add(a, b); > javac app.java > java app > 8 > node app.js > 8

55 Type Safety private static void add (int a, int b){ System.out.println(a + b); } public static void main(string[] args){ String a = new String( 5 ); int b = 3; var add = function (a, b) { console.log(a + b); } var a = 5 ; var b = 3; } add(a, b); add(a, b); > javac app.java > java app > 8 > node app.js > 8

56 Type Safety private static void add (int a, int b){ System.out.println(a + b); } public static void main(string[] args){ String a = new String( 5 ); int b = 3; var add = function (a, b) { console.log(a + b); } var a = 5 ; var b = 3; } add(a, b); add(a, b); > javac app.java > java app > 8 > node app.js > 8

57 Type Safety private static void add (int a, int b){ System.out.println(a + b); } public static void main(string[] args){ String a = new String( 5 ); int b = 3; var add = function (a, b) { console.log(a + b); } var a = 5 ; var b = 3; } add(a, b); add(a, b); > javac app.java Error: incompatible types: String cannot be converted to int add(a, b); ^ > node app.js > 8

58 Type Safety private static void add (int a, int b){ System.out.println(a + b); } public static void main(string[] args){ String a = new String( 5 ); int b = 3; var add = function (a, b) { console.log(a + b); } var a = 5 ; var b = 3; } add(a, b); add(a, b); > javac app.java Error: incompatible types: String cannot be converted to int add(a, b); ^ > node app.js > 53

59 JavaScript Calculations > > '5' + 3 '53' > '5' 3 2 // Weak typing, implicit conversion > '5' '4' 1 // String minus String = Integer?? > '5' + + '4' 54 // Multiple +'s are ok > 'Hello' + 'World' 'HelloWorld' > 'Hello' + + 'World' 'HelloNaN' // Ok, that's expected //...but that isn't

60 JavaScript Calculations > > '5' + 3 '53' > '5' 3 2 // Weak typing, implicit conversion > '5' '4' 1 // String minus String = Integer?? > '5' + + '4' 54 // Multiple +'s are ok > 'Hello' + 'World' 'HelloWorld' > 'Hello' + + 'World' 'HelloNaN' // Ok, that's expected //...but that isn't

61 JavaScript Calculations > > '5' + 3 '53' > '5' 3 2 // String is converted to a number for subtraction > '5' '4' 1 // String minus String = Integer?? > '5' + + '4' 54 // Multiple +'s are ok > 'Hello' + 'World' 'HelloWorld' > 'Hello' + + 'World' 'HelloNaN' // Ok, that's expected //...but that isn't

62 JavaScript Calculations > > '5' + 3 '53' > '5' 3 2 // String is converted to a number for subtraction > '5' '4' 1 // String minus String = Integer?? > '5' + + '4' 54 // Multiple +'s are ok > 'Hello' + 'World' 'HelloWorld' > 'Hello' + + 'World' 'HelloNaN' // Ok, that's expected //...but that isn't

63 JavaScript Calculations > > '5' + 3 '53' > '5' 3 2 // String is converted to a number for subtraction > '5' '4' 1 // Both Strings converted to number for subtraction > '5' + + '4' 54 // Multiple +'s are ok > 'Hello' + 'World' 'HelloWorld' > 'Hello' + + 'World' 'HelloNaN' // Ok, that's expected //...but that isn't

64 JavaScript Calculations > > '5' + 3 '53' > '5' 3 2 // String is converted to a number for subtraction > '5' '4' 1 // Both Strings converted to number for subtraction > '5' + + '4' 54 // Multiple +'s are ok > 'Hello' + 'World' 'HelloWorld' > 'Hello' + + 'World' 'HelloNaN' // Ok, that's expected //...but that isn't

65 JavaScript Calculations > > '5' + 3 '53' > '5' 3 2 // String is converted to a number for subtraction > '5' '4' 1 // Both Strings converted to number for subtraction > '5' + + '4' 54 // Multiple +'s are ok > 'Hello' + 'World' 'HelloWorld' > 'Hello' + + 'World' 'HelloNaN' // Ok, that's expected //...but that isn't

66 JavaScript Calculations > > '5' + 3 '53' > '5' 3 2 // String is converted to a number for subtraction > '5' '4' 1 // Both Strings converted to number for subtraction > '5' + + '4' 54 // Multiple +'s are ok > 'Hello' + 'World' 'HelloWorld' > 'Hello' + + 'World' 'HelloNaN' // Ok, that's expected //...but that isn't

67 JavaScript Calculations > > '5' + 3 '53' > '5' 3 2 // String is converted to a number for subtraction > '5' '4' 1 // Both Strings converted to number for subtraction > '5' + + '4' 54 // Multiple +'s are ok > 'Hello' + 'World' 'HelloWorld' > 'Hello' + + 'World' 'HelloNaN' // Ok, that's expected //...but that isn't

68 JavaScript Calculations > > '5' + 3 '53' > '5' 3 2 // String is converted to a number for subtraction > '5' '4' 1 // Both Strings converted to number for subtraction > '5' + + '4' 54 // Multiple +'s are ok > 'Hello' + 'World' 'HelloWorld' > 'Hello' + + 'World' 'HelloNaN' // Ok, that's expected //...but that isn't

69 JavaScript Calculations > > '5' + 3 '53' > '5' 3 2 // String is converted to a number for subtraction > '5' '4' 1 // Both Strings converted to number for subtraction > '5' + + '4' 54 // Multiple +'s are ok > 'Hello' + 'World' 'HelloWorld' > 'Hello' + + 'World' 'HelloNaN' // Ok, that's expected // Multiple plus must cause String to number conversion

70 JavaScript Calculations > '5' + - '5' '5-2' // I can just about see that works > var x = 3 undefined > '5' x + x 5 // Ok, that makes sense > var x = 3 undefined > '5' + x - x 50 // What???

71 JavaScript Calculations > '5' + - '5' '5-2' // I can just about see that works > var x = 3 > '5' x + x 5 // Ok, that makes sense > var x = 3 undefined > '5' + x - x 50 // What???

72 JavaScript Calculations > '5' + - '5' '5-2' // I can just about see that works > var x = 3 > '5' x + x 5 // Ok, that makes sense > var x = 3 > '5' + x - x 50 // What???

73 Language Selection

74 Choosing the Right Language for the Service

75 Choosing the Right Language for the Service

76 Choosing the Right Language for the Service Node.js Performance Relative to Java + 1/3x 0 CPU Bound - 4x Application Performance (higher is better) Node.js I/O Bound * based on TechEmpower benchmark results

77 Choosing the Right Language for the Service Node.js Performance Relative to Java + 1/3x 0 CPU Bound - 4x Application Performance (higher is better) Node.js I/O Bound * based on TechEmpower benchmark results Error: incompatible types ClassCastException

78 Microservices Paradigm Do one thing, and do it well

79 Choosing the Right Language for the Service Higher performance for I/O Easier async programming Fullstack/isomorphic development

80 Choosing the Right Language for the Service Higher processing performance Type safety for calculations Rich processing frameworks

81 Choosing the Right Language for the Service + Highly performant, scalable rich web applications Highly performant, reliable transaction processing Self-contained micro-service components

82 Emerging Architectures

83 Rich Web Applications

84 Rich Web Applications

85 Rich Web Applications HTTP

86 Rich Web Applications HTTP Load Balancer

87 Rich Web Applications HTTP Load Balancer

88 Rich Web Applications Operations and Management Admin Analytics HTTP Load Balancer

89 Rich Web Applications Operations and Management Admin Analytics HTTP Load Balancer

90 Rich Web Applications Operations and Management Admin Analytics HTTP Load Balancer

91 Rich Web Applications Operations and Management Admin Analytics HTTP Load Balancer Load Balancer

92 Forrester 4-Tier Architecture

93 MicroServices and API Economy Operations and Management Admin Analytics HTTP Load Balancer Load Balancer

94 MicroServices and API Economy Operations and Management Admin Analytics HTTP Load Balancer Load Balancer

95 MicroServices and API Economy Operations and Management Admin Analytics HTTP Load Balancer Load Balancer

96 MicroServices and API Economy Operations and Management Admin Analytics HTTP Load Balancer Load Balancer

97 MicroServices and API Economy Operations and Management Admin Analytics HTTP Load Balancer

98 MicroServices and API Economy Operations and Management Admin Analytics HTTP Load Balancer

99 MicroServices and API Economy Operations and Management Admin Analytics HTTP Load Balancer

100 MicroServices and API Economy Operations and Management Admin Analytics HTTP Load Balancer

101 MicroServices and API Economy Operations and Management Admin Analytics HTTP Load Balancer

102 MicroServices and API Economy Operations and Management Admin Analytics HTTP Load Balancer Client Delivery Aggregation

103 Questions?

104 Thank You