Nothing Special   »   [go: up one dir, main page]

Skip to content

A web-based board game platform designed for players to connect and play.

License

Notifications You must be signed in to change notification settings

marein/php-gaming-website

Repository files navigation

php-gaming-website

Table of contents

  • Overview: A brief introduction to the platform.
  • Deployment Guide: Instructions for deploying the application in different environments.
  • System Design: Details about the functionality and architectural decisions.
  • Technology Stack: Summary of the technologies used across the platform.

Overview

This is a web-based board game platform designed for players to connect and play. Alongside the gaming experience, it showcases a range of software engineering concepts, including a modular, reactive, domain-driven backend architecture that ensures scalability, real-time browser notifications, and observability.

Refer to the System Design for functionality and architectural details, the Deployment Guide for setup instructions, and the Technology Stack for information on the technologies used.

Deployment Guide

To deploy the application, it is recommended to use Docker with either the Docker Compose plugin or Docker Swarm.

Choose a deployment environment below and follow the guide to get the application up and running.

For Local Development

For Local Development

To deploy the application for local development, clone the repository and run ./project build. This command uses Docker Compose and copies downloaded dependencies from the container to the host system, enabling autocompletion.

Once the project is up and running, the following URLs will be accessible:

URL Information
http://localhost/ The application.
http://localhost:8081/ MySQL management interface.
http://localhost:8082/ Redis management interface.
http://localhost:8083/ Grafana management interface.

Run ./project tests to verify code quality and functionality. This command performs code style checks, runs static analysis, and executes the test suite. Automated checks are integrated into the pipeline and executed upon code submission.

Use ./project composer to manage dependencies and ./project installAssets to install web assets during development. Both commands copy dependencies from the container to the host system upon completion, enabling autocompletion.

Additional commands helpful during development can be found by running ./project help.

Updating the codebase will automatically restart long-running processes, such as queue consumers, ensuring that changes are applied immediately.

After pulling updates from the repository, re-run ./project build to incorporate the latest changes. Schema changes are consolidated to maintain a clean codebase.

Infrastructure components are shared across contexts to reduce resource usage and configuration complexity. For a more sophisticated setup, take a look at the deployment "Production for Load Testing".

Production on Single Server

Production on Single Server

To deploy the application in a production environment, either clone the repository or download the deployment file. Then, run docker compose -f deploy/single-server/docker-compose.yml up -d or docker stack deploy -c deploy/single-server/docker-compose.yml app.

Alternatively, click here to deploy the application on Play with Docker.

Infrastructure components are shared across contexts to reduce resource usage and configuration complexity. For a more sophisticated setup, take a look at the deployment "Production for Load Testing".

Production for Load Testing

Production for Load Testing

This is the most sophisticated deployment designed for evaluating the platform’s performance and scalability under extreme load. Leveraging Docker Swarm, this configuration enables scaling across multiple nodes, making it ideal for stress testing and pinpointing bottlenecks. The stack defines 5 physical MySQL shards for Connect Four, as this context receives the highest load.

Before deploying the application, ensure that the Swarm nodes are labeled correctly to distribute services as needed.

Example Node Setup
Node Labels
manager-01 traefik=1 nchan=1 grafana=1 prometheus=1
node-01 chat-mysql=1 identity-mysql=1 web-interface-redis=1
node-02 rabbit-mq=1
node-03 connect-four-mysql-1=1 connect-four-mysql-2=1
node-04 connect-four-mysql-3=1 connect-four-mysql-4=1
node-05 connect-four-mysql-5=1 connect-four-redis=1
node-06 long-running=1 needs-proxysql-sidecar=1
node-07 long-running=1 needs-proxysql-sidecar=1
node-08 web-interface-http=1 needs-proxysql-sidecar=1
node-09 web-interface-http=1 needs-proxysql-sidecar=1
node-10 web-interface-http=1 needs-proxysql-sidecar=1
node-11 web-interface-http=1 needs-proxysql-sidecar=1
node-12 web-interface-http=1 needs-proxysql-sidecar=1
node-13 web-interface-http=1 needs-proxysql-sidecar=1

To deploy, clone the repository or download the load-test directory, and switch to it on the Swarm manager. The stack combines multiple Compose files, deployable with a single command using:

