Get Hip with Java Hipster - JavaOne 2017

Building a modern web application requires a lot of tools, frameworks, and techniques. This session shows how JHipster unites popular frameworks such as Angular, Spring Boot, and Bootstrap. Learn how Yeoman, a scaffolding tool for modern web apps, works with JHipster to generate a project that uses Java 8, SQL or NoSQL databases, Spring profiles, Maven or Gradle, Webpack, WebSockets, and BrowserSync. It also supports a number of different authentication mechanisms, including classic session-based auth, OAuth 2.0, and JWT-based authentication. For production deployments, JHipster includes out-of-the-box support for AWS, Cloud Foundry, Heroku, Docker, and Kubernetes.

Source code from demo: https://github.com/mraible/javaone2017-jhipster-demo

Transcript

1. Matt Raible | @mraible
   Get Hip with JHipster
   October 3, 2017
   Photo Credit: https://www.flickr.com/photos/craigfildes/30894503974
   

   View Slide

2. View Slide

3. View Slide

4. public class Okta {
   public Okta(DeveloperDNA developerDna) {
   DeveloperRelations devRel = developerDna.getDeveloperRelations();
   Assert.notNull(devRel,"Developer Relations is required to operate effectively.");
   Set team = devRel.getTeam();
   Assert.isTrue(!team.isEmpty(),"Team cannot be empty.");
   Assert.isTrue(!devRel.getSdks().isEmpty(), "SDKs required for developers.");
   }
   }
   

   View Slide

5. Authentication Standards
   

   View Slide

6. What about YOU?
   Are you a Java Developer? Web Developer?
   
   How long have you been doing web development?
   
   Do you like JSF? Do you like GWT?
   
   Do you like JavaScript?
   

   View Slide

7. Do you want to be a hip Java Developer?
   

   View Slide

8. Java 8
   Parallel Collections
   
   JSR 310 Date and Time API
   
   Functional Interfaces with default method
   
   Lambda Expressions (a.k.a. Closures)
   
   Nashorn JavaScript Engine
   

   View Slide

9. Hipster
   n. noun
   
   1. One who is exceptionally aware of or interested in the latest trends
   and tastes.
   

   View Slide

10. View Slide

11. Latest trends in JavaLand?
    Microservices
    
    Embedded App Servers
    
    Deployment with Containers
    
    Environments: dev, test, production
    
    Auto-Configuration
    
    Monitoring
    

    View Slide

12. Spring Boot
    Automatically configures Spring whenever possible
    
    Provides production-ready features such as metrics,
    health checks and externalized configuration
    
    Absolutely no code generation and no requirement for
    XML configuration
    
    Embeds Tomcat, Jetty or Undertow directly
    

    View Slide

13. SPRING INITIALIZR @ start.spring.io
    

    View Slide

14. @SpringBootApplication
    public class DemoApplication {
    public static void main(String[] args) {
    SpringApplication.run(DemoApplication.class, args);
    }
    }
    @Entity
    class Blog {
    @Id
    @GeneratedValue
    private Long id;
    private String name;
    // getters, setters, toString(), etc
    }
    @RepositoryRestResource
    interface BlogRepository extends JpaRepository {
    }
    

    View Slide

15. @SpringBootApplication
    class NotesApplication
    fun main(args: Array) {
    SpringApplication.run(NotesApplication::class.java, *args)
    }
    @Entity
    data class Note(@Id @GeneratedValue var id: Long? = null,
    var text: String? = null,
    @JsonIgnore var user: String? = null)
    @RepositoryRestResource
    interface NotesRepository : JpaRepository
    

    View Slide

16. View Slide

17. @spring_io
    #springio17
    Microservices with Spring Boot
    https://developer.okta.com/blog/2017/06/15/build-microservices-architecture-spring-boot
    

    View Slide

18. Latest trends in Web Development?
    Progressive Web Applications
    
    JavaScript MVC Frameworks
    
    CSS 3 with Animations
    
    Mobile First
    
    Front-End Optimization
    
    REST APIs
    

    View Slide

19. View Slide

20. View Slide

21. @spring_io
    #springio17
    Jobs on Indeed
    September 2017
    0
    1,750
    3,500
    5,250
    7,000
    Angular Aurelia Backbone Ember Knockout React Vue
    

    View Slide

