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.

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

4. Authentication Standards

5. 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?

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

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

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

10. Latest trends in JavaLand?
Microservices
Embedded App Servers
Deployment with Containers
Environments: dev, test, production
Annotations
Monitoring

11. 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

12. SPRING INITIALIZR @ start.spring.io

13. @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> {
}

14. @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>

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

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

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

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

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

23. @spring_io
#springio17
GitHub Star Growth

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

25. JHipster www.jhipster.tech

26. #DevoxxPL
JHipster is Open Source
Web Statistics, August 2017
319K Page Views / 422K on GitHub
41K Downloads
GitHub Statistics
8075 Stars
361 Contributors

27. 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

28. 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

29. 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!

30. Demo Entity Diagram

31. Get Started with JHipster 4 Demo

32. JHipster Tools
IntelliJ IDEA, Eclipse, Netbeans, and Visual Studio Code
Vagrant JHipster Development Box
Docker Installation
Docker Compose
JDL and JDL Studio
JHipster-UML

34. JHipster is Knowledge

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
www.infoq.com/minibooks/jhipster-mini-book

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

37. 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

38. 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

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

40. 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

41. developer.okta.com/blog

42. https://virtualjug.com/building-robust-apis-and-apps-with-spring-boot-and-angular/

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

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