Microservices for the Masses with Spring Boot, JHipster, and OAuth - Cork JUG 2019

Slide 1

Slide 1 text

Microservices for the Masses with Spring Boot, JHipster, and OAuth September 11, 2019 Matt Raible | @mraible Photo by Vicki Devine on https://www.flickr.com/photos/7909459@N03/3625446689

Slide 2

Slide 2 text

Do you use microservices?

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

Blogger on raibledesigns.com and developer.okta.com/blog Web Developer and Java Champion Father, Husband, Skier, Mountain Biker, Whitewater Rafter Open Source Connoisseur Hi, I’m Matt Raible! Bus Lover Okta Developer Advocate

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

developer.okta.com

Slide 9

Slide 9 text

What About You?

Slide 10

Slide 10 text

Agenda 1. Introduction to Microservices 2. Microservices with JHipster 3. Deploying to the Cloud 4. Developing Mobile Apps with JHipster 5. JHipster Roadmap

Slide 11

Slide 11 text

Part 1 Introduction to Microservices History of Microservices Microservices Architecture Philosophy Why Microservices? Demo: A Microservices Architecture with Spring Boot and Spring Cloud

Slide 12

Slide 12 text

No content

Slide 13

Slide 13 text

Microservices Visionaries

Slide 14

Slide 14 text

No content

Slide 15

Slide 15 text

“Any organization that designs a system (defined broadly) will produce a design whose structure is a copy of the organization's communication structure.” Conway’s Law Melvin Conway 1967

Slide 16

Slide 16 text

“Do one thing and do it well.”

Slide 17

Slide 17 text

“You shouldn't start with a microservices architecture. Instead begin with a monolith, keep it modular, and split it into microservices once the monolith becomes a problem.” Martin Fowler March 2014

Slide 18

Slide 18 text

No content

Slide 19

Slide 19 text

start.spring.io

Slide 20

Slide 20 text

No content

Slide 21

Slide 21 text

No content

Slide 22

Slide 22 text

Demo Using start.spring.io, create: A service registry A gateway A catalog service Create an endpoint in the catalog service Create a filtered endpoint in the gateway Show failover capabilities Show Spring Security OAuth https://github.com/oktadeveloper/java- microservices-examples

Slide 23

Slide 23 text

Java Microservices with Spring Boot and Spring Cloud https://developer.okta.com/blog/2019/05/22/java-microservices-spring-boot-spring-cloud

Slide 24

Slide 24 text

Microservices with JHipster What is JHipster? Installing and Using JHipster JHipster’s Microservice Features Progressive Web Applications Overview Part 2

Slide 25

Slide 25 text

What is JHipster? + =

Slide 26

Slide 26 text

JHipster jhipster.tech JHipster is a development platform to generate, develop and deploy Spring Boot + Angular/React Web applications and Spring microservices. and Vue! ✨

Slide 27

Slide 27 text

JHipster is Inclusive https://github.com/jhipster/jhipster-artwork

Slide 28

Slide 28 text

A powerful workflow to build your application with Webpack and Maven/Gradle JHipster Goals A sleek, modern, mobile-first front-end with modern frameworks A high-performance and robust Java stack on the server side with Spring Boot A robust microservice architecture with JHipster Registry, Netflix OSS, Elastic Stack, and Docker

Slide 29

Slide 29 text

How to Use JHipster Install JHipster and Yeoman, using npm: npm install -g generator-jhipster Create a directory and cd into it: mkdir newapp && cd newapp Run it! jhipster

Slide 30

Slide 30 text

Microservices with JHipster

Slide 31

Slide 31 text

https://www.jhipster.tech/microservices-architecture

Slide 32

Slide 32 text

yelp.com/callback Back to redirect URI with authorization code Exchange code for access token and ID token accounts.google.com Email ********** Go to authorization server Redirect URI: yelp.com/cb Scope: openid profile Authorization Server yelp.com Connect with Google Resource owner Client accounts.google.com   Allow Yelp to access your public profile and contacts? No Yes Request consent from resource owner Hello Matt! accounts.google Get user info   with access token /userinfo OAuth 2.0 and OIDC

Slide 33

Slide 33 text

Monolith Examples JHipster 6 Demo github.com/mraible/jhipster6-demo youtu.be/uQqlO3IGpTU 21-Points Health github.com/mraible/21-points infoq.com/minibooks/jhipster-mini-book

Slide 34

Slide 34 text

Progressive Web Apps Originate from a secure origin, load while offline, and reference a web app manifest.

Slide 35

Slide 35 text

Progressive Web Apps Can be installed on your mobile device, look and act like a native application, but are distributed through the web.

Slide 36

Slide 36 text

Progressive Web Apps Are fast!

Slide 37

Slide 37 text

Enable PWA in JHipster if ('serviceWorker' in navigator) { window.addEventListener('load', function() { navigator.serviceWorker.register('/service-worker.js') .then(function () { console.log('Service Worker Registered'); }); }); } gateway/src/main/webapp/index.html

Slide 38

Slide 38 text

Force HTTPS in Spring Boot gateway/src/main/java/com/okta/developer/gateway/config/SecurityConfiguration.java @Configuration public class SecurityConfiguration extends WebSecurityConfigurerAdapter { @Override protected void configure(HttpSecurity http) throws Exception { http.requiresChannel() .requestMatchers(r -> r.getHeader("X-Forwarded-Proto") != null) .requiresSecure(); } } https://developer.okta.com/blog/2018/07/30/10-ways-to-secure-spring-boot

Slide 39

Slide 39 text