find stack \
  -name '*.yml' \
  -type f \
  -printf '-c %p ' \
  | xargs -I {} sh -c 'docker stack deploy {} --prune app'

After the stack is successfully deployed, tweak BASE_URL and vus in the following command, then run it to start the load test:

docker run --rm -i --network=host -e BASE_URL=http://127.0.0.1 grafana/k6:0.43.1 run \
  --vus 500 \
  --duration 1m \
  - < scenario/play-connect-four.js

This is not a trivial test. It involves all components, especially those handling gameplay. The scenario simulates players continuously playing Connect Four, designed to stress the system and identify bottlenecks.

Grafana is accessible on port 8083, providing valuable insights into how each component performs.

The following performance figures were measured using a deployment on nodes from the "Example Node Setup" with 32 CPU cores each.

23k req/s sustained for 1 minute with 500 vus
```
data_received..................: 457 MB  7.6 MB/s
data_sent......................: 422 MB  7.0 MB/s
http_req_blocked...............: avg=9.24µs   min=657ns    med=1.82µs   max=107.48ms p(90)=2.56µs   p(95)=3.18µs
http_req_connecting............: avg=2.14µs   min=0s       med=0s       max=37.16ms  p(90)=0s       p(95)=0s
http_req_duration..............: avg=20.99ms  min=5.98ms   med=19.23ms  max=292.24ms p(90)=28.33ms  p(95)=32.59ms
  { expected_response:true }...: avg=20.99ms  min=5.98ms   med=19.23ms  max=292.24ms p(90)=28.33ms  p(95)=32.59ms
http_req_failed................: 0.00%   ✓ 0            ✗ 1420128
http_req_receiving.............: avg=507.14µs min=11.17µs  med=39.04µs  max=79.68ms  p(90)=848.99µs p(95)=2.47ms
http_req_sending...............: avg=16.58µs  min=4.67µs   med=11.91µs  max=72.84ms  p(90)=17.12µs  p(95)=28.81µs
http_req_tls_handshaking.......: avg=0s       min=0s       med=0s       max=0s       p(90)=0s       p(95)=0s
http_req_waiting...............: avg=20.46ms  min=5.95ms   med=18.87ms  max=248.13ms p(90)=27.45ms  p(95)=31.33ms
http_reqs......................: 1420128 23511.901409/s
iteration_duration.............: avg=508.32ms min=325.84ms med=501.41ms max=832.07ms p(90)=589.62ms p(95)=617.98ms
iterations.....................: 59172   979.662559/s
vus............................: 500     min=500        max=500
vus_max........................: 500     min=500        max=500
```
25k req/s sustained for 1 minute with 700 vus
```
data_received..................: 496 MB  8.2 MB/s
data_sent......................: 458 MB  7.6 MB/s
http_req_blocked...............: avg=6.28µs   min=668ns   med=1.85µs   max=65.39ms  p(90)=2.64µs  p(95)=3.27µs
http_req_connecting............: avg=3.59µs   min=0s      med=0s       max=65.32ms  p(90)=0s      p(95)=0s
http_req_duration..............: avg=27.08ms  min=6.33ms  med=24.47ms  max=248.25ms p(90)=38.33ms p(95)=44.88ms
  { expected_response:true }...: avg=27.08ms  min=6.33ms  med=24.47ms  max=248.25ms p(90)=38.33ms p(95)=44.88ms
http_req_failed................: 0.00%   ✓ 0            ✗ 1541208
http_req_receiving.............: avg=660.94µs min=11.64µs med=38.28µs  max=106.28ms p(90)=1.07ms  p(95)=3.6ms
http_req_sending...............: avg=18.39µs  min=5.1µs   med=12.16µs  max=50.12ms  p(90)=17.44µs p(95)=29.4µs
http_req_tls_handshaking.......: avg=0s       min=0s      med=0s       max=0s       p(90)=0s      p(95)=0s
http_req_waiting...............: avg=26.4ms   min=6.24ms  med=23.98ms  max=248.21ms p(90)=37.12ms p(95)=43.17ms
http_reqs......................: 1541208 25493.380546/s
iteration_duration.............: avg=655.45ms min=342.4ms med=649.67ms max=1.07s    p(90)=748.3ms p(95)=779.48ms
iterations.....................: 64217   1062.224189/s
vus............................: 700     min=700        max=700
vus_max........................: 700     min=700        max=700
```

