Сборка игры Mancala в микросервисах с использованием Spring Boot (Часть 3: Внедрение микросервиса в веб-клиент с использованием Vaadin)

KalahaGameComponent Class

KalahaGameComponent is a Horizontal Layout designed to include the three main layouts of the game including PlayerTurnLayout, GameLayout, and ActionsLayout.

@UIScope
@SpringComponent
@Slf4j
@Component
public class KalahaGameComponent extends VerticalLayout implements KeyNotifier {

    private final PitLayoutComponent pitLayoutComponent;

    private final PitComponent rightHouse ;
    private final PitComponent leftHouse ;

    final Label playerTurnLabel;
    final TextField playerTurnTextField;

    final Label winLabel;


    public KalahaGameComponent(PitLayoutComponent pitLayoutComponent, @Autowired GameController gameController) {
        this.pitLayoutComponent = pitLayoutComponent;

        this.playerTurnLabel = new Label("Player turn:");
        this.playerTurnTextField = new TextField("");
        this.playerTurnTextField.setReadOnly(true);

        // build layout for game information
        HorizontalLayout turnLayout = new HorizontalLayout(playerTurnLabel, playerTurnTextField);
        turnLayout.setAlignItems(Alignment.CENTER);
        add(turnLayout);

        rightHouse = new PitComponent(7 , gameController);
        rightHouse.setAlignItems(Alignment.CENTER);
        rightHouse.add(new Label("Player A"));

        leftHouse = new PitComponent(14, gameController);
        leftHouse.setAlignItems(Alignment.CENTER);
        leftHouse.add(new Label("Player B"));

        HorizontalLayout gameLayout = new HorizontalLayout(leftHouse, pitLayoutComponent, rightHouse);
        gameLayout.setAlignItems(Alignment.CENTER);

        add(gameLayout);

        // Adding the win layout
        winLabel = new Label("");
        winLabel.setVisible(false);
        winLabel.getStyle().set("font-size", "50px");
        winLabel.getStyle().set("color", "#ff0000");

        HorizontalLayout winLayout = new HorizontalLayout(winLabel);
        winLayout.setAlignItems(Alignment.CENTER);

        add(winLayout);

        setAlignItems(Alignment.CENTER);
    }

    public TextField getPlayerTurnTextField() {
        return playerTurnTextField;
    }

    public void fillMancala(KalahaGame game) {
        this.leftHouse.setStones(game.getLeftHouseStones().toString());
        this.rightHouse.setStones(game.getRightHouseStones().toString());
        this.pitLayoutComponent.fillPitStones(game);
    }

    public void newGame(KalahaGame game) {
        this.fillMancala(game);
        this.winLabel.setVisible(false);
    }

    @EventListener
    public void handleFlushEvent (SowEvent event) {
        KalahaGame game = event.getGame();
        this.fillMancala(game);
        this.playerTurnTextField.setValue(event.getGame().getPlayerTurn());

        Integer playerARemainingStones = game.getPlayerAStones();
        Integer playerBRemainingStones = game.getPlayerBStones();

        if (playerARemainingStones == 0 || playerBRemainingStones ==0){
            Integer totalA = playerARemainingStones + game.getRightHouseStones();
            Integer totalB = playerBRemainingStones + game.getLeftHouseStones();

            this.leftHouse.setStones(totalB.toString());
            this.rightHouse.setStones(totalA.toString());

            if (totalA > totalB)
                this.winLabel.setText("Game Over!. Player A Won!!!");
            else
                this.winLabel.setText("Game Over!. Player B Won!!!");

            this.winLabel.setVisible(true);
        }
    }
}

