Overslaan naar hoofdinhoud

Spring DevTools

Openen in ChatGPT

Spring DevTools biedt automatische herstart van de app bij codewijzigingen. webforJ DevTools voegt automatische browserverversing toe - wanneer Spring je app herstart, ververst de browser automatisch via de LiveReload-server van webforJ.

Verschillende bestandstypen veroorzaken verschillende herlaadgedragingen. Wijzigingen in Java-code veroorzaken een volledige Spring-herstart en browserverversing. Wijzigingen in CSS en afbeeldingen worden bijgewerkt zonder een pagina te herladen, waardoor formuliergegevens en appstatus behouden blijven.

Frontend wijzigingen

Wijzigingen onder src/main/frontend worden afgehandeld door de frontend watch, die ze opnieuw opbouwt en de browser ververst naast de server.

Understanding webforJ DevTools​

webforJ breidt Spring DevTools uit met browser-synchronisatie. Wanneer Spring bestandswijzigingen detecteert en herstart, ververst webforJ DevTools automatisch je browser.

Reload behavior​

Verschillende bestandstypen veroorzaken verschillende herlaadstrategieën:

  • Java-bestanden: Volledige browserpagina-herlading na Spring-herstart
  • JavaScript-bestanden: Volledige browserpagina-herlading na Spring-herstart
  • CSS-bestanden: Stijlupdates zonder pagina-herlading
  • Afbeeldingen: Verversing ter plaatse zonder pagina-herlading

Dependencies​

Voeg zowel Spring DevTools als webforJ DevTools aan je project toe:

pom.xml
<dependency>
  <groupId>org.springframework.boot</groupId>
  <artifactId>spring-boot-devtools</artifactId>
  <optional>true</optional>
</dependency>

<dependency>
  <groupId>com.webforj</groupId>
  <artifactId>webforj-spring-devtools</artifactId>
  <version>${webforj.version}</version>
  <optional>true</optional>
</dependency>

Configuration​

Schakel webforJ DevTools in je application.properties-bestand in:

application.properties
# Schakel webforJ browser auto-herladen in
webforj.devtools.livereload.enabled=true

# Schakel directe afsluiting in voor snellere herstarts
server.shutdown=immediate

Advanced configuration​

Configureer de WebSocket-verbinding en herlaadgedrag:

application.properties
# WebSocket-serverpoort (standaard: 35730)
webforj.devtools.livereload.websocket-port=35730

# WebSocket-eindpuntpad (standaard: /webforj-devtools-ws)
webforj.devtools.livereload.websocket-path=/webforj-devtools-ws

# Heartbeat-interval in milliseconden (standaard: 30000)
webforj.devtools.livereload.heartbeat-interval=30000

# Schakel hot reload in voor statische middelen (standaard: true)
webforj.devtools.livereload.static-resources-enabled=true

25.03 Configureer het openen van de browser bij het starten van de app:

application.properties
# Schakel het openen van de browser in (standaard: false)
webforj.devtools.browser.open=true

# localhost, hostnaam of IP-adres (standaard: localhost)
webforj.devtools.browser.host=localhost