🚀 6.2 LiveReload: O Fim da Tecla F5

O LiveReload é o complemento perfeito para o DevTools. Enquanto o DevTools cuida do servidor, o LiveReload garante que o seu navegador reflita as mudanças automaticamente, eliminando a necessidade de atualizar a página manualmente.

Como Funciona o Ciclo de Elite?

O Spring Boot DevTools inclui um servidor LiveReload embutido. Quando a aplicação reinicia ou um arquivo estático é alterado, ele envia um sinal para o navegador.

graph LR
    IDE[Alteração no Código] -->|Save| DT[Spring DevTools]
    DT -->|Reinício| SRV[App Server]
    DT -->|Signal| LR_EXT[LiveReload Extension]
    LR_EXT -->|Refresh| Browser[Chrome / Firefox]

Passo a Passo da Instalação

  1. Extensão do Navegador: Instale a extensão “LiveReload” (disponível para Chrome, Firefox e Safari) via livereload.com/extensions.
  2. Ativação: Ao abrir sua aplicação (http://localhost:8080), clique no ícone da extensão. O círculo central ficará preenchido (geralmente preto), indicando que a conexão foi estabelecida.

Testando a Produtividade

  1. Abra o index.html da Green Dog Delivery.
  2. Altere o título <h1>.
  3. Salve o arquivo.
  4. Observe o navegador atualizar sozinho em menos de 1 segundo!

TIP

Dica de Engenheiro: Se você estiver usando o IntelliJ IDEA, certifique-se de que a opção “Build project automatically” está marcada e que o registro compiler.automake.allow.when.app.running (em versões mais antigas) ou a opção nas configurações de Advance Settings está ativada.

Com o feedback visual instantâneo, você está pronto para levar sua infraestrutura para o próximo nível com Docker.


⬅️ Capítulo Anterior | Próximo Capítulo ➡️