“We’ve failed on mobile.” Alex Russell https://youtu.be/K1SFnrf4jZo

Slide 40

Slide 40 text

Demo Using JHipster, create: A gateway A store microservices app A blog microservices app Generate entities in apps and on gateway Convert gateway to be a PWA Run everything in Docker https://github.com/oktadeveloper/java- microservices-examples

Slide 41

Slide 41 text

JHipster 6.2.0 Lighthouse Report

Slide 42

Slide 42 text

Part 3 Deploy to the Cloud Options for Deploying JHipster Heroku Cloud Foundry AWS Google Cloud Microsoft Azure

Slide 43

Slide 43 text

For monoliths: jhipster heroku For microservices: Deploy JHipster Registry Build and deploy microservice Build and deploy gateway http://bit.ly/heroku-jhipster-microservices

Slide 44

Slide 44 text

For monoliths: jhipster cloudfoundry For microservices: Deploy JHipster Registry Build and deploy microservice Build and deploy gateway https://www.jhipster.tech/cloudfoundry/

Slide 45

Slide 45 text

Using Elastic Container Service jhipster aws-containers Using Elastic Beanstalk jhipster aws Boxfuse boxfuse run -env=prod http://www.jhipster.tech/aws http://www.jhipster.tech/boxfuse

Slide 46

Slide 46 text

mvn package -Pprod jib:dockerBuild jhipster kubernetes ./kubectl-apply.sh kubectl get svc gateway https://developer.okta.com/blog/2017/06/20/ develop-microservices-with-jhipster

Slide 47

Slide 47 text

Part 4 Developing Mobile Apps with JHipster What is Ionic? Why? Ionic Module for JHipster JWT and OIDC Support Entity Generator

Slide 48

Slide 48 text

Ionic Ionic Framework Develop Hybrid & PWA Apps https://ionicframework.com Stencil Vanilla Web Components https://stenciljs.com PWA Toolkit Lightning fast PWAs https://github.com/ionic- team/ionic-pwa-toolkit

Slide 49

Slide 49 text

Why? The first version of 21-Points Health I wrote with JHipster 2.x was painful to use on a mobile device. Versions 4.x and 5.x are better, but still not great. I want to develop the best user experience. Native apps are painful to distribute, but work better than PWAs (on iOS).

Slide 50

Slide 50 text

How is a mobile app for JHipster different from its Angular UI?

Slide 51

Slide 51 text

Run it! yo jhipster-ionic Ionic Module for JHipster Because Ionic Apps need some JHipster too! https://github.com/oktadeveloper/generator-jhipster-ionic Install Ionic and the Ionic Module for JHipster, using npm: npm install -g ionic generator-jhipster-ionic Profit!

Slide 52

Slide 52 text

Use Ionic for JHipster to Create Mobile Apps https://developer.okta.com/blog/2019/06/24/ionic-4-angular-spring-boot-jhipster

Slide 53

Slide 53 text

Create an app: ignite new myapp -b ignite-jhipster Ignite JHipster https://github.com/ruddell/ignite-jhipster Install Ignite CLI and Ignite JHipster, using npm: npm i -g ignite-cli ignite-jhipster Ignite! A React Native boilerplate for JHipster apps

Slide 54

Slide 54 text

Build a Mobile App with React Native https://developer.okta.com/blog/2018/10/10/react-native-spring-boot-mobile-app

Slide 55

Slide 55 text

Demo Create an Ionic 4 app for JHipster Generate entities that exist on gateway Deploy to emulator Deploy to phone https://github.com/oktadeveloper/ okta-ionic4-jhipster-example

Slide 56

Slide 56 text

Part 5 JHipster Roadmap What You Learned What’s Next for JHipster

Slide 57

Slide 57 text

What You Learned

Slide 58

Slide 58 text

Microservices with Spring Cloud Config and JHipster https://developer.okta.com/blog/2019/05/23/java-microservices-spring-cloud-config

Slide 59

Slide 59 text

JHipster Mobile Apps and Microservices on Pluralsight pluralsight.com/courses/play-by-play-developing-microservices-mobile-apps-jhipster

Slide 60

Slide 60 text

What’s Next for JHipster? Full Reactive with WebFlux and Spring Cloud Gateway Spring Boot 2.2 GraphQL and Micro Frontends

Slide 61

Slide 61 text

The JHipster Mini-Book  Written with Asciidoctor Free download from InfoQ: infoq.com/minibooks/jhipster-mini-book Quick and to the point, 164 pages Developed a real world app: www.21-points.com Buy for $20 or download for FREE

Slide 62

Slide 62 text

Learn More stackoverflow.com Spring Boot spring.io/guides JHipster www.jhipster.tech Okta APIs developer.okta.com

Slide 63

Slide 63 text

developer.okta.com/blog @oktadev

Slide 64

Slide 64 text

Reactive Microservices with Spring Cloud Gateway https://developer.okta.com/blog/2019/08/28/reactive-microservices-spring-cloud-gateway

Slide 65

Slide 65 text

Action: Try JHipster! https://developer.okta.com/blog/2019/04/04/java-11-java-12-jhipster-oidc

Slide 66

Slide 66 text

git clone https://github.com/oktadeveloper/okta-spring-webflux-react- example.git https://github.com/oktadeveloper/java-microservices-examples Use the Source, Luke!

Slide 67

Slide 67 text

Thanks! Keep in Touch raibledesigns.com @mraible Presentations speakerdeck.com/mraible Code github.com/oktadeveloper developer.okta.com

Slide 68

Slide 68 text

developer.okta.com