During this session, we will present JHipster, an Open Source application platform for creating Spring Boot + Angular/React projects in seconds. Learn about JHipster's community and how it is run as a global project across the globe. We will demonstrate the integration of some Microsoft Products, like: - Visual Studio Code and the integration with the JHipster Domain Language (JDL) - Azure Pipelines, which are used by our Continuous Integration and Daily Builds - GitHub Actions, which is in our roadmap

1. When JHipster meets Microsoft

2. Speakers
Anthony VIARD
Practice Manager
at Ippon Technologies
JHipster Core Team member
@avdev4j
Pascal GRIMAUD
Practice Technical Leader
at Ippon Technologies
JHipster co-Lead
@pascalgrimaud

3. What is JHipster ?

4. ● JHipster is an application generator
● Help you to generate your application
● State of art applications
○ Backend Spring Boot
○ Angular / React / Vue.js frontend
○ Preconfigured tools like Maven or Gradle
○ Cloud and Production ready
● 100% Open Source
● Free and public
What is JHipster?

5. ● Angular / React / Vuejs
● HTML5 Boilerplate
● Twitter Bootstrap
● Responsive Web Design
● Websockets
● Spring Boot
● Spring Security
● JPA, MongoDB, Cassandra,
Couchbase
● Elasticsearch
● Ehcache, HazelCast, caffeine,
redis
● Metrics
● Maven, Gradle
● Webpack, BrowserSync
● JUnit, Gatling, Jest,
Protractor
● Docker, Cloud Foundry,
Heroku, AWS,
Kubernetes, OpenShift
Front-end Back-end Tools
Technical stack

6. ...but also blueprints
Used to customise generators by redefine all or a part of JHipster

7. - For advanced needed, JHipster could generate a fully microservices
architecture based on the Netflix stack
- API gateway(s), service registry and discovery, security, monitoring…
Are ready in few minutes
- With the same experience than a monolith!
Microservices Architecture

8. Why using JHipster?
Gains on each project steps
- Design: reduce starting time by 6 weeks
- Build: the generated code is a solid base
for developing high quality applications
on long term
- Run: ready to prod

9. JHipster, obviously a strong
community

10. A world community...
The core team

11. Some statistics
● 33 core team members
● More than 530 contributors, including companies likes Google, Red Hat and
Salesforce
● 15,000 stars recently reached on GitHub
● 112k installations per month
● Dozens of conferences in the world, many books published

12. … And very active
More than 40 talks across the
world in 2019.
France USA Spain Lithuania UK
Ireland Serbia Italia
Luxembourg Morocco
Germany Portugal India

13. ● Our Open Collective campaign is a huge
success
○ Our budget is nearly $45,000/year
○ There are still sponsoring slots
available if you want 😁
● Current bug bounty system works very well
○ Clearly helps the project go forward
○ Motivates people
● We have updated our bug bounties system
this month
○ We now have $100, $200, $300 and
$500 bounties!
Open Collective & Bug bounties!

14. Join us !

15. How to contribute ?
D
● Contributions are open for all
● All ideas are welcome
You have to respect our code of conduct
And read our contributor guide
When you are ready, come to see us on GitHub

16. JHipster Journey
by JHipster practice
By the JHipster practice
The faster way to the community
JHipster
360
JHipster
Thread
JHipster
Events
A full day of
introduction /
formation to JHipster
with a practice
member.
We define, together, your
first subject of
contribution according
to your skills and
wishes.
We help you to
participate and
talk about
JHipster in
meetups and
conferences
Black belt program
A personalized course
with a mentor, levels based on Judo belt colors to be better than
yesterday !
One JHipster day per month !

17. Start with JHipster !

18. Free Tutorials : JHipster Guides
● New tutorials
○ Use Google Cloud Shell
○ Free and open source
● Nothing to install
○ Just you, your navigator and a Google
account
○ Perfect for new users
● Test it and contribute :
https://github.com/jhipster/jhipster-guides

19. JHipster online
start.jhipster.tech

20. Visual Studio Code with JDL

21. ● JDL for JHipster Domain Language
The JDL is a JHipster-specific domain language where you can describe all your applications, deployments, entities and their
relationships in a single file (or more than one) with a simple and user-friendly syntax.
JD… WHAT
entity Conference {
name String
schedule Instant
}
entity Speaker {
name String
company String
}
relationship OneToMany {
Speaker to Conference
}
application {
config {
baseName sampleMsIgnite
applicationType monolith
}
entities Conference, Speaker
}

22. JHipster IDE - Visual Studio Code
Syntax coloring
Auto-completion
Error checking
Also available for Eclipse...

23. Demo time !
Let’s coding our JDL and generate an
application

24. Continuous Integration
& Continuous Delivery

25. ● Idea / Business needs
● Define the Architecture
● Generate the project with JHipster
● Design your model with JDL
● Developer
○ Frontend part
○ Backend part
● DevOps
○ Continuous Integration (CI)
○ Continuous Deployment (CD)
Lifecycle of a Project

