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

Micro Frontends

Micro Frontends

E6c61f085d7aceaf97b7bd00e9195514?s=128

SQUER Solutions

November 07, 2019
Tweet

Transcript

  1. None
  2. API Gateway Microservice Microservice Microservice DB DB DB SPA

  3. None
  4. ✔️ ✔️ ✔️ ✔️ ✔️ ✔️

  5. Microservice API Gateway SPA Microservice Microservice DB DB DB ❌

    ❌ ❌ ❌ ❌
  6. Microservice API Gateway SPA Microservice Microservice DB DB DB SPA

    API Gateway
  7. μService Ordering μService DB μService μService DB DB Catalogue Profile

    μService DB DB
  8. None
  9. μService Ordering μService DB μService μService DB DB Catalogue Profile

    μService DB DB ✔️ ✔️ ✔️ ✔️ ✔️ ✔️
  10. μService Ordering μService DB μService μService DB DB Catalogue Profile

    μService DB DB
  11. Dashboard Profile Profile μService DB Catalogue μService DB Catalogue Ordering

    Ordering μService DB Dashboard μService DB
  12. Dashboard Profile Catalogue Ordering Ordering Catalogue Hyperlink Hyperlink Dashboard One

    “Micro Frontend” per page. 2...n Micro Frontends per page.
  13. None
  14. ❌ ❌ ❌ ✔️ ✔️ ✔️

  15. None
  16. Article Article Article new Article Article Page Article Page Article

    Page Article Page Static Files Rebuild Angular Photon
  17. None
  18. header fragment μService account fragment μService catalogue fragment μService ...

  19. ✔️ ✔️ ✔️ ✔️ ✔️ ✔️

  20. None
  21. ✔️ ✔️ ✔️ ✔️ ✔️ ✔️

  22. Server Browser

  23. None
  24. None
  25. <!–- SSIs --> <!--#include … --> <!--#include … -->

  26. None