Microservices for the Masses with Spring Boot and JHipster - RWX 2018

72a2082c6a4dd79ad68befb3db911616?s=47 Matt Raible
December 05, 2018

Microservices for the Masses with Spring Boot and JHipster - RWX 2018

Microservices are being deployed by many Java Hipsters. If you're working with a large team that needs different release cycles for product components, microservices can be a blessing. If you're working at your VW Restoration Shop and running its online store with your own software, having five services to manage and deploy can be a real pain.

This presentation will show you how to use JHipster to create Angular + Spring Boot apps with a unified front-end. You will leave with the know-how to create your own excellent apps!

Bonus: I'll show you how to use Ionic for JHipster to create native applications on mobile. It's pretty darn slick! 👌

Blog posts:

* Develop a Microservices Architecture with OAuth 2.0 and JHipster
* Use Ionic for JHipster to Create Mobile Apps with OIDC Authentication

Source code for the demo is available on GitHub.

Download the JHipster Mini-Book v5.0 for free from InfoQ!

You can also watch my JHipster Microservices course on Pluralsight.

72a2082c6a4dd79ad68befb3db911616?s=128

Matt Raible

December 05, 2018
Tweet

Transcript

  1. Microservices for the Masses with Spring Boot and JHipster December

    5, 2018 Matt Raible | @mraible Photo by Joey Newcombe flickr.com/photos/ogluc1f3r/14921486525 #RWX2018
  2. Do you use microservices?

  3. None
  4. 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
  5. None
  6. None
  7. None
  8. None
  9. developer.okta.com

  10. What About You?

  11. Agenda 1. Introduction to Microservices 2. Microservices with JHipster 3.

    Deploying to the Cloud 4. Developing Mobile Apps with JHipster 5. JHipster Roadmap
  12. Part 1 Introduction to Microservices History of Microservices Microservices Architecture

    Philosophy Why Microservices? Demo: A Microservices Architecture with Spring Boot and Spring Cloud
  13. None
  14. Microservices Visionaries

  15. None
  16. “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
  17. “Do one thing and do it well.”

  18. “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
  19. None
  20. start.spring.io

  21. None
  22. Microservices with Spring Boot developer.okta.com/blog/2017/06/15/build-microservices-architecture-spring-boot

  23. 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/spring- boot-microservices-example
  24. Microservices with JHipster What is JHipster? Installing and Using JHipster

    JHipster’s Microservice Features Progressive Web Applications Overview Part 2
  25. What is JHipster? + =

  26. What is JHipster? https://www.jhipster.tech

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

  28. A powerful workflow to build your application with Yeoman, Webpack/

    Gulp and Maven/Gradle JHipster Goals A sleek, modern, mobile-first front- end with Angular and Bootstrap 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
  29. 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
  30. @spring_io #springio17 Microservices with JHipster

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

  32. Validate ID Token Token Endpoint Authorization Endpoint /.well-known/
 openid-configuration JWKS

    Endpoint UserInfo Endpoint OAuth 2.0 Authorization Server & OpenID Connect Provider (OP) OAuth 2.0 Resource Server Client (Relying Party) 1 3 2 5 4 1 Discover OpenID Provider Metadata 2 Perform OAuth flow to obtain a ID token and/or access token 3 Get JSON Web Key Set (JWKS) for signature keys 4 Validate ID token
 (JSON Web Token) 5 Get additional user attributes with access token from UserInfo endpoint OAuth 2.0 and OIDC
  33. 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
  34. Monolith Examples JHipster 5 Demo github.com/mraible/jhipster5-demo youtu.be/-VQ_SVkaXbs 21-Points Health github.com/mraible/21-points

    infoq.com/minibooks/jhipster-mini-book-5
  35. Progressive Web Apps Originate from a secure origin, load while

    offline, and reference a web app manifest.
  36. Progressive Web Apps Can be installed on your mobile device,

    look and act like a native application, but are distributed through the web.
  37. Progressive Web Apps Are fast!

  38. Enable PWA in JHipster <script> if ('serviceWorker' in navigator) {

    window.addEventListener('load', function() { navigator.serviceWorker.register('/service-worker.js') .then(function () { console.log('Service Worker Registered'); }); }); } </script> gateway/src/main/webapp/index.html
  39. Force HTTPS in Spring Boot gateway/src/main/java/com/okta/developer/gateway/config/OAuth2SsoConfiguration.java @Configuration public class OAuth2SsoConfiguration

    extends WebSecurityConfigurerAdapter { @Override protected void configure(HttpSecurity http) throws Exception { http.requiresChannel() .requestMatchers(r -> r.getHeader("X-Forwarded-Proto") != null) .requiresSecure(); } } developer.okta.com/blog/2018/07/30/10-ways-to-secure-spring-boot
  40. 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/okta- jhipster-microservices-oauth-example
  41. Part 3 Deploy to the Cloud Options for Deploying JHipster

    Heroku Cloud Foundry AWS Google Cloud Microsoft Azure
  42. For monoliths: jhipster heroku For microservices: Deploy JHipster Registry Build

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

    and deploy microservice Build and deploy gateway http://www.jhipster.tech/cloudfoundry
  44. 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
  45. 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
  46. Demo Build Your JHipster App for Production Deploy with Kubernetes

    and Minikube Deploy to Google Cloud https://github.com/oktadeveloper/ jhipster-microservices-example
  47. Part 4 Developing Mobile Apps with JHipster What is Ionic?

    Why? Ionic Module for JHipster JWT and OIDC Support Entity Generator
  48. 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
  49. 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).
  50. How is a mobile app for JHipster different from its

    Angular UI?
  51. 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!
  52. Use Ionic for JHipster to Create Mobile Apps developer.okta.com/blog/2018/01/30/jhipster-ionic-with-oidc-authentication

  53. 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
  54. Build a Mobile App with React Native developer.okta.com/blog/2018/10/10/react-native-spring-boot-mobile-app

  55. Demo Create an Ionic app for JHipster Generate entities that

    exist on gateway Deploy to emulator Deploy to phone https://github.com/oktadeveloper/ okta-ionic-jhipster-example
  56. Part 5 JHipster Roadmap What You Learned What’s Next for

    JHipster
  57. What You Learned

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

  59. What’s Next for JHipster? JHipster v5.0 June 2018 start.jhipster.tech Spring

    WebFlux Support Blueprint Support React Support
  60. The JHipster Mini-Book
 Written with Asciidoctor Free download from InfoQ:

    infoq.com/minibooks/jhipster-mini-book-5 Quick and to the point, 182 pages Developed a real world app: www.21-points.com v5.0 released November 13, 2018!
  61. Learn More stackoverflow.com Spring Boot spring.io/guides JHipster www.jhipster.tech Okta APIs

    developer.okta.com
  62. developer.okta.com/blog @oktadev

  63. React PWA with JHipster 5 developer.okta.com/blog/2018/06/25/react-spring-boot-photo-gallery-pwa

  64. Action: Try JHipster! JHipster 5 Demo github.com/mraible/jhipster5-demo youtu.be/-VQ_SVkaXbs 21-Points Health

    github.com/mraible/21-points infoq.com/minibooks/jhipster-mini-book-5
  65. git clone https://github.com/oktadeveloper/okta-spring-webflux-react- example.git github.com/oktadeveloper/okta-jhipster-microservices-oauth-example Use the Source, Luke!

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

    developer.okta.com
  67. developer.okta.com