The highest load achieved was over 38k req/s sustained for 10 minutes, maintaining a snappy UI, no errors, and ensuring transactional integrity without losing any messages. With more resources distributed across additional nodes, the p95 latency can be kept consistently low, and messages flow through the system to the browser in real-time. Achieving this requires fine-tuning factors like the number of message consumers, the sharding of RabbitMQ queues and MySQL databases, and the distribution of Swarm services.

System Design

The platform features a modular, reactive, domain-driven backend architecture. Each context ships as a module or service that scales independently by defining its own resources, such as databases, and communicates via messaging to reduce temporal coupling.

Check out the purpose and architectural decisions of each context in the sections below.

Chat

Chat

Purpose: Chat enables other contexts, like Connect Four, to initiate chats. Authors can list and write messages in these chats based on their access rights.

Communication: Its use cases are exposed via messaging, utilizing Request-Reply, with some directly invoked by the Web Interface to reduce network hops and abstractions. To notify other contexts about what has happened, Domain Events are stored in a Transactional Outbox and later published in Protobuf format using Publish-Subscribe. A list of available messages can be found here.

Architecture: Internally, it uses Ports and Adapters to separate business logic from external systems. A Mediator exposes the Application Layer, routing requests to handlers and handling cross-cutting concerns like validation and transaction management. Business logic is organized using a Transaction Script.

Infrastructure: MySQL is used to store chats, messages and events (Transactional Outbox), while Redis enables Idempotent Receivers to ensure that each message is processed exactly once, and RabbitMQ facilitates communication with other contexts.

Scalability: The module is stateless, enabling it to scale horizontally by adding more instances. Current usage patterns of MySQL don’t require sharding, but chat IDs would be well-suited for partitioning if needed.

Connect Four

Connect Four

Purpose: Connect Four handles games from players opening a game, through others joining and making moves, till they are finished (win, lose, or draw).

Communication: Its use cases are directly invoked by the Web Interface to reduce network hops and abstractions. To notify other contexts about what has happened, Domain Events are stored in a Transactional Outbox and later published in JSON format using Publish-Subscribe.

Architecture: Internally, it uses Ports and Adapters to separate business logic from external systems. A Mediator exposes the Application Layer, routing requests to handlers and handling cross-cutting concerns like validation and retries. Business logic is organized using Domain Models, stored as JSON documents because of their complexity. To keep the model focused on business logic and benefit from its scalability aspects, CQRS is applied to separate reads and writes. Read models are maintained through projections that asynchronously process a stream of domain events. Applying CQRS at this level adds complexity (busting CQRS myths), but the reasoning is explained in the Scalability section.

Infrastructure: MySQL is used to store games (as JSON documents) and events (Transactional Outbox and Stream Processing), while Redis stores read models because they don’t require relational queries, and RabbitMQ facilitates communication with other contexts.

Scalability: The module is stateless, enabling it to scale horizontally by adding more instances. MySQL is sharded at application level using the game ID as the sharding key because it became a bottleneck during load testing. ProxySQL enables Schema-Based Sharding, allows the context to maintain only a single connection, and scales horizontally by being deployed as a Sidecar. Current usage patterns of Redis don’t require any action.

Alternatives: MySQL might not be the first choice for Stream Processing. Refer to "Messaging" in the Technology Stack for the reasoning and alternatives.

Identity

Identity

Purpose: Identity supports the user’s journey, starting from arrival as an anonymous user, through signup, to managing their profile.

Communication: Its use cases are directly invoked by the Web Interface to reduce network hops and abstractions. To notify other contexts about what has happened, Domain Events are stored in a transactional outbox and later published in Protobuf format using Publish-Subscribe. A list of available messages can be found here.

Architecture: Internally, it uses Ports and Adapters to separate business logic from external systems. A Mediator exposes the Application Layer, routing requests to handlers and handling cross-cutting concerns like validation and transaction management. Business logic is organized using Domain Models, which are managed by an ORM.

Infrastructure: MySQL is used to store users and events (Transactional Outbox), while RabbitMQ facilitates communication with other contexts.