@Route ("mancala")
@Slf4j
public class MainView extends VerticalLayout {

private final Button startGameBtn;

final Label gameIdLabel;
final TextField gameIdTextField;

@Autowired
private GameController gameController;

final KalahaGameComponent kalahaGameComponent;

public MainView(KalahaGameComponent kalahaGameComponent, GameController gameController) {
this.kalahaGameComponent = kalahaGameComponent;
this.gameController = gameController;

// build the game information layout
this.startGameBtn = new Button("Start Game");
this.gameIdLabel = new Label("Game Id:");
this.gameIdTextField = new TextField("", "", "");
this.gameIdTextField.setReadOnly(true);
this.gameIdTextField.setMinLength(50);

// build layout for game id
HorizontalLayout gameIdLayout = new HorizontalLayout(gameIdLabel, gameIdTextField);
gameIdLayout.setAlignItems(Alignment.CENTER);
add(gameIdLayout);

// adding the game itself
add(kalahaGameComponent);

// build layout for actions
HorizontalLayout actions = new HorizontalLayout(startGameBtn);
add(actions);

        // Instantiate and edit new Customer the new button is clicked
        startGameBtn.addClickListener(e -> {
            try {
                KalahaGame game = this.gameController.startNewGame();
                kalahaGameComponent.newGame(game);
                this.gameIdTextField.setValue(game.getId());
                this.kalahaGameComponent.getPlayerTurnTextField().setValue("");

                Notification.show("New Game started. id:" + game.getId(), 3000, Notification.Position.MIDDLE);

            } catch (ApiConnectionException ex) {
                Notification.show("Error!. Message:" + ex.getMessage());
                log.error(ex.getMessage(), ex);
            }
        });
}
}

public class ApiConnectionException extends RuntimeException {
    public ApiConnectionException(String message) {
        super(message);
    }
}

/*
    This event is fired when user clicks on any pit to sow the game. As a result of this event, a call is made to

    Mancala Api and the application is filled with the results of sowing the pit for selected index
 */

@Getter
@Setter
public class SowEvent extends ApplicationEvent {

    private KalahaGame game;
    private Integer pitIndex;
    public SowEvent(Object source, KalahaGame game, Integer pitIndex) {
        super(source);
        this.game = game;
        this.pitIndex = pitIndex;
    }
}

#Sleuth configurations
spring.sleuth.sampler.probability=1

#Zipkin configurations
spring.zipkin.base-url=http://localhost:9411/

 mancala-web:
    build: ../mancala-microservice/mancala-web
    links:
      - consul-server
      - zipkin-server
    environment:
      - SPRING_CLOUD_CONSUL_HOST=consul-server
      - SPRING_APPLICATION_NAME=mancala-web
      - MANCALA_API_SERVICE_ID= mancala-api
      - SPRING_ZIPKIN_BASE_URL=http://zipkin-server:9411/

<!-- Zipkin -->
<dependency>
  <groupId>org.springframework.cloud</groupId>
  <artifactId>spring-cloud-starter-zipkin</artifactId>
</dependency>

<!-- Sleuth-->
<dependency>
  <groupId>org.springframework.cloud</groupId>
  <artifactId>spring-cloud-starter-sleuth</artifactId>
</dependency>

<!-- Spring boot actuator to expose metrics endpoint -->
<dependency>
  <groupId>org.springframework.boot</groupId>
  <artifactId>spring-boot-starter-actuator</artifactId>
</dependency>

<!-- Micrometer core  -->
<dependency>
  <groupId>io.micrometer</groupId>
  <artifactId>micrometer-core</artifactId>
</dependency>

<!-- Micrometer Prometheus registry  -->
<dependency>
  <groupId>io.micrometer</groupId>
  <artifactId>micrometer-registry-prometheus</artifactId>
</dependency>

<!-- Dependencies for LogStash -->
<dependency>
  <groupId>ch.qos.logback</groupId>
  <artifactId>logback-core</artifactId>
  <version>1.2.3</version>
</dependency>
<dependency>
  <groupId>net.logstash.logback</groupId>
  <artifactId>logstash-logback-encoder</artifactId>
  <version>6.1</version>
</dependency>