Developing Microservices and Mobile Apps with JHipster - Connect.Tech 2018

Developing Microservices and Mobile Apps with JHipster - Connect.Tech 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!



Matt Raible

October 18, 2018


  1. Developing Microservices and Mobile Apps with JHipster October 18, 2018

    + = Matt Raible | @mraible Photo by Frank Kehren
  2. Blogger on and Web Developer and Java Champion

    Father, Skier, Mountain Biker, Whitewater Rafter Open Source Connoisseur Who is Matt Raible? Bus Lover Okta Developer Advocate
  3. None
  4. None

  6. Supported Authentication and Authorization Standards

  7. What About You?

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

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

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

  12. None
  13. “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
  14. “Do one thing and do it well.”

  15. “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
  16. None
  17. None

  19. None
  20. Microservices with Spring Boot

  21. Demo Using, 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 boot-microservices-example
  22. Microservices with JHipster What is JHipster? Installing and Using JHipster

    JHipster’s Microservice Features Progressive Web Applications Overview Part 2
  23. What is JHipster?

  24. 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
  25. 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

  27. Back to redirect URI with authorization code Exchange code

    for access token and ID token Email ********** Go to authorization server Redirect URI: Scope: openid profile Authorization Server Connect with Google Resource owner Client 
 Allow Yelp to access your public profile and contacts? No Yes Request consent from resource owner Hello Matt! Get user info 
 with access token /userinfo OAuth 2.0 and OIDC
  28. Monolith Examples JHipster 5 Demo 21-Points Health
  29. Progressive Web Apps Originate from a secure origin, load while

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

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

  32. 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 jhipster-microservices-oauth-example
  33. Part 3 Deploy to the Cloud Options for Deploying JHipster

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

    and deploy microservice Build and deploy gateway
  35. For monoliths: jhipster cloudfoundry For microservices: Deploy JHipster Registry Build

    and deploy microservice Build and deploy gateway
  36. Using Elastic Container Service jhipster aws-containers Using Elastic Beanstalk jhipster

    aws Boxfuse boxfuse run -env=prod
  37. mvn package -Pprod jib:dockerBuild jhipster kubernetes ./ kubectl get svc

    gateway develop-microservices-with-jhipster
  38. Demo Build Your JHipster App for Production Deploy with Kubernetes

    and Minikube Deploy to Google Cloud jhipster-microservices-example
  39. Part 4 Developing Mobile Apps with JHipster What is Ionic?

    Why? Ionic Module for JHipster JWT and OIDC Support Entity Generator
  40. Ionic Ionic Framework Develop Hybrid & PWA Apps Stencil

    Vanilla Web Components PWA Toolkit Lightning fast PWAs team/ionic-pwa-toolkit
  41. 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).
  42. How is a mobile app for JHipster different from its

    Angular UI?
  43. Run it! yo jhipster-ionic Ionic Module for JHipster Because Ionic

    Apps need some JHipster too! Install Ionic and the Ionic Module for JHipster, using npm: npm install -g ionic generator-jhipster-ionic Profit!
  44. Create an app: ignite new myapp -b ignite-jhipster 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
  45. Demo Create an Ionic app for JHipster Generate entities that

    exist on gateway Deploy to emulator Deploy to phone okta-ionic-jhipster-example
  46. Part 5 JHipster Roadmap What You Learned What’s Next for

  47. What You Learned

  48. What’s Next for JHipster? JHipster v5.0 June 2018 Spring

    WebFlux Support Blueprint Support React Support
  49. React PWA with JHipster 5

  50. The JHipster Mini-Book
 Written with Asciidoctor Quick and to

    the point, 160 pages Developed a Real World App: Free Download from InfoQ:
  51. Learn More Spring Boot JHipster Okta APIs
  52. @oktadev

  53. Thanks! Keep in Touch @mraible Presentations Code
  54. @oktadev