Scalability: The module is stateless, enabling it to scale horizontally by adding more instances. Current usage patterns of MySQL don’t require sharding, but a strategy similar to Connect Four would be necessary.

Web Interface

Web Interface

Purpose: Web Interface ties all modules together and serves as the main point of interaction for users.

Communication: It directly invokes use cases from other modules to reduce network hops and abstractions, and calls other services via Request-Response. To notify users in real-time about what has happened, it subscribes to events from other contexts using Publish-Subscribe, and forwards them to subscribed users via Server-Sent Events.

Architecture: Internally, it uses a form of Layered Architecture server-side. To reduce client-side complexity, the REST architectural style is used for browser interactions wherever possible. For client-side heavy features, like real-time notifications or handling Eventual Consistency, it leverages web standards, such as Web Components, reducing maintenance effort significantly due to the long-term stability of the web.

Infrastructure: Redis is used to store sessions, while Nchan notifies users in real-time, and RabbitMQ facilitates communication with other contexts.

Scalability: The module is stateless, enabling it to scale horizontally by adding more instances. Some queues can be sharded using RabbitMQ's Consistent Hash Exchange to distribute the load across multiple CPUs. Nchan performs well under current usage patterns, maintaining low latency and responsiveness even under high load.

Alternatives: Instead of organizing the Web Interface horizontally, it could be embedded within the verticals to achieve higher cohesion. UI composition would be done using ESI/SSI to aggregate fragments from each context.

src/Common contains supporting libraries that may be moved to separate repositories in the future, see #35.

Additional resources, such as infrastructure components, can be found in the Gaming Platform organization.

Technology Stack

The platform uses a minimal set of infrastructure components to keep complexity and maintenance overhead low, while expanding its stack only when necessary to meet specific performance or scalability requirements.

Learn more about the technology stack and the reasons behind each choice below.

Languages and Frameworks

Languages and Frameworks

  • PHP & Symfony: The main language and framework used in the platform. Both are mature, offer a large ecosystem, and provide solid performance with good scalability. Refer to "Production for Load Testing" within the Deployment Guide to see how the platform performs under load.
  • HTML/CSS/JavaScript: Sticking to web standards as much as possible ensures stability and minimizes maintenance overhead. Modern features like Web Components and Import Maps enhance modularity and reduce the need for additional frameworks and tooling.
  • Tabler: A design system used to provide a consistent UI across the platform, reducing development time by offering pre-built components.

Some features may be implemented in other languages, such as Go or C#, where efficient use of all CPU cores would be beneficial - for example, in a computer player or matchmaker.

Storage

Storage

  • MySQL: A reliable database used to handle both relational and non-relational transactional data, essential for supporting a Transactional Outbox.
  • ProxySQL: Deployed as a Sidecar to route database traffic, manage connection pooling, and optimize query performance. It supports Schema-Based Sharding and ensures efficient load balancing across MySQL instances.
  • Redis: Employed to manage user sessions, store read models, and implement Idempotent Receivers, leveraging its in-memory data structure for high-performance operations.
Messaging

Messaging

  • RabbitMQ: Utilized for reliable inter-service communication, supporting both Request-Reply and Publish-Subscribe messaging patterns to facilitate temporal decoupling.
  • Nchan: Provides a scalable, persistent Publish-Subscribe messaging system for real-time browser notifications, ensuring low-latency between clients and servers.
  • MySQL: Used to publish Domain Events stored in the Transactional Outbox reliably to other messaging systems, and to perform Stream Processing for building read models within a given context using those same events.
  • Protobuf & JSON: The chosen message formats for inter-service communication. While JSON messages are not defined using JSON Schema to avoid added complexity, Protobuf schema definitions can be found here.

MySQL is used for Stream Processing because Domain Events are already stored in the Transactional Outbox and need to be published to messaging systems as it already does with RabbitMQ. This avoids additional complexity as long as MySQL scales effectively (>20k events/s per shard). If increased streaming processes impact database performance or if inter-service streaming is required, alternatives like RabbitMQ’s Super Streams or Kafka will be considered.

Observability

Observability

  • Grafana & Prometheus: A combined solution for real-time monitoring and visualization, where Prometheus collects and stores metrics, and Grafana provides dashboards and alerts. The dashboard definitions can be found here.