Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Develop Hip APIs and Apps with Spring Boot and Angular - Connect.Tech 2017

Matt Raible
September 21, 2017

Develop Hip APIs and Apps with Spring Boot and Angular - Connect.Tech 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.

Matt Raible

September 21, 2017

More Decks by Matt Raible

Other Decks in Programming


  1. Matt Raible | @mraible Develop Hip APIs and Apps with

    Spring Boot and Angular September 21, 2017 Connect.Tech https://www.flickr.com/photos/rockmixer/2806330093
  2. Blogger on raibledesigns.com Web Developer and Java Champion Father, Skier,

    Mountain Biker, Whitewater Rafter Open Source Connoisseur Who is Matt Raible? Bus Lover Okta Developer Advocate
  3. 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?
  4. Java 8 Parallel Collections JSR 310 Date and Time API

    Functional Interfaces with default method Lambda Expressions (a.k.a. Closures) Nashorn JavaScript Engine
  5. Hipster n. noun 1. One who is exceptionally aware of

    or interested in the latest trends and tastes.
  6. Latest trends in JavaLand? Microservices Embedded App Servers Deployment with

    Containers Environments: dev, test, production Annotations Monitoring
  7. 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
  8. @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<Blog, Long> { }
  9. @SpringBootApplication class NotesApplication fun main(args: Array<String>) { 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<Note, Long>
  10. Latest trends in Web Development? Progressive Web Applications JavaScript MVC

    Frameworks CSS 3 with Animations Mobile First Front-End Optimization REST APIs
  11. @spring_io #springio17 Jobs on Indeed September 2017 0 1,750 3,500

    5,250 7,000 Angular Aurelia Backbone Ember Knockout React Vue
  12. @spring_io #springio17 Stack Overflow Tags September 2017 0 20,000 40,000

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

    80,000 Angular Aurelia Backbone Knockout Ember React Vue
  14. #DevoxxPL JHipster is Open Source Web Statistics, August 2017 319K

    Page Views / 422K on GitHub 41K Downloads GitHub Statistics 8075 Stars 361 Contributors
  15. 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
  16. 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
  17. Generate a basic blog application Look at its files and

 Generate the CRUD entities Limit blogs to current user, allow HTML Deploy to Demo Time! … all in 20 minutes!
  18. JHipster Tools IntelliJ IDEA, Eclipse, Netbeans, and Visual Studio Code

    Vagrant JHipster Development Box Docker Installation Docker Compose JDL and JDL Studio JHipster-UML
  19. 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 www.infoq.com/minibooks/jhipster-mini-book
  20. 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
  21. Project Creation Entities Generated Biz Logic and UI 0 5000

    10000 15000 20000 2,955 2,653 1,827 7,261 6,826 4,256 8,078 7,431 5,612 Java TypeScript HTML Lines of Code by Language
  22. 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
  23. 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