26. ● Cloud service
○ Continuous Integration (CI) and Continuous Deployment (CD)
○ Manage an automated software development lifecycle workflow
○ Build, test and deploy
● Pipelines for Linux, macOS, Windows and Containers
● Pricing
○ Free
○ 20 total concurrent jobs
● Directly integrated to GitHub
GitHub Actions: description

27. ● Quick demo on https://github.com/
● Create a new repository
● Go to Actions
● Create a workflow
GitHub Actions: quick demo

28. ● Support of GitHub Actions
○ since the last version: v6.5.0
● Launch: jhipster ci-cd
○ Jenkins pipeline
○ Azure Pipelines
○ GitLab CI
○ GitHub CI
○ Travis CI
CI / CD Sub-Generator

29. name: Application CI
on: [push, pull_request]
jobs:
applications:
name: jhipsterSampleApplication test suite
runs-on: ubuntu-latest
timeout-minutes: 40
env:
NODE_VERSION: 12.13.0
SPRING_OUTPUT_ANSI_ENABLED: DETECT
SPRING_JPA_SHOW_SQL: false
JHI_DISABLE_WEBPACK_LOGS: true
NG_CLI_ANALYTICS: false
steps:
- uses: actions/checkout@v1
- uses: actions/setup-node@v1
with:
node-version: 12.13.0
GitHub Actions with JHipsterExample of generated github-ci.yml
- uses: actions/setup-java@v1
with:
java-version: '11.x'
- name: Stop MySQL server
run: sudo /etc/init.d/mysql stop
- name: Install node.js packages
run: npm install
- name: Run backend test
run: |
chmod +x mvnw
./mvnw -ntp clean verify -P-webpack
- name: Run frontend test
run: npm run test
- name: Package application
run: ./mvnw -ntp package -Pprod -DskipTests

30. ● Generate a github-ci.yml file
● Configure tools
○ Node
○ Java
● Run backend unit tests and integration tests
○ Maven
○ Gradle
● Run frontend tests
○ NPM
○ Yarn
● Package your application
github-ci.yml : description

31. GitHub Actions : results

32. The Power of Azure Pipelines

33. ● All Open Source Projects hosted under GitHub
● 83 repositories
● External services:
○ NPM
○ Maven Central
○ Docker Hub
○ SonarCloud
○ Travis CI, Azure Pipelines, GitHub Actions
JHipster organization

34. ● Type: Monolithic, Gateway, Microservices, UAA server, Reactive applications
● Security : JWT, HTTP Session, OAuth2
● Database : MySQL, MariaDB, PostgreSQL, MongoDB, Cassandra, CouchBase
● Back : Maven, Gradle
● Cache: Ehcache, Caffeine, Hazelcast, Infinispan, Memcached, Redis
● Option : Elasticsearch, WebSockets, Kafka, OpenAPI-generator
● Front : Angular, React
● Internationalization (more than 40 languages)
JHipster options

35. ● An environment
● The installation of tools
○ NodeJS, NPM, Yarn, Java, Git
● The jhipster library
● The generator-jhipster
● The generated application
○ Backend tests: unit tests and integration tests
○ Frontend tests
○ Packaging
○ End-to-end tests
What do we need to test ?

36. ● Organization: https://github.com/hipster-labs
● Daily builds project
● Old project:
○ https://github.com/hipster-labs/jhipster-travis-build
○ We were using Travis-CI
● New project:
○ https://github.com/hipster-labs/jhipster-daily-builds
○ Everything were migrated to Azure Pipelines
Specific organization: Hipster-Labs

37. ● Cloud service
○ Continuous Integration (CI) and Continuous Deployment (CD)
○ Build and test your code
○ Deploy to an Artifactory or to the Cloud
● Pipelines for Linux, macOS and Windows
● Pricing
○ Free for Open Source projects
○ 10 free parallel jobs with unlimited minutes per months
● Very well integrated to GitHub, using the Marketplace
● See https://azure.microsoft.com/fr-fr/services/devops/pipelines/
Azure Pipelines

38. ● Angular vs React
● Maven vs Gradle
● SQL vs NoSQL vs No database
● Monolithic vs Gateway/Microservices
● JDL with different cache system
What do we test ?

39. ● List of builds
○ https://dev.azure.com/hipster-labs/jhipster-daily-builds/_build
● Dashboard
○ https://dev.azure.com/hipster-labs/jhipster-daily-builds/_dashboards/dash
board/838f7bd8-7cb5-4bad-a47d-362df39abb27
● Statistics:
○ More than 100 builds per days
● Goal
○ Less compilation failures as possible
○ Best quality
Azure Pipelines: results

40. ● Let’s create an Azure Pipelines for your JHipster project
● Pre-requisites:
○ An Azure DevOps account
○ Create a project
Azure Pipelines: demo

41. Azure Spring Cloud

42. ● New cloud deployment for JHipster
● Publicly available since the last week
● Fully managed Spring PaaS
● Perfect for Microservices Architecture
○ Managed Service Discovery
○ Managed Config Server
○ Blue / Green deployment
● Just launch: jhipster azure-spring-cloud
Azure Spring Cloud

43. Thank you.
Enjoy Microsoft Ignite !
@jhipster
@MS_Ignite