Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Upcoming SlideShare
What to Upload to SlideShare
Next

4

Share

The new Voxxed websites with JHipster, Angular and GitLab

The soon-to-be-released-brand-new Voxxed and VoxxedDays websites are data driven by the existing Devoxx and Voxxed Days CFP websites. During this talk, he will demo and explain how the new websites were designed & developed using technologies like JHipster, Angular 5, PrimeNG and CI/CD using GitLab.

As a side effect, the CFP admin orchestration web app has been created which allows event organisers to configure and start a CFP instance on the fly using Docker.

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all

The new Voxxed websites with JHipster, Angular and GitLab

  1. 1. The new Voxxed websites with JHipster, Angular and GitLab by Stephan Janssen @stephan007#Voxxed
  2. 2. • Founder of Devoxx • Co-founder of Voxxed (Days) • Co-founder Devoxx4Kids • Java Champion • Passionate Developer • @Stephan007 Who am I ?
  3. 3. Agenda • Objective • Development • Design • Deployment • Next steps @stephan007#Voxxed
  4. 4. Objective Devoxxians import talks & ratings Call For Papers App @stephan007#Voxxed Backend Call For Papers App Call For Papers App Call For Papers App Call For Papers App Call For Papers App
  5. 5. Development
  6. 6. @stephan007#Voxxed
  7. 7. @stephan007#Voxxed
  8. 8. @stephan007#Voxxed
  9. 9. jhipster import-jdl voxxed.jh @stephan007#Voxxed
  10. 10. @stephan007#Voxxed
  11. 11. @stephan007#Voxxed
  12. 12. @stephan007#Voxxed
  13. 13. @stephan007#Voxxed
  14. 14. Query by Example @stephan007#Voxxed
  15. 15. @stephan007#Voxxed
  16. 16. @stephan007#Voxxed
  17. 17. @stephan007#Voxxed
  18. 18. Deployment
  19. 19. JHipster & Docker @stephan007#Voxxed
  20. 20. @stephan007#Voxxed
  21. 21. @stephan007#Voxxed
  22. 22. .gitlab-ci.yml
  23. 23. .gitlab-ci.yml
  24. 24. .gitlab-ci.yml
  25. 25. .gitlab-ci.yml
  26. 26. .gitlab-ci.yml
  27. 27. .gitlab-ci.yml @stephan007#Voxxed
  28. 28. .gitlab-ci.yml @stephan007#Voxxed
  29. 29. Continuous Integration @stephan007#Voxxed
  30. 30. @stephan007#Voxxed
  31. 31. Let’s do more… Backend Admin import Call For Papers App @stephan007#Voxxed voxxed.com voxxedDays.com search Call For Papers App Call For Papers App Call For Papers App Call For Papers App
  32. 32. and more Backend Admin deploy Call For Papers App @stephan007#Voxxed voxxed.com voxxedDays.com search Call For Papers App Call For Papers App Call For Papers App Call For Papers App
  33. 33. Design
  34. 34. @stephan007#Voxxed
  35. 35. @stephan007#Voxxed
  36. 36. @stephan007#Voxxed
  37. 37. Backend Admin deploy Call For Papers App @stephan007#Voxxed voxxed.com voxxedDays.com search Call For Papers App Call For Papers App Call For Papers App Call For Papers App
  38. 38. MacroService Gateway MacroService @stephan007#Voxxed Gateway Gateway MicroService
  39. 39. MacroService Gateway MacroService @stephan007#Voxxed Gateway Gateway Serverless
  40. 40. Gateway MacroService @stephan007#Voxxed Gateway Gateway Serverless ms ms ms ms ms ms msmsms
  41. 41. JHipster Microservices @stephan007#Voxxed Client Side Load Balancer Service Registry Dynamic Routing, Monitoring, Security, …
  42. 42. @stephan007#Voxxed
  43. 43. Deployment v2
  44. 44. @stephan007#Voxxed
  45. 45. @stephan007#Voxxed
  46. 46. @stephan007#Voxxed
  47. 47. @stephan007#Voxxed
  48. 48. [consulCatalog] endpoint = "consul:8500" exposedByDefault = true prefix = "traefik" frontEndRule = "PathPrefixStrip: /{{.ServiceName}}" Traefik.toml Couple days later… @stephan007#Voxxed
  49. 49. ./backend /voxxed /voxxeddays /consul https://beta.voxxed.com https://beta.voxxeddays.com https://api.voxxed.com https://consul.voxxed.com @stephan007#Voxxed
  50. 50. @stephan007#Voxxed
  51. 51. @stephan007#Voxxed
  52. 52. docker-compose.yml @stephan007#Voxxed
  53. 53. traefik.toml #Voxxed
  54. 54. traefik.toml #Voxxed
  55. 55. traefik.toml #Voxxed
  56. 56. Træfik Dashboard @stephan007#Voxxed
  57. 57. Browser Træfik SSO Gateway Microservice 1 Microservice 2 80:443 MySQL DB Gateway JHipster Registry MySQL DB Gateway Ribbon Zuul Proxy Ribbon Zuul Proxy Ribbon Zuul Proxy Eureka Server Config Server @stephan007#Voxxed Client Side Load Balancer Dynamic Routing, Monitoring, Security, …
  58. 58. Browser Træfik SSO voxxed.com Spinner Backend 80:443 MySQL DB voxxeddays. comJHipster Registry MySQL DB admin Elastic Docker CFP Redis @stephan007#Voxxed S3 Image Service
  59. 59. Rolling Updates? Scaling? …
  60. 60. VS Next Steps? @stephan007#Voxxed
  61. 61. Next Step @stephan007#Voxxed v0.6
  • dylanaut

    May. 12, 2018
  • GustavoCaraciolo

    Apr. 15, 2018
  • mraible

    Apr. 5, 2018
  • ippontech

    Mar. 27, 2018

The soon-to-be-released-brand-new Voxxed and VoxxedDays websites are data driven by the existing Devoxx and Voxxed Days CFP websites. During this talk, he will demo and explain how the new websites were designed & developed using technologies like JHipster, Angular 5, PrimeNG and CI/CD using GitLab. As a side effect, the CFP admin orchestration web app has been created which allows event organisers to configure and start a CFP instance on the fly using Docker.

Views

Total views

2,625

On Slideshare

0

From embeds

0

Number of embeds

2,208

Actions

Downloads

0

Shares

0

Comments

0

Likes

4

×