Search⌘ K
Home
Courses
Microservice Architecture: Practical Implementation

ESI in Order & Common

Explore how to implement server-side integration using Edge Side Includes (ESI) in microservices. This lesson covers embedding ESI tags in HTML to include common elements like headers and navigation bars, illustrates an asset server approach, and explains how ESI supports dynamic content and loose coupling without impacting the core applications.

We'll cover the following...

Order microservice #

The order microservice offers a normal web interface, which has been supplemented with ESI tags in some places.

A typical HTML page of the order microservice looks like this:

HTML
<html>
<head>
  ...
  <esi:include src="/common/header"></esi:include>
</head>
<body>
  <div class="container">
    <esi:include src="/common/navbar"></esi:include>
    ...
  </div>
  <esi:include src="/common/footer"></esi:include>
</body>
</html>

HTML with ESI tags in the example #

The order microservice is available at port 8090 of the Docker host. The output goes past the Varnish and still contains the ESI tags. At http://localhost:8090/ the HTML with the ESI tags can be viewed.

The ESI tags look like normal HTML tags. They only have an esi prefix. Of course, a web browser cannot interpret them.

ESI tags in the HTML head

...