22. @spring_io
    #springio17
    Stack Overflow Tags
    September 2017
    0
    20,000
    40,000
    60,000
    80,000
    Angular Aurelia Backbone Knockout Ember React Vue
    

    View Slide

23. @spring_io
    #springio17
    GitHub Stars
    August 2017
    0
    20,000
    40,000
    60,000
    80,000
    Angular Aurelia Backbone Knockout Ember React Vue
    

    View Slide

24. @spring_io
    #springio17
    GitHub Star Growth
    

    View Slide

25. Wouldn’t it be hip if…?
    ⚭
    

    View Slide

26. JHipster www.jhipster.tech
    

    View Slide

27. JHipster is Open Source
    Web Statistics, September 2017
    
    312K Page Views / 455K on GitHub
    
    42K Downloads
    
    GitHub Statistics
    
    8165 Stars
    
    366 Contributors
    

    View Slide

28. JHipster
    Spring Boot
    
    Spring Security
    
    AngularJS
    
    Angular
    
    Bootstrap
    
    Metrics
    
    Maven or Gradle
    
    Authentication Type: cookie-based (with
    Social), JWT, or OAuth 2.0
    
    Type of Database: SQL or NoSQL
    
    Caching: EhCache or Hazelcast
    
    Elasticsearch
    
    Gulp.js or Webpack
    Foundational Frameworks Project Options
    

    View Slide

29. How to use JHipster
    To install JHipster and Yeoman, use npm:
    npm install -g yo generator-jhipster
    Then create a directory and cd into it:
    mkdir myapp && cd myapp
    Then run Yeoman:
    yo jhipster
    

    View Slide

30. Generate a basic blog application
    
    Look at its files and configuration
    
    

    Generate the CRUD entities
    
    Limit blogs to current user, allow HTML
    
    Deploy to
    Demo Time!
    … all in 20 minutes!
    ☁
    

    View Slide

31. Demo Entity Diagram
    

    View Slide

32. Get Started with JHipster 4 Demo
    https://github.com/mraible/jhipster4-demo
    https://www.youtube.com/watch?v=XRREt1KB4Y8
    

    View Slide

33. View Slide

34. JHipster is Knowledge
    

    View Slide

35. The JHipster Mini-Book
    Written with Asciidoctor
    
    Quick and to the point, 130 pages
    
    Developed a Real World App:
    
    www.21-points.com
    
    Free Download from
    
    infoq.com/minibooks/jhipster-4-mini-book
    

    View Slide

36. Lines of Code in 21-Points
    0
    5750
    11500
    17250
    23000
    Project Created Entities Generated Business Logic and UI
    22,876
    21,355
    15,173
    

    View Slide

37. Learn More
    twitter.com/java_hipster
    
    www.jhipster.tech
    
    github.com/jhipster/generator-jhipster
    
    Get Started with JHipster 4: https://youtu.be/XRREt1KB4Y8
    
    JHipster Microservices, Google Cloud, and Kubernetes

    https://youtu.be/dgVQOYEwleA
    

    View Slide

38. Getting Help
    stackoverflow.com/tags/jhipster
    
    gitter.im/jhipster/generator-jhipster
    
    github.com/jhipster/.../CONTRIBUTING.md
    
    groups.google.com/.../jhipster-dev
    

    View Slide

39. What’s New and Next?
    http://start.jhipster.tech now available!
    
    JHipster Registry v3
    
    Spring Boot 2.0 / Spring Webflux
    
    React Support
    
    OAuth 2.0 / OIDC Support
    https://www.slideshare.net/julien.dubois/jhipster-overview-and-roadmap-august-2017
    

    View Slide

40. developer.okta.com/blog
    

    View Slide

41. developer.okta.com
    

    View Slide

42. Action!
    Try Spring Boot
    
    Try Angular
    
    Try JHipster
    
    Explore PWAs
    
    Enjoy the bootiful experience!
    

    View Slide

43. Questions?
    Keep in touch!
    
    raibledesigns.com
    
    @mraible
    
    Presentations
    
    speakerdeck.com/mraible
    
    Code
    
    github.com/oktadeveloper
    

    View Slide