diff --git a/content/posts/17-build-your-own-kubernetes-cluster-part-8/index.md b/content/posts/17-build-your-own-kubernetes-cluster-part-8/index.md index 6e6104f..85fd536 100644 --- a/content/posts/17-build-your-own-kubernetes-cluster-part-8/index.md +++ b/content/posts/17-build-your-own-kubernetes-cluster-part-8/index.md @@ -568,4 +568,4 @@ Wait the pod to be updated, then check the new endpoint `https://demo.kube.rocks ## 7th check ✅ -We have done for the set-up of our automated CI/CD workflow process. Go [next part]({{< ref "/posts/18-build-your-own-kubernetes-cluster-part-9" >}}) for going further with a real DB app that handle automatic migrations & monitoring integration with OpenTelemetry ! +We have done for the set-up of our automated CI/CD workflow process. Go [next part]({{< ref "/posts/18-build-your-own-kubernetes-cluster-part-9" >}}) for going further with a real DB app that handle automatic migrations. diff --git a/content/posts/18-build-your-own-kubernetes-cluster-part-9/index.md b/content/posts/18-build-your-own-kubernetes-cluster-part-9/index.md index f3b3023..3182cca 100644 --- a/content/posts/18-build-your-own-kubernetes-cluster-part-9/index.md +++ b/content/posts/18-build-your-own-kubernetes-cluster-part-9/index.md @@ -1,8 +1,8 @@ --- -title: "Setup a HA Kubernetes cluster Part IX - DB usage & Tracing with OpenTelemetry" -date: 2023-10-08 +title: "Setup a HA Kubernetes cluster Part IX - Further deployment with DB" +date: 2023-10-09 description: "Follow this opinionated guide as starter-kit for your own Kubernetes platform..." -tags: ["kubernetes", "efcore", "serilog", "metrics", "opentelemetry", "tracing", "tempo"] +tags: ["kubernetes", "postgresql", "efcore"] draft: true --- @@ -10,11 +10,11 @@ draft: true Be free from AWS/Azure/GCP by building a production grade On-Premise Kubernetes cluster on cheap VPS provider, fully GitOps managed, and with complete CI/CD tools 🎉 {{< /lead >}} -This is the **Part VIII** of more global topic tutorial. [Back to first part]({{< ref "/posts/10-build-your-own-kubernetes-cluster" >}}) for intro. +This is the **Part IX** of more global topic tutorial. [Back to first part]({{< ref "/posts/10-build-your-own-kubernetes-cluster" >}}) for intro. ## Real DB App sample -Before go any further, let's add some DB usage to our sample app. We'll use the classical `Articles<->Authors<->Comments` relationships. First create `docker-compose.yml` file in root of demo project: +Let's add some DB usage to our sample app. We'll use the classical `Articles<->Authors<->Comments` relationships. First create `docker-compose.yml` file in root of demo project: {{< highlight host="kuberocks-demo" file="docker-compose.yml" >}} @@ -531,7 +531,7 @@ public class ArticlesController Launch the app and check that `/Articles` and `/Articles/{slug}` endpoints are working as expected. -## Production grade deployment +## Deployment with database ### Database connection @@ -649,480 +649,6 @@ We may obviously never do this on real production database, but as it's only for Return to `https://demo.kube.rocks/Articles` to confirm articles are correctly returned. -### Better logging with Serilog - -Default ASP.NET logging are not very standard, let's add Serilog for real requests logging with duration and status code: - -```sh -dotnet add src/KubeRocks.WebApi package Serilog.AspNetCore -``` - -{{< highlight host="kuberocks-demo" file="src/KubeRocks.WebApi/Program.cs" >}} - -```cs -// ... - -builder.Host.UseSerilog((ctx, cfg) => cfg - .ReadFrom.Configuration(ctx.Configuration) - .WriteTo.Console() -); - -var app = builder.Build(); - -app.UseSerilogRequestLogging(); - -// ... -``` - -{{< /highlight >}} - -Then filtering through Loki stack should by far better. - -### Liveness & readiness - -All real production app should have liveness & readiness probes. It generally consists on particular URL which return the current health app status. We'll also include the DB access health. Let's add the standard `/healthz` endpoint, which is dead simple in ASP.NET Core: - -```sh -dotnet add src/KubeRocks.WebApi package Microsoft.Extensions.Diagnostics.HealthChecks.EntityFrameworkCore -``` - -{{< highlight host="kuberocks-demo" file="src/KubeRocks.WebApi/Program.cs" >}} - -```cs -// ... - -builder.Services - .AddHealthChecks() - .AddDbContextCheck(); - -var app = builder.Build(); - -// ... - -app.MapControllers(); -app.MapHealthChecks("/healthz"); - -app.Run(); -``` - -{{< /highlight >}} - -And you're done ! Go to `https://demo.kube.rocks/healthz` to confirm it's working. Try to stop the database with `docker compose stop` and check the healthz endpoint again, it should return `503` status code. - -{{< alert >}} -The `Microsoft.Extensions.Diagnostics.HealthChecks` package is very extensible and you can add any custom check to enrich the health app status. -{{< /alert >}} - -And finally the probes: - -{{< highlight host="demo-kube-flux" file="clusters/demo/kuberocks/deploy-demo.yaml" >}} - -```yaml -# ... -spec: - # ... - template: - # ... - spec: - # ... - containers: - - name: api - # ... - livenessProbe: - httpGet: - path: /healthz - port: 80 - initialDelaySeconds: 10 - periodSeconds: 10 - readinessProbe: - httpGet: - path: /healthz - port: 80 - initialDelaySeconds: 10 - periodSeconds: 10 -``` - -{{< /highlight >}} - -{{< alert >}} -Be aware of difference between `liveness` and `readiness` probes. The first one is used to restart the pod if it's not responding, the second one is used to tell the pod is not ready to receive traffic, which is vital for preventing any downtime. -When **Rolling Update** strategy is used (the default), the old pod is not killed until the new one is ready (aka healthy). -{{< /alert >}} - -## Telemetry - -The last step but not least missing for a total integration with our monitored Kubernetes cluster is to add some telemetry to our app. We'll use `OpenTelemetry` for that, which becomes the standard library for metrics and tracing, by providing good integration to many languages. - -### Application metrics - -Install minimal ASP.NET Core metrics is really a no-brainer: - -```sh -dotnet add src/KubeRocks.WebApi package OpenTelemetry.AutoInstrumentation --prerelease -dotnet add src/KubeRocks.WebApi package OpenTelemetry.Extensions.Hosting --prerelease -dotnet add src/KubeRocks.WebApi package OpenTelemetry.Exporter.Prometheus.AspNetCore --prerelease -``` - -{{< highlight host="kuberocks-demo" file="src/KubeRocks.WebApi/Program.cs" >}} - -```cs -//... - -builder.Services.AddOpenTelemetry() - .WithMetrics(b => - { - b - .AddAspNetCoreInstrumentation() - .AddPrometheusExporter(); - }); - -var app = builder.Build(); - -app.UseOpenTelemetryPrometheusScrapingEndpoint(); - -//... -``` - -{{< /highlight >}} - -Relaunch app and go to `https://demo.kube.rocks/metrics` to confirm it's working. It should show metrics after each endpoint call, simply try `https://demo.kube.rocks/Articles`. - -{{< alert >}} -.NET metrics are currently pretty basic, but the next .NET 8 version will provide far better metrics from internal components allowing some [useful dashboard](https://github.com/JamesNK/aspnetcore-grafana). -{{< /alert >}} - -#### Hide internal endpoints - -After push, you should see `/metrics` live. Let's step back and exclude this internal path from external public access. We have 2 options: - -* Force on the app side to listen only on private network on `/metrics` and `/healthz` endpoints -* Push all the app logic under `/api` path and let Traefik to include only this path - -Let's do the option 2. Add the `api/` prefix to controllers to expose: - -{{< highlight host="kuberocks-demo" file="src/KubeRocks.WebApi/Controllers/ArticlesController.cs" >}} - -```cs -//... -[ApiController] -[Route("api/[controller]")] -public class ArticlesController { - //... -} -``` - -{{< /highlight >}} - -Let's move Swagger UI under `/api` path too: - -{{< highlight host="kuberocks-demo" file="src/KubeRocks.WebApi/Program.cs" >}} - -```cs -//... - -if (app.Environment.IsDevelopment()) -{ - app.UseSwagger(c => - { - c.RouteTemplate = "/api/{documentName}/swagger.json"; - }); - app.UseSwaggerUI(c => - { - c.SwaggerEndpoint("v1/swagger.json", "KubeRocks v1"); - c.RoutePrefix = "api"; - }); -} - -//... -``` - -{{< /highlight >}} - -{{< alert >}} -You may use ASP.NET API versioning, which work the same way with [versioning URL path](https://github.com/dotnet/aspnet-api-versioning/wiki/Versioning-via-the-URL-Path). -{{< /alert >}} - -All is left is to include only the endpoints under `/api` prefix on Traefik IngressRoute: - -{{< highlight host="demo-kube-flux" file="clusters/demo/kuberocks/deploy-demo.yaml" >}} - -```yaml -#... -apiVersion: traefik.io/v1alpha1 -kind: IngressRoute -#... -spec: - #... - routes: - - match: Host(`demo.kube.rocks`) && PathPrefix(`/api`) - #... -``` - -{{< /highlight >}} - -Now the new URL is `https://demo.kube.rocks/api/Articles`. Any path different from `api` will return the Traefik 404 page, and internal paths as `https://demo.kube.rocks/metrics` is not accessible anymore. An other additional advantage of this config, it's simple to put a separated frontend project under `/` path, which can use the under API without any CORS problem natively. - -#### Prometheus integration - -It's only a matter of new ServiceMonitor config: - -{{< highlight host="demo-kube-flux" file="clusters/demo/kuberocks/deploy-demo.yaml" >}} - -```yaml ---- -apiVersion: monitoring.coreos.com/v1 -kind: ServiceMonitor -metadata: - name: demo - namespace: kuberocks -spec: - endpoints: - - targetPort: 80 - selector: - matchLabels: - app: demo -``` - -{{< /highlight >}} - -After some time, You can finally use the Prometheus dashboard to query your app metrics. Use `{namespace="kuberocks",job="demo"}` PromQL query to list all available metrics: - -[![Prometheus metrics](prometheus-graph.png)](prometheus-graph.png) - -### Application tracing - -A more useful case for OpenTelemetry is to integrate it to a tracing backend. [Tempo](https://grafana.com/oss/tempo/) is a good candidate, which is a free open-source alternative to Jaeger, simpler to install by requiring a simple s3 as storage, and compatible to many protocols as Jaeger, OTLP, Zipkin. - -#### Installing Tempo - -It's another Helm Chart to install as well as the related grafana datasource: - -{{< highlight host="demo-kube-k3s" file="tracing.tf" >}} - -```tf -resource "kubernetes_namespace_v1" "tracing" { - metadata { - name = "tracing" - } -} - -resource "helm_release" "tempo" { - chart = "tempo" - version = "1.5.1" - repository = "https://grafana.github.io/helm-charts" - - name = "tempo" - namespace = kubernetes_namespace_v1.tracing.metadata[0].name - - set { - name = "tempo.storage.trace.backend" - value = "s3" - } - - set { - name = "tempo.storage.trace.s3.bucket" - value = var.s3_bucket - } - - set { - name = "tempo.storage.trace.s3.endpoint" - value = var.s3_endpoint - } - - set { - name = "tempo.storage.trace.s3.region" - value = var.s3_region - } - - set { - name = "tempo.storage.trace.s3.access_key" - value = var.s3_access_key - } - - set { - name = "tempo.storage.trace.s3.secret_key" - value = var.s3_secret_key - } - - set { - name = "serviceMonitor.enabled" - value = "true" - } -} - -resource "kubernetes_config_map_v1" "tempo_grafana_datasource" { - metadata { - name = "tempo-grafana-datasource" - namespace = kubernetes_namespace_v1.monitoring.metadata[0].name - labels = { - grafana_datasource = "1" - } - } - - data = { - "datasource.yaml" = <}} - -#### OpenTelemetry - -Let's firstly add another instrumentation package specialized for Npgsql driver used by EF Core to translate queries to PostgreSQL: - -```sh -dotnet add src/KubeRocks.WebApi package Npgsql.OpenTelemetry -``` - -Then bridge all needed instrumentation as well as the OTLP exporter: - -{{< highlight host="kuberocks-demo" file="src/KubeRocks.WebApi/Program.cs" >}} - -```cs -//... - -builder.Services.AddOpenTelemetry() - //... - .WithTracing(b => - { - b - .SetResourceBuilder(ResourceBuilder - .CreateDefault() - .AddService("KubeRocks.Demo") - .AddTelemetrySdk() - ) - .AddAspNetCoreInstrumentation(b => - { - b.Filter = ctx => - { - return ctx.Request.Path.StartsWithSegments("/api"); - }; - }) - .AddEntityFrameworkCoreInstrumentation() - .AddNpgsql() - .AddOtlpExporter(); - }); - -//... -``` - -{{< /highlight >}} - -Then add the exporter endpoint config in order to push traces to Tempo: - -{{< highlight host="demo-kube-flux" file="clusters/demo/kuberocks/deploy-demo.yaml" >}} - -```yaml -#... -spec: - #... - template: - #... - spec: - #... - containers: - - name: api - #... - env: - #... - - name: OTEL_EXPORTER_OTLP_ENDPOINT - value: http://tempo.tracing:4317 -``` - -{{< /highlight >}} - -Call some API URLs and get back to Grafana / Explore, select Tempo data source and search for query traces. You should see something like this: - -[![Tempo search](tempo-search.png)](tempo-search.png) - -Click on one specific trace to get details. You can go through HTTP requests, EF Core time response, and even underline SQL queries thanks to Npgsql instrumentation: - -[![Tempo traces](tempo-trace.png)](tempo-trace.png) - -#### Correlation with Loki - -It would be nice to have directly access to trace from logs through Loki search, as it's clearly a more seamless way than searching inside Tempo. - -For that we need to do 2 things : - -* Add the `TraceId` to logs in order to correlate trace with log. In ASP.NET Core, a `TraceId` correspond to a unique request, allowing isolation analyze for each request. -* Create a link in Grafana from the generated `TraceId` inside log and the detail Tempo view trace. - -So firstly, let's take care of the app part by attaching the OpenTelemetry TraceId to Serilog: - -```sh -dotnet add src/KubeRocks.WebApi package Serilog.Enrichers.Span -``` - -{{< highlight host="kuberocks-demo" file="src/KubeRocks.WebApi/Program.cs" >}} - -```cs -//... - -builder.Host.UseSerilog((ctx, cfg) => cfg - .ReadFrom.Configuration(ctx.Configuration) - .Enrich.WithSpan() - .WriteTo.Console( - outputTemplate: "[{Timestamp:HH:mm:ss} {Level:u3}] |{TraceId}| {Message:lj}{NewLine}{Exception}" - ) -); - -//... -``` - -{{< /highlight >}} - -It should now generate that kind of logs: - -```txt -[23:22:57 INF] |aa51c7254aaa10a3f679a511444a5da5| HTTP GET /api/Articles responded 200 in 301.7052 ms -``` - -Now Let's adapt the Loki datasource by creating a derived field inside `jsonData` property: - -{{< highlight host="demo-kube-k3s" file="logging.tf" >}} - -```tf -resource "kubernetes_config_map_v1" "loki_grafana_datasource" { - #... - - data = { - "datasource.yaml" = <}} - -This where the magic happens. The `\|(\w+)\|` regex will match and extract the `TraceId` inside the log, which is inside pipes, and create a link to Tempo trace detail view. - -[![Derived fields](loki-derived-fields.png)](loki-derived-fields.png) - -This will give us the nice link button as soon as you you click a log detail: - -[![Derived fields](loki-tempo-link.png)](loki-tempo-link.png) - ## 8th check ✅ -We have done for the basic functional telemetry ! There are infinite things to cover in this subject, but it's enough for this endless guide. Go [next part]({{< ref "/posts/19-build-your-own-kubernetes-cluster-part-10" >}}), we'll talk about feature testing, code metrics and code coverage. +We now have a little more realistic app. Go [next part]({{< ref "/posts/19-build-your-own-kubernetes-cluster-part-10" >}}), we'll talk about further monitoring integration and tracing with OpenTelemetry. diff --git a/content/posts/19-build-your-own-kubernetes-cluster-part-10/index.md b/content/posts/19-build-your-own-kubernetes-cluster-part-10/index.md index c304927..a13aeb2 100644 --- a/content/posts/19-build-your-own-kubernetes-cluster-part-10/index.md +++ b/content/posts/19-build-your-own-kubernetes-cluster-part-10/index.md @@ -1,8 +1,8 @@ --- -title: "Setup a HA Kubernetes cluster Part X - QA with testing & code metrics" -date: 2023-10-09 +title: "Setup a HA Kubernetes cluster Part X - Monitoring & Tracing with OpenTelemetry" +date: 2023-10-10 description: "Follow this opinionated guide as starter-kit for your own Kubernetes platform..." -tags: ["kubernetes", "testing", "sonarqube", "xunit", "coverage"] +tags: ["kubernetes", "serilog", "metrics", "opentelemetry", "tracing", "tempo"] draft: true --- @@ -10,742 +10,482 @@ draft: true Be free from AWS/Azure/GCP by building a production grade On-Premise Kubernetes cluster on cheap VPS provider, fully GitOps managed, and with complete CI/CD tools 🎉 {{< /lead >}} -This is the **Part IX** of more global topic tutorial. [Back to first part]({{< ref "/posts/10-build-your-own-kubernetes-cluster" >}}) for intro. +This is the **Part X** of more global topic tutorial. [Back to first part]({{< ref "/posts/10-build-your-own-kubernetes-cluster" >}}) for intro. -## Code Metrics +## Better logging -SonarQube is leading the code metrics industry for a long time, embracing full Open Core model, and the community edition it's completely free of charge even for commercial use. It covers advanced code analysis, code coverage, code duplication, code smells, security vulnerabilities, etc. It ensures high quality code and help to keep it that way. +Default ASP.NET logging are not very standard, let's add Serilog for real requests logging with duration and status code: -### SonarQube installation +```sh +dotnet add src/KubeRocks.WebApi package Serilog.AspNetCore +``` -SonarQube as its dedicated Helm chart which perfect for us. However, it's the most resource hungry component of our development stack so far (because Java project ? End of troll), so be sure to deploy it on almost empty free node, maybe a dedicated one. In fact, it's the last Helm chart for this tutorial, I promise! +{{< highlight host="kuberocks-demo" file="src/KubeRocks.WebApi/Program.cs" >}} -Create dedicated database for SonarQube same as usual. +```cs +// ... -{{< highlight host="demo-kube-k3s" file="main.tf" >}} +builder.Host.UseSerilog((ctx, cfg) => cfg + .ReadFrom.Configuration(ctx.Configuration) + .WriteTo.Console() +); -```tf -variable "sonarqube_db_password" { - type = string - sensitive = true -} +var app = builder.Build(); + +app.UseSerilogRequestLogging(); + +// ... ``` {{< /highlight >}} -{{< highlight host="demo-kube-k3s" file="terraform.tfvars" >}} +Logs through Loki explorer stack should be far more readable. -```tf -sonarqube_db_password = "xxx" +## Zero-downtime deployment + +All real production app should have liveness & readiness probes. It generally consists on particular URL which return the current health app status. We'll also include the DB access health. Let's add the standard `/healthz` endpoint, which is dead simple in ASP.NET Core: + +```sh +dotnet add src/KubeRocks.WebApi package Microsoft.Extensions.Diagnostics.HealthChecks.EntityFrameworkCore +``` + +{{< highlight host="kuberocks-demo" file="src/KubeRocks.WebApi/Program.cs" >}} + +```cs +// ... + +builder.Services + .AddHealthChecks() + .AddDbContextCheck(); + +var app = builder.Build(); + +// ... + +app.MapControllers(); +app.MapHealthChecks("/healthz"); + +app.Run(); ``` {{< /highlight >}} -{{< highlight host="demo-kube-k3s" file="sonarqube.tf" >}} +And you're done ! Go to `https://demo.kube.rocks/healthz` to confirm it's working. Try to stop the database with `docker compose stop` and check the healthz endpoint again, it should return `503` status code. -```tf -resource "kubernetes_namespace_v1" "sonarqube" { - metadata { - name = "sonarqube" - } -} +{{< alert >}} +The `Microsoft.Extensions.Diagnostics.HealthChecks` package is very extensible and you can add any custom check to enrich the health app status. +{{< /alert >}} -resource "helm_release" "sonarqube" { - chart = "sonarqube" - version = "10.1.0+628" - repository = "https://SonarSource.github.io/helm-chart-sonarqube" +And finally the probes: - name = "sonarqube" - namespace = kubernetes_namespace_v1.sonarqube.metadata[0].name - - set { - name = "prometheusMonitoring.podMonitor.enabled" - value = "true" - } - - set { - name = "postgresql.enabled" - value = "false" - } - - set { - name = "jdbcOverwrite.enabled" - value = "true" - } - - set { - name = "jdbcOverwrite.jdbcUrl" - value = "jdbc:postgresql://postgresql-primary.postgres/sonarqube" - } - - set { - name = "jdbcOverwrite.jdbcUsername" - value = "sonarqube" - } - - set { - name = "jdbcOverwrite.jdbcPassword" - value = var.sonarqube_db_password - } -} - -resource "kubernetes_manifest" "sonarqube_ingress" { - manifest = { - apiVersion = "traefik.io/v1alpha1" - kind = "IngressRoute" - metadata = { - name = "sonarqube" - namespace = kubernetes_namespace_v1.sonarqube.metadata[0].name - } - spec = { - entryPoints = ["websecure"] - routes = [ - { - match = "Host(`sonarqube.${var.domain}`)" - kind = "Rule" - services = [ - { - name = "sonarqube-sonarqube" - port = "http" - } - ] - } - ] - } - } -} -``` - -{{< /highlight >}} - -Be sure to disable the PostgreSQL sub chart and use our self-hosted cluster with both `postgresql.enabled` and `jdbcOverwrite.enabled`. If needed, set proper `tolerations` and `nodeSelector` for deploying on a dedicated node. - -The installation take many minutes, be patient. Once done, you can access SonarQube on `https://sonarqube.kube.rocks` and login with `admin` / `admin`. - -### Project configuration - -Firstly create a new project and retain the project key which is his identifier. Then create a **global analysis token** named `Concourse CI` that will be used for CI integration from your user account under `/account/security`. - -Now we need to create a Kubernetes secret which contains this token value for Concourse CI, for usage inside the pipeline. The token is the one generated above. - -Add a new concourse terraform variable for the token: - -{{< highlight host="demo-kube-k3s" file="main.tf" >}} - -```tf -variable "concourse_analysis_token" { - type = string - sensitive = true -} -``` - -{{< /highlight >}} - -{{< highlight host="demo-kube-k3s" file="terraform.tfvars" >}} - -```tf -concourse_analysis_token = "xxx" -``` - -{{< /highlight >}} - -The secret: - -{{< highlight host="demo-kube-k3s" file="concourse.tf" >}} - -```tf -resource "kubernetes_secret_v1" "concourse_sonarqube" { - metadata { - name = "sonarqube" - namespace = "concourse-main" - } - - data = { - url = "https://sonarqube.${var.domain}" - analysis-token = var.concourse_analysis_token - } - - depends_on = [ - helm_release.concourse - ] -} -``` - -{{< /highlight >}} - -We are ready to tackle the pipeline for integration. - -### SonarScanner for .NET - -As we use a dotnet project, we will use the official SonarQube scanner for .net. But sadly, as it's only a .NET CLI wrapper, it requires a java runtime to run and there is no official SonarQube docker image which contains both .NET SDK and Java runtime. But we have a CI now, so we can build our own QA image on our own private registry. - -Create a new Gitea repo dedicated for any custom docker images with this one single Dockerfile: - -{{< highlight host="demo-kube-images" file="dotnet-qa.dockerfile" >}} - -```Dockerfile -FROM mcr.microsoft.com/dotnet/sdk:7.0 - -RUN apt-get update && apt-get install -y ca-certificates-java && apt-get install -y \ - openjdk-17-jre-headless \ - unzip \ - && rm -rf /var/lib/apt/lists/* - -RUN dotnet tool install --global dotnet-sonarscanner -RUN dotnet tool install --global dotnet-coverage - -ENV PATH="${PATH}:/root/.dotnet/tools" -``` - -{{< /highlight >}} - -Note as we add the `dotnet-sonarscanner` tool to the path, we can use it directly in the pipeline without any extra step. I'll also add `dotnet-coverage` global tool for code coverage generation that we'll use later. - -Then the pipeline: - -{{< highlight host="demo-kube-flux" file="pipelines/images.yaml" >}} - -```yml -resources: - - name: docker-images-git - type: git - icon: coffee - source: - uri: https://gitea.kube.rocks/kuberocks/docker-images - branch: main - - name: dotnet-qa-image - type: registry-image - icon: docker - source: - repository: ((registry.name))/kuberocks/dotnet-qa - tag: "7.0" - username: ((registry.username)) - password: ((registry.password)) - -jobs: - - name: dotnet-qa - plan: - - get: docker-images-git - - task: build-image - privileged: true - config: - platform: linux - image_resource: - type: registry-image - source: - repository: concourse/oci-build-task - inputs: - - name: docker-images-git - outputs: - - name: image - params: - DOCKERFILE: docker-images-git/dotnet-qa.dockerfile - run: - path: build - - put: dotnet-qa-image - params: - image: image/image.tar -``` - -{{< /highlight >}} - -Update the `main.yaml` pipeline to add the new job, then trigger it manually from Concourse UI to add the new above pipeline: - -{{< highlight host="demo-kube-flux" file="pipelines/main.yaml" >}} - -```tf -#... - -jobs: - - name: configure-pipelines - plan: - #... - - set_pipeline: images - file: ci/pipelines/images.yaml -``` - -{{< /highlight >}} - -The pipeline should now start and build the image, trigger it manually if needed on Concourse UI. Once done, you can check it on your Gitea container packages that the new image `gitea.kube.rocks/kuberocks/dotnet-qa` is here. - -### Concourse pipeline integration - -It's finally time to reuse this QA image in our Concourse demo project pipeline. Update it accordingly: - -{{< highlight host="demo-kube-flux" file="pipelines/demo.yaml" >}} - -```yml -#... - -jobs: - - name: build - plan: - - get: source-code - trigger: true - - - task: build-source - config: - platform: linux - image_resource: - type: registry-image - source: - repository: ((registry.name))/kuberocks/dotnet-qa - tag: "7.0" - username: ((registry.username)) - password: ((registry.password)) - #... - run: - path: /bin/sh - args: - - -ec - - | - dotnet format --verify-no-changes - - dotnet sonarscanner begin /k:"KubeRocks-Demo" /d:sonar.host.url="((sonarqube.url))" /d:sonar.token="((sonarqube.analysis-token))" - dotnet build -c Release - dotnet sonarscanner end /d:sonar.token="((sonarqube.analysis-token))" - - dotnet publish src/KubeRocks.WebApi -c Release -o publish --no-restore --no-build - - #... -``` - -{{< /highlight >}} - -Note as we now use the `dotnet-qa` image and surround the build step by `dotnet sonarscanner begin` and `dotnet sonarscanner end` commands with appropriate credentials allowing Sonar CLI to send report to our SonarQube instance. Trigger the pipeline manually, all should pass, and the result will be pushed to SonarQube. - -[![SonarQube](sonarqube-dashboard.png)](sonarqube-dashboard.png) - -## Feature testing - -Let's cover the feature testing by calling the API against a real database. This is the opportunity to cover the code coverage as well. - -### xUnit - -First add a dedicated database for test in the docker compose file as we won't interfere with the development database: - -{{< highlight host="kuberocks-demo" file="docker-compose.yml" >}} +{{< highlight host="demo-kube-flux" file="clusters/demo/kuberocks/deploy-demo.yaml" >}} ```yaml -version: "3" - -services: - #... - - db_test: - image: postgres:15 - environment: - POSTGRES_USER: main - POSTGRES_PASSWORD: main - POSTGRES_DB: main - ports: - - 54320:5432 +# ... +spec: + # ... + template: + # ... + spec: + # ... + containers: + - name: api + # ... + livenessProbe: + httpGet: + path: /healthz + port: 80 + initialDelaySeconds: 10 + periodSeconds: 10 + readinessProbe: + httpGet: + path: /healthz + port: 80 + initialDelaySeconds: 10 + periodSeconds: 10 ``` {{< /highlight >}} -Expose the startup service of minimal API: +{{< alert >}} +Be aware of difference between `liveness` and `readiness` probes. The first one is used to restart the pod if it's not responding, the second one is used to tell the pod is not ready to receive traffic, which is vital for preventing any downtime. +When **Rolling Update** strategy is used (the default), the old pod is not killed until the new one is ready (aka healthy). +{{< /alert >}} + +## Telemetry + +The last step but not least missing for a total integration with our monitored Kubernetes cluster is to add some telemetry to our app. We'll use `OpenTelemetry` for that, which becomes the standard library for metrics and tracing, by providing good integration to many languages. + +### Application metrics + +Install minimal ASP.NET Core metrics is really a no-brainer: + +```sh +dotnet add src/KubeRocks.WebApi package OpenTelemetry.AutoInstrumentation --prerelease +dotnet add src/KubeRocks.WebApi package OpenTelemetry.Extensions.Hosting --prerelease +dotnet add src/KubeRocks.WebApi package OpenTelemetry.Exporter.Prometheus.AspNetCore --prerelease +``` {{< highlight host="kuberocks-demo" file="src/KubeRocks.WebApi/Program.cs" >}} ```cs //... -public partial class Program -{ - protected Program() { } +builder.Services.AddOpenTelemetry() + .WithMetrics(b => + { + b + .AddAspNetCoreInstrumentation() + .AddPrometheusExporter(); + }); + +var app = builder.Build(); + +app.UseOpenTelemetryPrometheusScrapingEndpoint(); + +//... +``` + +{{< /highlight >}} + +Relaunch app and go to `https://demo.kube.rocks/metrics` to confirm it's working. It should show metrics after each endpoint call, simply try `https://demo.kube.rocks/Articles`. + +{{< alert >}} +.NET metrics are currently pretty basic, but the next .NET 8 version will provide far better metrics from internal components allowing some [useful dashboard](https://github.com/JamesNK/aspnetcore-grafana). +{{< /alert >}} + +#### Hide internal endpoints + +After push, you should see `/metrics` live. Let's step back and exclude this internal path from external public access. We have 2 options: + +* Force on the app side to listen only on private network on `/metrics` and `/healthz` endpoints +* Push all the app logic under `/api` path and let Traefik to include only this path + +Let's do the option 2. Add the `api/` prefix to controllers to expose: + +{{< highlight host="kuberocks-demo" file="src/KubeRocks.WebApi/Controllers/ArticlesController.cs" >}} + +```cs +//... +[ApiController] +[Route("api/[controller]")] +public class ArticlesController { + //... } ``` {{< /highlight >}} -Then add a testing JSON environment file for accessing our database `db_test` from the docker-compose.yml: +Let's move Swagger UI under `/api` path too: -{{< highlight host="kuberocks-demo" file="src/KubeRocks.WebApi/appsettings.Testing.json" >}} +{{< highlight host="kuberocks-demo" file="src/KubeRocks.WebApi/Program.cs" >}} -```json +```cs +//... + +if (app.Environment.IsDevelopment()) { - "ConnectionStrings": { - "DefaultConnection": "Host=localhost:54320;Username=main;Password=main;Database=main;" + app.UseSwagger(c => + { + c.RouteTemplate = "/api/{documentName}/swagger.json"; + }); + app.UseSwaggerUI(c => + { + c.SwaggerEndpoint("v1/swagger.json", "KubeRocks v1"); + c.RoutePrefix = "api"; + }); +} + +//... +``` + +{{< /highlight >}} + +{{< alert >}} +You may use ASP.NET API versioning, which work the same way with [versioning URL path](https://github.com/dotnet/aspnet-api-versioning/wiki/Versioning-via-the-URL-Path). +{{< /alert >}} + +All is left is to include only the endpoints under `/api` prefix on Traefik IngressRoute: + +{{< highlight host="demo-kube-flux" file="clusters/demo/kuberocks/deploy-demo.yaml" >}} + +```yaml +#... +apiVersion: traefik.io/v1alpha1 +kind: IngressRoute +#... +spec: + #... + routes: + - match: Host(`demo.kube.rocks`) && PathPrefix(`/api`) + #... +``` + +{{< /highlight >}} + +Now the new URL is `https://demo.kube.rocks/api/Articles`. Any path different from `api` will return the Traefik 404 page, and internal paths as `https://demo.kube.rocks/metrics` is not accessible anymore. An other additional advantage of this config, it's simple to put a separated frontend project under `/` path, which can use the under API without any CORS problem natively. + +#### Prometheus integration + +It's only a matter of new ServiceMonitor config: + +{{< highlight host="demo-kube-flux" file="clusters/demo/kuberocks/deploy-demo.yaml" >}} + +```yaml +--- +apiVersion: monitoring.coreos.com/v1 +kind: ServiceMonitor +metadata: + name: demo + namespace: kuberocks +spec: + endpoints: + - targetPort: 80 + selector: + matchLabels: + app: demo +``` + +{{< /highlight >}} + +After some time, You can finally use the Prometheus dashboard to query your app metrics. Use `{namespace="kuberocks",job="demo"}` PromQL query to list all available metrics: + +[![Prometheus metrics](prometheus-graph.png)](prometheus-graph.png) + +### Application tracing + +A more useful case for OpenTelemetry is to integrate it to a tracing backend. [Tempo](https://grafana.com/oss/tempo/) is a good candidate, which is a free open-source alternative to Jaeger, simpler to install by requiring a simple s3 as storage, and compatible to many protocols as Jaeger, OTLP, Zipkin. + +#### Installing Tempo + +It's another Helm Chart to install as well as the related grafana datasource: + +{{< highlight host="demo-kube-k3s" file="tracing.tf" >}} + +```tf +resource "kubernetes_namespace_v1" "tracing" { + metadata { + name = "tracing" + } +} + +resource "helm_release" "tempo" { + chart = "tempo" + version = "1.5.1" + repository = "https://grafana.github.io/helm-charts" + + name = "tempo" + namespace = kubernetes_namespace_v1.tracing.metadata[0].name + + set { + name = "tempo.storage.trace.backend" + value = "s3" + } + + set { + name = "tempo.storage.trace.s3.bucket" + value = var.s3_bucket + } + + set { + name = "tempo.storage.trace.s3.endpoint" + value = var.s3_endpoint + } + + set { + name = "tempo.storage.trace.s3.region" + value = var.s3_region + } + + set { + name = "tempo.storage.trace.s3.access_key" + value = var.s3_access_key + } + + set { + name = "tempo.storage.trace.s3.secret_key" + value = var.s3_secret_key + } + + set { + name = "serviceMonitor.enabled" + value = "true" + } +} + +resource "kubernetes_config_map_v1" "tempo_grafana_datasource" { + metadata { + name = "tempo-grafana-datasource" + namespace = kubernetes_namespace_v1.monitoring.metadata[0].name + labels = { + grafana_datasource = "1" + } + } + + data = { + "datasource.yaml" = <}} -Now the test project: +#### OpenTelemetry + +Let's firstly add another instrumentation package specialized for Npgsql driver used by EF Core to translate queries to PostgreSQL: ```sh -dotnet new xunit -o tests/KubeRocks.FeatureTests -dotnet sln add tests/KubeRocks.FeatureTests -dotnet add tests/KubeRocks.FeatureTests reference src/KubeRocks.WebApi -dotnet add tests/KubeRocks.FeatureTests package Microsoft.AspNetCore.Mvc.Testing -dotnet add tests/KubeRocks.FeatureTests package Respawn -dotnet add tests/KubeRocks.FeatureTests package FluentAssertions +dotnet add src/KubeRocks.WebApi package Npgsql.OpenTelemetry ``` -The `WebApplicationFactory` that will use our testing environment: - -{{< highlight host="kuberocks-demo" file="tests/KubeRocks.FeatureTests/KubeRocksApiFactory.cs" >}} - -```cs -using Microsoft.AspNetCore.Mvc.Testing; -using Microsoft.Extensions.Hosting; - -namespace KubeRocks.FeatureTests; - -public class KubeRocksApiFactory : WebApplicationFactory -{ - protected override IHost CreateHost(IHostBuilder builder) - { - builder.UseEnvironment("Testing"); - - return base.CreateHost(builder); - } -} -``` - -{{< /highlight >}} - -The base test class for all test classes that manages database cleanup thanks to `Respawn`: - -{{< highlight host="kuberocks-demo" file="tests/KubeRocks.FeatureTests/TestBase.cs" >}} - -```cs -using KubeRocks.Application.Contexts; - -using Microsoft.EntityFrameworkCore; -using Microsoft.Extensions.DependencyInjection; - -using Npgsql; - -using Respawn; -using Respawn.Graph; - -namespace KubeRocks.FeatureTests; - -[Collection("Sequencial")] -public class TestBase : IClassFixture, IAsyncLifetime -{ - protected KubeRocksApiFactory Factory { get; private set; } - - protected TestBase(KubeRocksApiFactory factory) - { - Factory = factory; - } - - public async Task RefreshDatabase() - { - using var scope = Factory.Services.CreateScope(); - - using var conn = new NpgsqlConnection( - scope.ServiceProvider.GetRequiredService().Database.GetConnectionString() - ); - - await conn.OpenAsync(); - - var respawner = await Respawner.CreateAsync(conn, new RespawnerOptions - { - TablesToIgnore = new Table[] { "__EFMigrationsHistory" }, - DbAdapter = DbAdapter.Postgres - }); - - await respawner.ResetAsync(conn); - } - - public Task InitializeAsync() - { - return RefreshDatabase(); - } - - public Task DisposeAsync() - { - return Task.CompletedTask; - } -} -``` - -{{< /highlight >}} - -Note the `Collection` attribute that will force the test classes to run sequentially, required as we will use the same database for all tests. - -Finally, the tests for the 2 endpoints of our articles controller: - -{{< highlight host="kuberocks-demo" file="tests/KubeRocks.FeatureTests/Articles/ArticlesListTests.cs" >}} - -```cs -using System.Net.Http.Json; - -using FluentAssertions; - -using KubeRocks.Application.Contexts; -using KubeRocks.Application.Entities; -using KubeRocks.WebApi.Models; - -using Microsoft.Extensions.DependencyInjection; - -using static KubeRocks.WebApi.Controllers.ArticlesController; - -namespace KubeRocks.FeatureTests.Articles; - -public class ArticlesListTests : TestBase -{ - public ArticlesListTests(KubeRocksApiFactory factory) : base(factory) { } - - [Fact] - public async Task Can_Paginate_Articles() - { - using (var scope = Factory.Services.CreateScope()) - { - var db = scope.ServiceProvider.GetRequiredService(); - - var user = db.Users.Add(new User - { - Name = "John Doe", - Email = "john.doe@email.com" - }); - - db.Articles.AddRange(Enumerable.Range(1, 50).Select(i => new Article - { - Title = $"Test Title {i}", - Slug = $"test-title-{i}", - Description = "Test Description", - Body = "Test Body", - Author = user.Entity, - })); - - await db.SaveChangesAsync(); - } - - var response = await Factory.CreateClient().GetAsync("/api/Articles?page=1&size=20"); - - response.EnsureSuccessStatusCode(); - - var body = (await response.Content.ReadFromJsonAsync())!; - - body.Articles.Count().Should().Be(20); - body.ArticlesCount.Should().Be(50); - - body.Articles.First().Should().BeEquivalentTo(new - { - Title = "Test Title 50", - Description = "Test Description", - Body = "Test Body", - Author = new - { - Name = "John Doe" - }, - }); - } - - [Fact] - public async Task Can_Get_Article() - { - using (var scope = Factory.Services.CreateScope()) - { - var db = scope.ServiceProvider.GetRequiredService(); - - db.Articles.Add(new Article - { - Title = $"Test Title", - Slug = $"test-title", - Description = "Test Description", - Body = "Test Body", - Author = new User - { - Name = "John Doe", - Email = "john.doe@email.com" - } - }); - - await db.SaveChangesAsync(); - } - - var response = await Factory.CreateClient().GetAsync($"/api/Articles/test-title"); - - response.EnsureSuccessStatusCode(); - - var body = (await response.Content.ReadFromJsonAsync())!; - - body.Should().BeEquivalentTo(new - { - Title = "Test Title", - Description = "Test Description", - Body = "Test Body", - Author = new - { - Name = "John Doe" - }, - }); - } -} -``` - -{{< /highlight >}} - -Ensure all tests passes with `dotnet test`. - -### CI tests & code coverage - -Now we need to integrate the tests in our CI pipeline. As we testing with a real database, create a new `demo_test` database through pgAdmin with basic `test` / `test` credentials. - -{{< alert >}} -In real world scenario, you should use a dedicated database for testing, and not the same as production. -{{< /alert >}} - -Let's edit the pipeline accordingly for tests: - -{{< highlight host="demo-kube-flux" file="pipelines/demo.yaml" >}} - -```yml -#... - -jobs: - - name: build - plan: - #... - - - task: build-source - config: - #... - params: - ConnectionStrings__DefaultConnection: "Host=postgres-primary.postgres;Username=test;Password=test;Database=demo_test" - run: - path: /bin/sh - args: - - -ec - - | - dotnet format --verify-no-changes - - dotnet sonarscanner begin /k:"KubeRocks-Demo" /d:sonar.host.url="((sonarqube.url))" /d:sonar.token="((sonarqube.analysis-token))" /d:sonar.cs.vscoveragexml.reportsPaths=coverage.xml - dotnet build -c Release - dotnet-coverage collect 'dotnet test -c Release --no-restore --no-build --verbosity=normal' -f xml -o 'coverage.xml' - dotnet sonarscanner end /d:sonar.token="((sonarqube.analysis-token))" - - dotnet publish src/KubeRocks.WebApi -c Release -o publish --no-restore --no-build - -#... -``` - -{{< /highlight >}} - -Note as we already include code coverage by using `dotnet-coverage` tool. Don't forget to precise the path of `coverage.xml` to `sonarscanner` CLI too. It's time to push our code with tests or trigger the pipeline manually to test our integration tests. - -If all goes well, you should see the tests results on SonarQube with some coverage done: - -[![SonarQube](sonarqube-tests.png)](sonarqube-tests.png) - -Coverage detail: - -[![SonarQube](sonarqube-cc.png)](sonarqube-cc.png) - -You may exclude some files from analysis by adding some project properties: - -{{< highlight host="kuberocks-demo" file="src/KubeRocks.Application/KubeRocks.Application.csproj" >}} - -```xml - - - - - - appsettings.Testing.json - - - -``` - -{{< /highlight >}} - -Same for coverage: - -{{< highlight host="kuberocks-demo" file="src/KubeRocks.Application/KubeRocks.Application.csproj" >}} - -```xml - - - - - - Migrations/**/* - - - -``` - -{{< /highlight >}} - -### Sonar Analyzer - -You can enforce many default sonar rules by using [Sonar Analyzer](https://github.com/SonarSource/sonar-dotnet) directly locally before any code push. - -Create this file at the root of your solution for enabling Sonar Analyzer globally: - -{{< highlight host="kuberocks-demo" file="Directory.Build.props" >}} - -```xml - - - latest-Recommended - true - true - - - - - -``` - -{{< /highlight >}} - -Any rule violation is treated as error at project building, which block the CI before execution of tests. Use `latest-All` as `AnalysisLevel` for psychopath mode. - -At this stage as soon this file is added, you should see some errors at building. If you use VSCode with correct C# extension, these errors will be highlighted directly in the editor. Here are some fixes: +Then bridge all needed instrumentation as well as the OTLP exporter: {{< highlight host="kuberocks-demo" file="src/KubeRocks.WebApi/Program.cs" >}} ```cs +//... + +builder.Services.AddOpenTelemetry() + //... + .WithTracing(b => + { + b + .SetResourceBuilder(ResourceBuilder + .CreateDefault() + .AddService("KubeRocks.Demo") + .AddTelemetrySdk() + ) + .AddAspNetCoreInstrumentation(b => + { + b.Filter = ctx => + { + return ctx.Request.Path.StartsWithSegments("/api"); + }; + }) + .AddEntityFrameworkCoreInstrumentation() + .AddNpgsql() + .AddOtlpExporter(); + }); + +//... +``` + +{{< /highlight >}} + +Then add the exporter endpoint config in order to push traces to Tempo: + +{{< highlight host="demo-kube-flux" file="clusters/demo/kuberocks/deploy-demo.yaml" >}} + +```yaml #... +spec: + #... + template: + #... + spec: + #... + containers: + - name: api + #... + env: + #... + - name: OTEL_EXPORTER_OTLP_ENDPOINT + value: http://tempo.tracing:4317 +``` + +{{< /highlight >}} + +Call some API URLs and get back to Grafana / Explore, select Tempo data source and search for query traces. You should see something like this: + +[![Tempo search](tempo-search.png)](tempo-search.png) + +Click on one specific trace to get details. You can go through HTTP requests, EF Core time response, and even underline SQL queries thanks to Npgsql instrumentation: + +[![Tempo traces](tempo-trace.png)](tempo-trace.png) + +#### Correlation with Loki + +It would be nice to have directly access to trace from logs through Loki search, as it's clearly a more seamless way than searching inside Tempo. + +For that we need to do 2 things : + +* Add the `TraceId` to logs in order to correlate trace with log. In ASP.NET Core, a `TraceId` correspond to a unique request, allowing isolation analyze for each request. +* Create a link in Grafana from the generated `TraceId` inside log and the detail Tempo view trace. + +So firstly, let's take care of the app part by attaching the OpenTelemetry TraceId to Serilog: + +```sh +dotnet add src/KubeRocks.WebApi package Serilog.Enrichers.Span +``` + +{{< highlight host="kuberocks-demo" file="src/KubeRocks.WebApi/Program.cs" >}} + +```cs +//... builder.Host.UseSerilog((ctx, cfg) => cfg .ReadFrom.Configuration(ctx.Configuration) .Enrich.WithSpan() .WriteTo.Console( - outputTemplate: "[{Timestamp:HH:mm:ss} {Level:u3}] |{TraceId}| {Message:lj}{NewLine}{Exception}", - // Enforce culture - formatProvider: CultureInfo.InvariantCulture + outputTemplate: "[{Timestamp:HH:mm:ss} {Level:u3}] |{TraceId}| {Message:lj}{NewLine}{Exception}" ) ); -#... +//... ``` {{< /highlight >}} -Delete `WeatherForecastController.cs`. +It should now generate that kind of logs: -{{< highlight host="kuberocks-demo" file="tests/KubeRocks.FeatureTests.csproj" >}} +```txt +[23:22:57 INF] |aa51c7254aaa10a3f679a511444a5da5| HTTP GET /api/Articles responded 200 in 301.7052 ms +``` -```xml - +Now Let's adapt the Loki datasource by creating a derived field inside `jsonData` property: - - +{{< highlight host="demo-kube-k3s" file="logging.tf" >}} - CA1707 - +```tf +resource "kubernetes_config_map_v1" "loki_grafana_datasource" { + #... - - + data = { + "datasource.yaml" = <}} +This where the magic happens. The `\|(\w+)\|` regex will match and extract the `TraceId` inside the log, which is inside pipes, and create a link to Tempo trace detail view. + +[![Derived fields](loki-derived-fields.png)](loki-derived-fields.png) + +This will give us the nice link button as soon as you you click a log detail: + +[![Derived fields](loki-tempo-link.png)](loki-tempo-link.png) + ## 9th check ✅ -We have done for code quality process. Go to the [final part]({{< ref "/posts/20-build-your-own-kubernetes-cluster-part-11" >}}) with load testing, and some frontend ! +We have done for the basic functional telemetry ! There are infinite things to cover in this subject, but it's enough for this endless guide. Go [next part]({{< ref "/posts/20-build-your-own-kubernetes-cluster-part-11" >}}), we'll talk about feature testing, code metrics and code coverage. diff --git a/content/posts/18-build-your-own-kubernetes-cluster-part-9/loki-derived-fields.png b/content/posts/19-build-your-own-kubernetes-cluster-part-10/loki-derived-fields.png similarity index 100% rename from content/posts/18-build-your-own-kubernetes-cluster-part-9/loki-derived-fields.png rename to content/posts/19-build-your-own-kubernetes-cluster-part-10/loki-derived-fields.png diff --git a/content/posts/18-build-your-own-kubernetes-cluster-part-9/loki-tempo-link.png b/content/posts/19-build-your-own-kubernetes-cluster-part-10/loki-tempo-link.png similarity index 100% rename from content/posts/18-build-your-own-kubernetes-cluster-part-9/loki-tempo-link.png rename to content/posts/19-build-your-own-kubernetes-cluster-part-10/loki-tempo-link.png diff --git a/content/posts/18-build-your-own-kubernetes-cluster-part-9/prometheus-graph.png b/content/posts/19-build-your-own-kubernetes-cluster-part-10/prometheus-graph.png similarity index 100% rename from content/posts/18-build-your-own-kubernetes-cluster-part-9/prometheus-graph.png rename to content/posts/19-build-your-own-kubernetes-cluster-part-10/prometheus-graph.png diff --git a/content/posts/18-build-your-own-kubernetes-cluster-part-9/tempo-search.png b/content/posts/19-build-your-own-kubernetes-cluster-part-10/tempo-search.png similarity index 100% rename from content/posts/18-build-your-own-kubernetes-cluster-part-9/tempo-search.png rename to content/posts/19-build-your-own-kubernetes-cluster-part-10/tempo-search.png diff --git a/content/posts/18-build-your-own-kubernetes-cluster-part-9/tempo-trace.png b/content/posts/19-build-your-own-kubernetes-cluster-part-10/tempo-trace.png similarity index 100% rename from content/posts/18-build-your-own-kubernetes-cluster-part-9/tempo-trace.png rename to content/posts/19-build-your-own-kubernetes-cluster-part-10/tempo-trace.png diff --git a/content/posts/20-build-your-own-kubernetes-cluster-part-11/index.md b/content/posts/20-build-your-own-kubernetes-cluster-part-11/index.md index 33ba114..63d690e 100644 --- a/content/posts/20-build-your-own-kubernetes-cluster-part-11/index.md +++ b/content/posts/20-build-your-own-kubernetes-cluster-part-11/index.md @@ -1,8 +1,8 @@ --- -title: "Setup a HA Kubernetes cluster Part XI - Load testing & Frontend" -date: 2023-10-10 +title: "Setup a HA Kubernetes cluster Part XI - QA with testing & code metrics" +date: 2023-10-11 description: "Follow this opinionated guide as starter-kit for your own Kubernetes platform..." -tags: ["kubernetes", "load-testing", "k6", "frontend", "vue", "typescript", "openapi"] +tags: ["kubernetes", "testing", "sonarqube", "xunit", "coverage"] draft: true --- @@ -10,395 +10,107 @@ draft: true Be free from AWS/Azure/GCP by building a production grade On-Premise Kubernetes cluster on cheap VPS provider, fully GitOps managed, and with complete CI/CD tools 🎉 {{< /lead >}} -This is the **Part X** of more global topic tutorial. [Back to first part]({{< ref "/posts/10-build-your-own-kubernetes-cluster" >}}) for intro. +This is the **Part XI** of more global topic tutorial. [Back to first part]({{< ref "/posts/10-build-your-own-kubernetes-cluster" >}}) for intro. -## Load testing +## Code Metrics -When it comes load testing, k6 is a perfect tool for this job and integrate with many real time series database integration like Prometheus or InfluxDB. As we already have Prometheus, let's use it and avoid us a separate InfluxDB installation. First be sure to allow remote write by enable `enableRemoteWriteReceiver` in the Prometheus Helm chart. It should be already done if you follow this tutorial. +SonarQube is leading the code metrics industry for a long time, embracing full Open Core model, and the community edition it's completely free of charge even for commercial use. It covers advanced code analysis, code coverage, code duplication, code smells, security vulnerabilities, etc. It ensures high quality code and help to keep it that way. -### K6 +### SonarQube installation -We'll reuse our flux repo and add some manifests for defining the load testing scenario. Firstly describe the scenario inside `ConfigMap` that scrape all articles and then each article: +SonarQube as its dedicated Helm chart which perfect for us. However, it's the most resource hungry component of our development stack so far (because Java project ? End of troll), so be sure to deploy it on almost empty free node, maybe a dedicated one. In fact, it's the last Helm chart for this tutorial, I promise! -{{< highlight host="demo-kube-flux" file="jobs/demo-k6.yaml" >}} +Create dedicated database for SonarQube same as usual. -```yml -apiVersion: v1 -kind: ConfigMap -metadata: - name: scenario - namespace: kuberocks -data: - script.js: | - import http from "k6/http"; - import { check } from "k6"; +{{< highlight host="demo-kube-k3s" file="main.tf" >}} - export default function () { - const size = 10; - let page = 1; - - let articles = [] - - do { - const res = http.get(`${__ENV.API_URL}/Articles?page=${page}&size=${size}`); - check(res, { - "status is 200": (r) => r.status == 200, - }); - - articles = res.json().articles; - page++; - - articles.forEach((article) => { - const res = http.get(`${__ENV.API_URL}/Articles/${article.slug}`); - check(res, { - "status is 200": (r) => r.status == 200, - }); - }); - } - while (articles.length > 0); - } -``` - -{{< /highlight >}} - -And add the k6 `Job` in the same file and configure it for Prometheus usage and mounting above scenario: - -{{< highlight host="demo-kube-flux" file="jobs/demo-k6.yaml" >}} - -```yml -#... ---- -apiVersion: batch/v1 -kind: Job -metadata: - name: k6 - namespace: kuberocks -spec: - ttlSecondsAfterFinished: 0 - template: - spec: - restartPolicy: Never - containers: - - name: run - image: grafana/k6 - env: - - name: API_URL - value: https://demo.kube.rocks/api - - name: K6_VUS - value: "30" - - name: K6_DURATION - value: 1m - - name: K6_PROMETHEUS_RW_SERVER_URL - value: http://prometheus-operated.monitoring:9090/api/v1/write - command: - ["k6", "run", "-o", "experimental-prometheus-rw", "script.js"] - volumeMounts: - - name: scenario - mountPath: /home/k6 - tolerations: - - key: node-role.kubernetes.io/runner - operator: Exists - effect: NoSchedule - nodeSelector: - node-role.kubernetes.io/runner: "true" - volumes: - - name: scenario - configMap: - name: scenario -``` - -{{< /highlight >}} - -Use appropriate `tolerations` and `nodeSelector` for running the load testing in a node which have free CPU resource. You can play with `K6_VUS` and `K6_DURATION` environment variables in order to change the level of load testing. - -Then you can launch the job with `ka jobs/demo-k6.yaml`. Check quickly that the job is running via `klo -n kuberocks job/k6`: - -```txt - - /\ |‾‾| /‾‾/ /‾‾/ - /\ / \ | |/ / / / - / \/ \ | ( / ‾‾\ - / \ | |\ \ | (‾) | -/ __________ \ |__| \__\ \_____/ .io - -execution: local - script: script.js - output: Prometheus remote write (http://prometheus-operated.monitoring:9090/api/v1/write) - -scenarios: (100.00%) 1 scenario, 30 max VUs, 1m30s max duration (incl. graceful stop): - * default: 30 looping VUs for 1m0s (gracefulStop: 30s) -``` - -After 1 minute of run, job should finish and show some raw result: - -```txt -✓ status is 200 - -checks.........................: 100.00% ✓ 17748 ✗ 0 -data_received..................: 404 MB 6.3 MB/s -data_sent......................: 1.7 MB 26 kB/s -http_req_blocked...............: avg=242.43µs min=223ns med=728ns max=191.27ms p(90)=1.39µs p(95)=1.62µs -http_req_connecting............: avg=13.13µs min=0s med=0s max=9.48ms p(90)=0s p(95)=0s -http_req_duration..............: avg=104.22ms min=28.9ms med=93.45ms max=609.86ms p(90)=162.04ms p(95)=198.93ms - { expected_response:true }...: avg=104.22ms min=28.9ms med=93.45ms max=609.86ms p(90)=162.04ms p(95)=198.93ms -http_req_failed................: 0.00% ✓ 0 ✗ 17748 -http_req_receiving.............: avg=13.76ms min=32.71µs med=6.49ms max=353.13ms p(90)=36.04ms p(95)=51.36ms -http_req_sending...............: avg=230.04µs min=29.79µs med=93.16µs max=25.75ms p(90)=201.92µs p(95)=353.61µs -http_req_tls_handshaking.......: avg=200.57µs min=0s med=0s max=166.91ms p(90)=0s p(95)=0s -http_req_waiting...............: avg=90.22ms min=14.91ms med=80.76ms max=609.39ms p(90)=138.3ms p(95)=169.24ms -http_reqs......................: 17748 276.81409/s -iteration_duration.............: avg=5.39s min=3.97s med=5.35s max=7.44s p(90)=5.94s p(95)=6.84s -iterations.....................: 348 5.427727/s -vus............................: 7 min=7 max=30 -vus_max........................: 30 min=30 max=30 -``` - -As we use Prometheus for outputting the result, we can visualize it easily with Grafana. You just have to import [this dashboard](https://grafana.com/grafana/dashboards/18030-official-k6-test-result/): - -[![Grafana](grafana-k6.png)](grafana-k6.png) - -As we use Kubernetes, increase the loading performance horizontally is dead easy. Go to the deployment configuration of demo app for increasing replicas count, as well as Traefik, and compare the results. - -### Load balancing database - -So far, we only load balanced the stateless API, but what about the database part ? We have set up a replicated PostgreSQL cluster, however we have no use of the replica that stay sadly idle. But for that we have to distinguish write queries from scalable read queries. - -We can make use of the Bitnami [PostgreSQL HA](https://artifacthub.io/packages/helm/bitnami/postgresql-ha) instead of simple one. It adds the new component [Pgpool-II](https://pgpool.net/mediawiki/index.php/Main_Page) as main load balancer and detect failover. It's able to separate in real time write queries from read queries and send them to the master or the replica. The advantage: works natively for all apps without any changes. The cons: it consumes far more resources and add a new component to maintain. - -A 2nd solution is to separate query typologies from where it counts: the application. It requires some code changes, but it's clearly a far more efficient solution. Let's do this way. - -As Npgsql support load balancing [natively](https://www.npgsql.org/doc/failover-and-load-balancing.html), we don't need to add any Kubernetes service. We just have to create a clear distinction between read and write queries. One simple way is to create a separate RO `DbContext`. - -{{< highlight host="kuberocks-demo" file="src/KubeRocks.Application/Contexts/AppRoDbContext.cs" >}} - -```cs -namespace KubeRocks.Application.Contexts; - -using KubeRocks.Application.Entities; - -using Microsoft.EntityFrameworkCore; - -public class AppRoDbContext : DbContext -{ - public DbSet Users => Set(); - public DbSet
Articles => Set
(); - public DbSet Comments => Set(); - - public AppRoDbContext(DbContextOptions options) : base(options) - { - } +```tf +variable "sonarqube_db_password" { + type = string + sensitive = true } ``` {{< /highlight >}} -Register it in DI: +{{< highlight host="demo-kube-k3s" file="terraform.tfvars" >}} -{{< highlight host="kuberocks-demo" file="src/KubeRocks.Application/Extensions/ServiceExtensions.cs" >}} +```tf +sonarqube_db_password = "xxx" +``` -```cs -public static class ServiceExtensions -{ - public static IServiceCollection AddKubeRocksServices(this IServiceCollection services, IConfiguration configuration) - { - return services - //... - .AddDbContext((options) => +{{< /highlight >}} + +{{< highlight host="demo-kube-k3s" file="sonarqube.tf" >}} + +```tf +resource "kubernetes_namespace_v1" "sonarqube" { + metadata { + name = "sonarqube" + } +} + +resource "helm_release" "sonarqube" { + chart = "sonarqube" + version = "10.1.0+628" + repository = "https://SonarSource.github.io/helm-chart-sonarqube" + + name = "sonarqube" + namespace = kubernetes_namespace_v1.sonarqube.metadata[0].name + + set { + name = "prometheusMonitoring.podMonitor.enabled" + value = "true" + } + + set { + name = "postgresql.enabled" + value = "false" + } + + set { + name = "jdbcOverwrite.enabled" + value = "true" + } + + set { + name = "jdbcOverwrite.jdbcUrl" + value = "jdbc:postgresql://postgresql-primary.postgres/sonarqube" + } + + set { + name = "jdbcOverwrite.jdbcUsername" + value = "sonarqube" + } + + set { + name = "jdbcOverwrite.jdbcPassword" + value = var.sonarqube_db_password + } +} + +resource "kubernetes_manifest" "sonarqube_ingress" { + manifest = { + apiVersion = "traefik.io/v1alpha1" + kind = "IngressRoute" + metadata = { + name = "sonarqube" + namespace = kubernetes_namespace_v1.sonarqube.metadata[0].name + } + spec = { + entryPoints = ["websecure"] + routes = [ + { + match = "Host(`sonarqube.${var.domain}`)" + kind = "Rule" + services = [ { - options.UseNpgsql( - configuration.GetConnectionString("DefaultRoConnection") - ?? - configuration.GetConnectionString("DefaultConnection") - ); - }); - } -} -``` - -{{< /highlight >}} - -We fall back to the RW connection string if the RO one is not defined. Then use it in the `ArticlesController` which as only read endpoints: - -{{< highlight host="kuberocks-demo" file="src/KubeRocks.WebApi/Controllers/ArticlesController.cs" >}} - -```cs -//... - -public class ArticlesController -{ - private readonly AppRoDbContext _context; - - //... - - public ArticlesController(AppRoDbContext context) - { - _context = context; - } - - //... -} -``` - -{{< /highlight >}} - -Push and let it pass the CI. In the meantime, add the new RO connection: - -{{< highlight host="demo-kube-flux" file="clusters/demo/kuberocks/deploy-demo.yaml" >}} - -```yaml -# ... -spec: - # ... - template: - # ... - spec: - # ... - containers: - - name: api - # ... - env: - - name: DB_PASSWORD - valueFrom: - secretKeyRef: - name: demo-db - key: password - - name: ConnectionStrings__DefaultConnection - value: Host=postgresql-primary.postgres;Username=demo;Password='$(DB_PASSWORD)';Database=demo; - - name: ConnectionStrings__DefaultRoConnection - value: Host=postgresql-primary.postgres,postgresql-read.postgres;Username=demo;Password='$(DB_PASSWORD)';Database=demo;Load Balance Hosts=true; -#... -``` - -{{< /highlight >}} - -We simply have to add multiple host like `postgresql-primary.postgres,postgresql-read.postgres` for the RO connection string and enable LB mode with `Load Balance Hosts=true`. - -Once deployed, relaunch a load test with K6 and admire the DB load balancing in action on both storage servers with `htop` or directly compute pods by namespace in Grafana. - -[![Gafana DB load balancing](grafana-db-lb.png)](grafana-db-lb.png) - -## Frontend - -Let's finish this guide by a quick view of SPA frontend development as a separate project from backend. - -### Vue TS - -Create a new Vue.js project from [vitesse starter kit](https://github.com/antfu/vitesse-lite) (be sure to have pnpm, just a matter of `scoop/brew install pnpm`): - -```sh -npx degit antfu/vitesse-lite kuberocks-demo-ui -cd kuberocks-demo-ui -git init -git add . -git commit -m "Initial commit" -pnpm i -pnpm dev -``` - -Should launch app in `http://localhost:3333/`. Create a new `kuberocks-demo-ui` Gitea repo and push this code into it. Now lets quick and done for API calls. - -### Get around CORS and HTTPS with YARP - -As always when frontend is separated from backend, we have to deal with CORS. But I prefer to have one single URL for frontend + backend and get rid of CORS problem by simply call under `/api` path. Moreover, it'll be production ready without need to manage any `Vite` variable for API URL and we'll get HTTPS provided by dotnet. Back to API project. - -For convenience, let's change the randomly generated ASP.NET ports by predefined ones: - -{{< highlight host="kuberocks-demo" file="src/KubeRocks.WebApi/Properties/launchSettings.json" >}} - -```json -{ - //... - "profiles": { - "http": { - //... - "applicationUrl": "http://localhost:5000", - //... - }, - "https": { - //... - "applicationUrl": "https://localhost:5001;http://localhost:5000", - //... - }, - //... - } -} -``` - -{{< /highlight >}} - -```sh -dotnet add src/KubeRocks.WebApi package Yarp.ReverseProxy -``` - -{{< highlight host="kuberocks-demo" file="src/KubeRocks.WebApi/Program.cs" >}} - -```cs -//... - -var builder = WebApplication.CreateBuilder(args); - -builder.Services.AddReverseProxy() - .LoadFromConfig(builder.Configuration.GetSection("ReverseProxy")); - -//... - -var app = builder.Build(); - -app.MapReverseProxy(); - -//... - -app.UseRouting(); - -//... -``` - -{{< /highlight >}} - -Note as we must add `app.UseRouting();` too in order to get Swagger UI working. - -The proxy configuration (only for development): - -{{< highlight host="kuberocks-demo" file="src/KubeRocks.WebApi/appsettings.Development.json" >}} - -```json -{ - //... - "ReverseProxy": { - "Routes": { - "ServerRouteApi": { - "ClusterId": "Server", - "Match": { - "Path": "/api/{**catch-all}" - }, - "Transforms": [ - { - "PathRemovePrefix": "/api" - } - ] - }, - "ClientRoute": { - "ClusterId": "Client", - "Match": { - "Path": "{**catch-all}" + name = "sonarqube-sonarqube" + port = "http" + } + ] } - } - }, - "Clusters": { - "Client": { - "Destinations": { - "Client1": { - "Address": "http://localhost:3333" - } - } - }, - "Server": { - "Destinations": { - "Server1": { - "Address": "https://localhost:5001" - } - } - } + ] } } } @@ -406,235 +118,165 @@ The proxy configuration (only for development): {{< /highlight >}} -Now your frontend app should appear under `https://localhost:5001`, and API calls under `https://localhost:5001/api`. We now benefit from HTTPS for all app. Push API code. +Be sure to disable the PostgreSQL sub chart and use our self-hosted cluster with both `postgresql.enabled` and `jdbcOverwrite.enabled`. If needed, set proper `tolerations` and `nodeSelector` for deploying on a dedicated node. -### Typescript API generator +The installation take many minutes, be patient. Once done, you can access SonarQube on `https://sonarqube.kube.rocks` and login with `admin` / `admin`. -As we use OpenAPI, it's possible to generate typescript client for API calls. Add this package: +### Project configuration -```sh -pnpm add openapi-typescript -D -pnpm add openapi-typescript-fetch -``` +Firstly create a new project and retain the project key which is his identifier. Then create a **global analysis token** named `Concourse CI` that will be used for CI integration from your user account under `/account/security`. -Before generate the client model, go back to backend for forcing required by default for attributes when not nullable when using `Swashbuckle.AspNetCore`: +Now we need to create a Kubernetes secret which contains this token value for Concourse CI, for usage inside the pipeline. The token is the one generated above. -{{< highlight host="kuberocks-demo" file="src/KubeRocks.WebApi/Filters/RequiredNotNullableSchemaFilter.cs" >}} +Add a new concourse terraform variable for the token: -```cs -using Microsoft.OpenApi.Models; +{{< highlight host="demo-kube-k3s" file="main.tf" >}} -using Swashbuckle.AspNetCore.SwaggerGen; - -namespace KubeRocks.WebApi.Filters; - -public class RequiredNotNullableSchemaFilter : ISchemaFilter -{ - public void Apply(OpenApiSchema schema, SchemaFilterContext context) - { - if (schema.Properties is null) - { - return; - } - - var notNullableProperties = schema - .Properties - .Where(x => !x.Value.Nullable && !schema.Required.Contains(x.Key)) - .ToList(); - - foreach (var property in notNullableProperties) - { - schema.Required.Add(property.Key); - } - } +```tf +variable "concourse_analysis_token" { + type = string + sensitive = true } ``` {{< /highlight >}} -{{< highlight host="kuberocks-demo" file="src/KubeRocks.WebApi/Program.cs" >}} +{{< highlight host="demo-kube-k3s" file="terraform.tfvars" >}} -```cs -//... - -builder.Services.AddSwaggerGen(o => -{ - o.SupportNonNullableReferenceTypes(); - o.SchemaFilter(); -}); - -//... +```tf +concourse_analysis_token = "xxx" ``` {{< /highlight >}} -You should now have proper required attributes for models in swagger UI: +The secret: -[![Frontend](swagger-ui-nullable.png)](swagger-ui-nullable.png) +{{< highlight host="demo-kube-k3s" file="concourse.tf" >}} -{{< alert >}} -Sadly, without this boring step, many attributes will be nullable when generating TypeScript models, and leads to headaches from client side by forcing us to manage nullable everywhere. -{{< /alert >}} +```tf +resource "kubernetes_secret_v1" "concourse_sonarqube" { + metadata { + name = "sonarqube" + namespace = "concourse-main" + } -Now generate the models: + data = { + url = "https://sonarqube.${var.domain}" + analysis-token = var.concourse_analysis_token + } -{{< highlight host="kuberocks-demo-ui" file="package.json" >}} - -```json -{ - //... - "scripts": { - //... - "openapi": "openapi-typescript http://localhost:5000/api/v1/swagger.json --output src/api/openapi.ts" - }, - //... + depends_on = [ + helm_release.concourse + ] } ``` {{< /highlight >}} -Use the HTTP version of swagger as you'll get a self certificate error. The use `pnpm openapi` to generate full TS model. Finally, describe API fetchers like so: +We are ready to tackle the pipeline for integration. -{{< highlight host="kuberocks-demo-ui" file="src/api/index.ts" >}} +### SonarScanner for .NET -```ts -import { Fetcher } from 'openapi-typescript-fetch' +As we use a dotnet project, we will use the official SonarQube scanner for .net. But sadly, as it's only a .NET CLI wrapper, it requires a java runtime to run and there is no official SonarQube docker image which contains both .NET SDK and Java runtime. But we have a CI now, so we can build our own QA image on our own private registry. -import type { components, paths } from './openapi' +Create a new Gitea repo dedicated for any custom docker images with this one single Dockerfile: -const fetcher = Fetcher.for() +{{< highlight host="demo-kube-images" file="dotnet-qa.dockerfile" >}} -type ArticleList = components['schemas']['ArticleListDto'] -type Article = components['schemas']['ArticleDto'] +```Dockerfile +FROM mcr.microsoft.com/dotnet/sdk:7.0 -const getArticles = fetcher.path('/api/Articles').method('get').create() -const getArticleBySlug = fetcher.path('/api/Articles/{slug}').method('get').create() +RUN apt-get update && apt-get install -y ca-certificates-java && apt-get install -y \ + openjdk-17-jre-headless \ + unzip \ + && rm -rf /var/lib/apt/lists/* -export type { Article, ArticleList } -export { - getArticles, - getArticleBySlug, -} +RUN dotnet tool install --global dotnet-sonarscanner +RUN dotnet tool install --global dotnet-coverage + +ENV PATH="${PATH}:/root/.dotnet/tools" ``` {{< /highlight >}} -We are now fully typed compliant with the API. +Note as we add the `dotnet-sonarscanner` tool to the path, we can use it directly in the pipeline without any extra step. I'll also add `dotnet-coverage` global tool for code coverage generation that we'll use later. -### Call the API +Then the pipeline: -Let's create a pretty basic list + detail vue pages: - -{{< highlight host="kuberocks-demo-ui" file="src/pages/articles/index.vue" >}} - -```vue - - - -``` - -{{< /highlight >}} - -{{< highlight host="kuberocks-demo-ui" file="src/pages/articles/[slug].vue" >}} - -```vue - - - -``` - -{{< /highlight >}} - -It should work flawlessly. - -### Frontend CI/CD - -The CI frontend is far simpler than backend. Create a new `demo-ui` pipeline: - -{{< highlight host="demo-kube-flux" file="pipelines/demo-ui.yaml" >}} +{{< highlight host="demo-kube-flux" file="pipelines/images.yaml" >}} ```yml resources: - - name: version - type: semver - source: - driver: git - uri: ((git.url))/kuberocks/demo-ui - branch: main - file: version - username: ((git.username)) - password: ((git.password)) - git_user: ((git.git-user)) - commit_message: ((git.commit-message)) - - name: source-code + - name: docker-images-git type: git icon: coffee source: - uri: ((git.url))/kuberocks/demo-ui + uri: https://gitea.kube.rocks/kuberocks/docker-images branch: main - username: ((git.username)) - password: ((git.password)) - - name: docker-image + - name: dotnet-qa-image type: registry-image icon: docker source: - repository: ((registry.name))/kuberocks/demo-ui - tag: latest + repository: ((registry.name))/kuberocks/dotnet-qa + tag: "7.0" username: ((registry.username)) password: ((registry.password)) +jobs: + - name: dotnet-qa + plan: + - get: docker-images-git + - task: build-image + privileged: true + config: + platform: linux + image_resource: + type: registry-image + source: + repository: concourse/oci-build-task + inputs: + - name: docker-images-git + outputs: + - name: image + params: + DOCKERFILE: docker-images-git/dotnet-qa.dockerfile + run: + path: build + - put: dotnet-qa-image + params: + image: image/image.tar +``` + +{{< /highlight >}} + +Update the `main.yaml` pipeline to add the new job, then trigger it manually from Concourse UI to add the new above pipeline: + +{{< highlight host="demo-kube-flux" file="pipelines/main.yaml" >}} + +```tf +#... + +jobs: + - name: configure-pipelines + plan: + #... + - set_pipeline: images + file: ci/pipelines/images.yaml +``` + +{{< /highlight >}} + +The pipeline should now start and build the image, trigger it manually if needed on Concourse UI. Once done, you can check it on your Gitea container packages that the new image `gitea.kube.rocks/kuberocks/dotnet-qa` is here. + +### Concourse pipeline integration + +It's finally time to reuse this QA image in our Concourse demo project pipeline. Update it accordingly: + +{{< highlight host="demo-kube-flux" file="pipelines/demo.yaml" >}} + +```yml +#... + jobs: - name: build plan: @@ -647,187 +289,463 @@ jobs: image_resource: type: registry-image source: - repository: node - tag: 18-buster - inputs: - - name: source-code - path: . - outputs: - - name: dist - path: dist - caches: - - path: .pnpm-store + repository: ((registry.name))/kuberocks/dotnet-qa + tag: "7.0" + username: ((registry.username)) + password: ((registry.password)) + #... run: path: /bin/sh args: - -ec - | - corepack enable - corepack prepare pnpm@latest-8 --activate - pnpm config set store-dir .pnpm-store - pnpm i - pnpm lint - pnpm build + dotnet format --verify-no-changes - - task: build-image - privileged: true - config: - platform: linux - image_resource: - type: registry-image - source: - repository: concourse/oci-build-task - inputs: - - name: source-code - path: . - - name: dist - path: dist - outputs: - - name: image - run: - path: build - - put: version - params: { bump: patch } - - put: docker-image - params: - additional_tags: version/number - image: image/image.tar + dotnet sonarscanner begin /k:"KubeRocks-Demo" /d:sonar.host.url="((sonarqube.url))" /d:sonar.token="((sonarqube.analysis-token))" + dotnet build -c Release + dotnet sonarscanner end /d:sonar.token="((sonarqube.analysis-token))" + + dotnet publish src/KubeRocks.WebApi -c Release -o publish --no-restore --no-build + + #... ``` {{< /highlight >}} -{{< highlight host="demo-kube-flux" file="pipelines/demo-ui.yaml" >}} +Note as we now use the `dotnet-qa` image and surround the build step by `dotnet sonarscanner begin` and `dotnet sonarscanner end` commands with appropriate credentials allowing Sonar CLI to send report to our SonarQube instance. Trigger the pipeline manually, all should pass, and the result will be pushed to SonarQube. -```tf +[![SonarQube](sonarqube-dashboard.png)](sonarqube-dashboard.png) + +## Feature testing + +Let's cover the feature testing by calling the API against a real database. This is the opportunity to cover the code coverage as well. + +### xUnit + +First add a dedicated database for test in the docker compose file as we won't interfere with the development database: + +{{< highlight host="kuberocks-demo" file="docker-compose.yml" >}} + +```yaml +version: "3" + +services: + #... + + db_test: + image: postgres:15 + environment: + POSTGRES_USER: main + POSTGRES_PASSWORD: main + POSTGRES_DB: main + ports: + - 54320:5432 +``` + +{{< /highlight >}} + +Expose the startup service of minimal API: + +{{< highlight host="kuberocks-demo" file="src/KubeRocks.WebApi/Program.cs" >}} + +```cs +//... + +public partial class Program +{ + protected Program() { } +} +``` + +{{< /highlight >}} + +Then add a testing JSON environment file for accessing our database `db_test` from the docker-compose.yml: + +{{< highlight host="kuberocks-demo" file="src/KubeRocks.WebApi/appsettings.Testing.json" >}} + +```json +{ + "ConnectionStrings": { + "DefaultConnection": "Host=localhost:54320;Username=main;Password=main;Database=main;" + } +} +``` + +{{< /highlight >}} + +Now the test project: + +```sh +dotnet new xunit -o tests/KubeRocks.FeatureTests +dotnet sln add tests/KubeRocks.FeatureTests +dotnet add tests/KubeRocks.FeatureTests reference src/KubeRocks.WebApi +dotnet add tests/KubeRocks.FeatureTests package Microsoft.AspNetCore.Mvc.Testing +dotnet add tests/KubeRocks.FeatureTests package Respawn +dotnet add tests/KubeRocks.FeatureTests package FluentAssertions +``` + +The `WebApplicationFactory` that will use our testing environment: + +{{< highlight host="kuberocks-demo" file="tests/KubeRocks.FeatureTests/KubeRocksApiFactory.cs" >}} + +```cs +using Microsoft.AspNetCore.Mvc.Testing; +using Microsoft.Extensions.Hosting; + +namespace KubeRocks.FeatureTests; + +public class KubeRocksApiFactory : WebApplicationFactory +{ + protected override IHost CreateHost(IHostBuilder builder) + { + builder.UseEnvironment("Testing"); + + return base.CreateHost(builder); + } +} +``` + +{{< /highlight >}} + +The base test class for all test classes that manages database cleanup thanks to `Respawn`: + +{{< highlight host="kuberocks-demo" file="tests/KubeRocks.FeatureTests/TestBase.cs" >}} + +```cs +using KubeRocks.Application.Contexts; + +using Microsoft.EntityFrameworkCore; +using Microsoft.Extensions.DependencyInjection; + +using Npgsql; + +using Respawn; +using Respawn.Graph; + +namespace KubeRocks.FeatureTests; + +[Collection("Sequencial")] +public class TestBase : IClassFixture, IAsyncLifetime +{ + protected KubeRocksApiFactory Factory { get; private set; } + + protected TestBase(KubeRocksApiFactory factory) + { + Factory = factory; + } + + public async Task RefreshDatabase() + { + using var scope = Factory.Services.CreateScope(); + + using var conn = new NpgsqlConnection( + scope.ServiceProvider.GetRequiredService().Database.GetConnectionString() + ); + + await conn.OpenAsync(); + + var respawner = await Respawner.CreateAsync(conn, new RespawnerOptions + { + TablesToIgnore = new Table[] { "__EFMigrationsHistory" }, + DbAdapter = DbAdapter.Postgres + }); + + await respawner.ResetAsync(conn); + } + + public Task InitializeAsync() + { + return RefreshDatabase(); + } + + public Task DisposeAsync() + { + return Task.CompletedTask; + } +} +``` + +{{< /highlight >}} + +Note the `Collection` attribute that will force the test classes to run sequentially, required as we will use the same database for all tests. + +Finally, the tests for the 2 endpoints of our articles controller: + +{{< highlight host="kuberocks-demo" file="tests/KubeRocks.FeatureTests/Articles/ArticlesListTests.cs" >}} + +```cs +using System.Net.Http.Json; + +using FluentAssertions; + +using KubeRocks.Application.Contexts; +using KubeRocks.Application.Entities; +using KubeRocks.WebApi.Models; + +using Microsoft.Extensions.DependencyInjection; + +using static KubeRocks.WebApi.Controllers.ArticlesController; + +namespace KubeRocks.FeatureTests.Articles; + +public class ArticlesListTests : TestBase +{ + public ArticlesListTests(KubeRocksApiFactory factory) : base(factory) { } + + [Fact] + public async Task Can_Paginate_Articles() + { + using (var scope = Factory.Services.CreateScope()) + { + var db = scope.ServiceProvider.GetRequiredService(); + + var user = db.Users.Add(new User + { + Name = "John Doe", + Email = "john.doe@email.com" + }); + + db.Articles.AddRange(Enumerable.Range(1, 50).Select(i => new Article + { + Title = $"Test Title {i}", + Slug = $"test-title-{i}", + Description = "Test Description", + Body = "Test Body", + Author = user.Entity, + })); + + await db.SaveChangesAsync(); + } + + var response = await Factory.CreateClient().GetAsync("/api/Articles?page=1&size=20"); + + response.EnsureSuccessStatusCode(); + + var body = (await response.Content.ReadFromJsonAsync())!; + + body.Articles.Count().Should().Be(20); + body.ArticlesCount.Should().Be(50); + + body.Articles.First().Should().BeEquivalentTo(new + { + Title = "Test Title 50", + Description = "Test Description", + Body = "Test Body", + Author = new + { + Name = "John Doe" + }, + }); + } + + [Fact] + public async Task Can_Get_Article() + { + using (var scope = Factory.Services.CreateScope()) + { + var db = scope.ServiceProvider.GetRequiredService(); + + db.Articles.Add(new Article + { + Title = $"Test Title", + Slug = $"test-title", + Description = "Test Description", + Body = "Test Body", + Author = new User + { + Name = "John Doe", + Email = "john.doe@email.com" + } + }); + + await db.SaveChangesAsync(); + } + + var response = await Factory.CreateClient().GetAsync($"/api/Articles/test-title"); + + response.EnsureSuccessStatusCode(); + + var body = (await response.Content.ReadFromJsonAsync())!; + + body.Should().BeEquivalentTo(new + { + Title = "Test Title", + Description = "Test Description", + Body = "Test Body", + Author = new + { + Name = "John Doe" + }, + }); + } +} +``` + +{{< /highlight >}} + +Ensure all tests passes with `dotnet test`. + +### CI tests & code coverage + +Now we need to integrate the tests in our CI pipeline. As we testing with a real database, create a new `demo_test` database through pgAdmin with basic `test` / `test` credentials. + +{{< alert >}} +In real world scenario, you should use a dedicated database for testing, and not the same as production. +{{< /alert >}} + +Let's edit the pipeline accordingly for tests: + +{{< highlight host="demo-kube-flux" file="pipelines/demo.yaml" >}} + +```yml #... jobs: - - name: configure-pipelines + - name: build plan: #... - - set_pipeline: demo-ui - file: ci/pipelines/demo-ui.yaml -``` -{{< /highlight >}} + - task: build-source + config: + #... + params: + ConnectionStrings__DefaultConnection: "Host=postgres-primary.postgres;Username=test;Password=test;Database=demo_test" + run: + path: /bin/sh + args: + - -ec + - | + dotnet format --verify-no-changes -Apply it and put this nginx `Dockerfile` on frontend root project: + dotnet sonarscanner begin /k:"KubeRocks-Demo" /d:sonar.host.url="((sonarqube.url))" /d:sonar.token="((sonarqube.analysis-token))" /d:sonar.cs.vscoveragexml.reportsPaths=coverage.xml + dotnet build -c Release + dotnet-coverage collect 'dotnet test -c Release --no-restore --no-build --verbosity=normal' -f xml -o 'coverage.xml' + dotnet sonarscanner end /d:sonar.token="((sonarqube.analysis-token))" -{{< highlight host="kuberocks-demo-ui" file="Dockerfile" >}} + dotnet publish src/KubeRocks.WebApi -c Release -o publish --no-restore --no-build -```Dockerfile -FROM nginx:alpine - -COPY docker/nginx.conf /etc/nginx/conf.d/default.conf -COPY dist /usr/share/nginx/html -``` - -{{< /highlight >}} - -After push all CI should build correctly. Then the image policy for auto update: - -{{< highlight host="demo-kube-flux" file="clusters/demo/kuberocks/images-demo-ui.yaml" >}} - -```yml -apiVersion: image.toolkit.fluxcd.io/v1beta1 -kind: ImageRepository -metadata: - name: demo-ui - namespace: flux-system -spec: - image: gitea.kube.rocks/kuberocks/demo-ui - interval: 1m0s - secretRef: - name: dockerconfigjson ---- -apiVersion: image.toolkit.fluxcd.io/v1beta1 -kind: ImagePolicy -metadata: - name: demo-ui - namespace: flux-system -spec: - imageRepositoryRef: - name: demo-ui - namespace: flux-system - policy: - semver: - range: 0.0.x -``` - -{{< /highlight >}} - -The deployment: - -{{< highlight host="demo-kube-flux" file="clusters/demo/kuberocks/deploy-demo-ui.yaml" >}} - -```yml -apiVersion: apps/v1 -kind: Deployment -metadata: - name: demo-ui - namespace: kuberocks -spec: - replicas: 2 - selector: - matchLabels: - app: demo-ui - template: - metadata: - labels: - app: demo-ui - spec: - imagePullSecrets: - - name: dockerconfigjson - containers: - - name: front - image: gitea.okami101.io/kuberocks/demo-ui:latest # {"$imagepolicy": "flux-system:image-demo-ui"} - ports: - - containerPort: 80 ---- -apiVersion: v1 -kind: Service -metadata: - name: demo-ui - namespace: kuberocks -spec: - selector: - app: demo-ui - ports: - - name: http - port: 80 -``` - -{{< /highlight >}} - -After push, the demo UI container should be deployed. The very last step is to add a new route to existing `IngressRoute` for frontend: - -{{< highlight host="demo-kube-flux" file="clusters/demo/kuberocks/deploy-demo.yaml" >}} - -```yaml #... -apiVersion: traefik.io/v1alpha1 -kind: IngressRoute -#... -spec: - #... - routes: - - match: Host(`demo.kube.rocks`) - kind: Rule - services: - - name: demo-ui - port: http - - match: Host(`demo.kube.rocks`) && PathPrefix(`/api`) - #... ``` {{< /highlight >}} -Go to `https://demo.kube.rocks` to confirm if both app front & back are correctly connected ! +Note as we already include code coverage by using `dotnet-coverage` tool. Don't forget to precise the path of `coverage.xml` to `sonarscanner` CLI too. It's time to push our code with tests or trigger the pipeline manually to test our integration tests. -[![Frontend](frontend.png)](frontend.png) +If all goes well, you should see the tests results on SonarQube with some coverage done: -## Final check 🎊🏁🎊 +[![SonarQube](sonarqube-tests.png)](sonarqube-tests.png) -Congratulation if you're getting that far !!! +Coverage detail: -We have made an enough complete tour of Kubernetes cluster building on full GitOps mode. +[![SonarQube](sonarqube-cc.png)](sonarqube-cc.png) + +You may exclude some files from analysis by adding some project properties: + +{{< highlight host="kuberocks-demo" file="src/KubeRocks.Application/KubeRocks.Application.csproj" >}} + +```xml + + + + + + appsettings.Testing.json + + + +``` + +{{< /highlight >}} + +Same for coverage: + +{{< highlight host="kuberocks-demo" file="src/KubeRocks.Application/KubeRocks.Application.csproj" >}} + +```xml + + + + + + Migrations/**/* + + + +``` + +{{< /highlight >}} + +### Sonar Analyzer + +You can enforce many default sonar rules by using [Sonar Analyzer](https://github.com/SonarSource/sonar-dotnet) directly locally before any code push. + +Create this file at the root of your solution for enabling Sonar Analyzer globally: + +{{< highlight host="kuberocks-demo" file="Directory.Build.props" >}} + +```xml + + + latest-Recommended + true + true + + + + + +``` + +{{< /highlight >}} + +Any rule violation is treated as error at project building, which block the CI before execution of tests. Use `latest-All` as `AnalysisLevel` for psychopath mode. + +At this stage as soon this file is added, you should see some errors at building. If you use VSCode with correct C# extension, these errors will be highlighted directly in the editor. Here are some fixes: + +{{< highlight host="kuberocks-demo" file="src/KubeRocks.WebApi/Program.cs" >}} + +```cs +#... + +builder.Host.UseSerilog((ctx, cfg) => cfg + .ReadFrom.Configuration(ctx.Configuration) + .Enrich.WithSpan() + .WriteTo.Console( + outputTemplate: "[{Timestamp:HH:mm:ss} {Level:u3}] |{TraceId}| {Message:lj}{NewLine}{Exception}", + // Enforce culture + formatProvider: CultureInfo.InvariantCulture + ) +); + +#... +``` + +{{< /highlight >}} + +Delete `WeatherForecastController.cs`. + +{{< highlight host="kuberocks-demo" file="tests/KubeRocks.FeatureTests.csproj" >}} + +```xml + + + + + + CA1707 + + + + +``` + +{{< /highlight >}} + +## 10th check ✅ + +We have done for code quality process. Go to the [final part]({{< ref "/posts/21-build-your-own-kubernetes-cluster-part-12" >}}) with load testing, and some frontend ! diff --git a/content/posts/19-build-your-own-kubernetes-cluster-part-10/sonarqube-cc.png b/content/posts/20-build-your-own-kubernetes-cluster-part-11/sonarqube-cc.png similarity index 100% rename from content/posts/19-build-your-own-kubernetes-cluster-part-10/sonarqube-cc.png rename to content/posts/20-build-your-own-kubernetes-cluster-part-11/sonarqube-cc.png diff --git a/content/posts/19-build-your-own-kubernetes-cluster-part-10/sonarqube-dashboard.png b/content/posts/20-build-your-own-kubernetes-cluster-part-11/sonarqube-dashboard.png similarity index 100% rename from content/posts/19-build-your-own-kubernetes-cluster-part-10/sonarqube-dashboard.png rename to content/posts/20-build-your-own-kubernetes-cluster-part-11/sonarqube-dashboard.png diff --git a/content/posts/19-build-your-own-kubernetes-cluster-part-10/sonarqube-tests.png b/content/posts/20-build-your-own-kubernetes-cluster-part-11/sonarqube-tests.png similarity index 100% rename from content/posts/19-build-your-own-kubernetes-cluster-part-10/sonarqube-tests.png rename to content/posts/20-build-your-own-kubernetes-cluster-part-11/sonarqube-tests.png diff --git a/content/posts/20-build-your-own-kubernetes-cluster-part-11/frontend.png b/content/posts/21-build-your-own-kubernetes-cluster-part-12/frontend.png similarity index 100% rename from content/posts/20-build-your-own-kubernetes-cluster-part-11/frontend.png rename to content/posts/21-build-your-own-kubernetes-cluster-part-12/frontend.png diff --git a/content/posts/20-build-your-own-kubernetes-cluster-part-11/grafana-db-lb.png b/content/posts/21-build-your-own-kubernetes-cluster-part-12/grafana-db-lb.png similarity index 100% rename from content/posts/20-build-your-own-kubernetes-cluster-part-11/grafana-db-lb.png rename to content/posts/21-build-your-own-kubernetes-cluster-part-12/grafana-db-lb.png diff --git a/content/posts/20-build-your-own-kubernetes-cluster-part-11/grafana-k6.png b/content/posts/21-build-your-own-kubernetes-cluster-part-12/grafana-k6.png similarity index 100% rename from content/posts/20-build-your-own-kubernetes-cluster-part-11/grafana-k6.png rename to content/posts/21-build-your-own-kubernetes-cluster-part-12/grafana-k6.png diff --git a/content/posts/21-build-your-own-kubernetes-cluster-part-12/index.md b/content/posts/21-build-your-own-kubernetes-cluster-part-12/index.md new file mode 100644 index 0000000..9b309a1 --- /dev/null +++ b/content/posts/21-build-your-own-kubernetes-cluster-part-12/index.md @@ -0,0 +1,833 @@ +--- +title: "Setup a HA Kubernetes cluster Part XII - Load testing & Frontend" +date: 2023-10-12 +description: "Follow this opinionated guide as starter-kit for your own Kubernetes platform..." +tags: ["kubernetes", "load-testing", "k6", "frontend", "vue", "typescript", "openapi"] +draft: true +--- + +{{< lead >}} +Be free from AWS/Azure/GCP by building a production grade On-Premise Kubernetes cluster on cheap VPS provider, fully GitOps managed, and with complete CI/CD tools 🎉 +{{< /lead >}} + +This is the **Part XII** of more global topic tutorial. [Back to first part]({{< ref "/posts/10-build-your-own-kubernetes-cluster" >}}) for intro. + +## Load testing + +When it comes load testing, k6 is a perfect tool for this job and integrate with many real time series database integration like Prometheus or InfluxDB. As we already have Prometheus, let's use it and avoid us a separate InfluxDB installation. First be sure to allow remote write by enable `enableRemoteWriteReceiver` in the Prometheus Helm chart. It should be already done if you follow this tutorial. + +### K6 + +We'll reuse our flux repo and add some manifests for defining the load testing scenario. Firstly describe the scenario inside `ConfigMap` that scrape all articles and then each article: + +{{< highlight host="demo-kube-flux" file="jobs/demo-k6.yaml" >}} + +```yml +apiVersion: v1 +kind: ConfigMap +metadata: + name: scenario + namespace: kuberocks +data: + script.js: | + import http from "k6/http"; + import { check } from "k6"; + + export default function () { + const size = 10; + let page = 1; + + let articles = [] + + do { + const res = http.get(`${__ENV.API_URL}/Articles?page=${page}&size=${size}`); + check(res, { + "status is 200": (r) => r.status == 200, + }); + + articles = res.json().articles; + page++; + + articles.forEach((article) => { + const res = http.get(`${__ENV.API_URL}/Articles/${article.slug}`); + check(res, { + "status is 200": (r) => r.status == 200, + }); + }); + } + while (articles.length > 0); + } +``` + +{{< /highlight >}} + +And add the k6 `Job` in the same file and configure it for Prometheus usage and mounting above scenario: + +{{< highlight host="demo-kube-flux" file="jobs/demo-k6.yaml" >}} + +```yml +#... +--- +apiVersion: batch/v1 +kind: Job +metadata: + name: k6 + namespace: kuberocks +spec: + ttlSecondsAfterFinished: 0 + template: + spec: + restartPolicy: Never + containers: + - name: run + image: grafana/k6 + env: + - name: API_URL + value: https://demo.kube.rocks/api + - name: K6_VUS + value: "30" + - name: K6_DURATION + value: 1m + - name: K6_PROMETHEUS_RW_SERVER_URL + value: http://prometheus-operated.monitoring:9090/api/v1/write + command: + ["k6", "run", "-o", "experimental-prometheus-rw", "script.js"] + volumeMounts: + - name: scenario + mountPath: /home/k6 + tolerations: + - key: node-role.kubernetes.io/runner + operator: Exists + effect: NoSchedule + nodeSelector: + node-role.kubernetes.io/runner: "true" + volumes: + - name: scenario + configMap: + name: scenario +``` + +{{< /highlight >}} + +Use appropriate `tolerations` and `nodeSelector` for running the load testing in a node which have free CPU resource. You can play with `K6_VUS` and `K6_DURATION` environment variables in order to change the level of load testing. + +Then you can launch the job with `ka jobs/demo-k6.yaml`. Check quickly that the job is running via `klo -n kuberocks job/k6`: + +```txt + + /\ |‾‾| /‾‾/ /‾‾/ + /\ / \ | |/ / / / + / \/ \ | ( / ‾‾\ + / \ | |\ \ | (‾) | +/ __________ \ |__| \__\ \_____/ .io + +execution: local + script: script.js + output: Prometheus remote write (http://prometheus-operated.monitoring:9090/api/v1/write) + +scenarios: (100.00%) 1 scenario, 30 max VUs, 1m30s max duration (incl. graceful stop): + * default: 30 looping VUs for 1m0s (gracefulStop: 30s) +``` + +After 1 minute of run, job should finish and show some raw result: + +```txt +✓ status is 200 + +checks.........................: 100.00% ✓ 17748 ✗ 0 +data_received..................: 404 MB 6.3 MB/s +data_sent......................: 1.7 MB 26 kB/s +http_req_blocked...............: avg=242.43µs min=223ns med=728ns max=191.27ms p(90)=1.39µs p(95)=1.62µs +http_req_connecting............: avg=13.13µs min=0s med=0s max=9.48ms p(90)=0s p(95)=0s +http_req_duration..............: avg=104.22ms min=28.9ms med=93.45ms max=609.86ms p(90)=162.04ms p(95)=198.93ms + { expected_response:true }...: avg=104.22ms min=28.9ms med=93.45ms max=609.86ms p(90)=162.04ms p(95)=198.93ms +http_req_failed................: 0.00% ✓ 0 ✗ 17748 +http_req_receiving.............: avg=13.76ms min=32.71µs med=6.49ms max=353.13ms p(90)=36.04ms p(95)=51.36ms +http_req_sending...............: avg=230.04µs min=29.79µs med=93.16µs max=25.75ms p(90)=201.92µs p(95)=353.61µs +http_req_tls_handshaking.......: avg=200.57µs min=0s med=0s max=166.91ms p(90)=0s p(95)=0s +http_req_waiting...............: avg=90.22ms min=14.91ms med=80.76ms max=609.39ms p(90)=138.3ms p(95)=169.24ms +http_reqs......................: 17748 276.81409/s +iteration_duration.............: avg=5.39s min=3.97s med=5.35s max=7.44s p(90)=5.94s p(95)=6.84s +iterations.....................: 348 5.427727/s +vus............................: 7 min=7 max=30 +vus_max........................: 30 min=30 max=30 +``` + +As we use Prometheus for outputting the result, we can visualize it easily with Grafana. You just have to import [this dashboard](https://grafana.com/grafana/dashboards/18030-official-k6-test-result/): + +[![Grafana](grafana-k6.png)](grafana-k6.png) + +As we use Kubernetes, increase the loading performance horizontally is dead easy. Go to the deployment configuration of demo app for increasing replicas count, as well as Traefik, and compare the results. + +### Load balancing database + +So far, we only load balanced the stateless API, but what about the database part ? We have set up a replicated PostgreSQL cluster, however we have no use of the replica that stay sadly idle. But for that we have to distinguish write queries from scalable read queries. + +We can make use of the Bitnami [PostgreSQL HA](https://artifacthub.io/packages/helm/bitnami/postgresql-ha) instead of simple one. It adds the new component [Pgpool-II](https://pgpool.net/mediawiki/index.php/Main_Page) as main load balancer and detect failover. It's able to separate in real time write queries from read queries and send them to the master or the replica. The advantage: works natively for all apps without any changes. The cons: it consumes far more resources and add a new component to maintain. + +A 2nd solution is to separate query typologies from where it counts: the application. It requires some code changes, but it's clearly a far more efficient solution. Let's do this way. + +As Npgsql support load balancing [natively](https://www.npgsql.org/doc/failover-and-load-balancing.html), we don't need to add any Kubernetes service. We just have to create a clear distinction between read and write queries. One simple way is to create a separate RO `DbContext`. + +{{< highlight host="kuberocks-demo" file="src/KubeRocks.Application/Contexts/AppRoDbContext.cs" >}} + +```cs +namespace KubeRocks.Application.Contexts; + +using KubeRocks.Application.Entities; + +using Microsoft.EntityFrameworkCore; + +public class AppRoDbContext : DbContext +{ + public DbSet Users => Set(); + public DbSet
Articles => Set
(); + public DbSet Comments => Set(); + + public AppRoDbContext(DbContextOptions options) : base(options) + { + } +} +``` + +{{< /highlight >}} + +Register it in DI: + +{{< highlight host="kuberocks-demo" file="src/KubeRocks.Application/Extensions/ServiceExtensions.cs" >}} + +```cs +public static class ServiceExtensions +{ + public static IServiceCollection AddKubeRocksServices(this IServiceCollection services, IConfiguration configuration) + { + return services + //... + .AddDbContext((options) => + { + options.UseNpgsql( + configuration.GetConnectionString("DefaultRoConnection") + ?? + configuration.GetConnectionString("DefaultConnection") + ); + }); + } +} +``` + +{{< /highlight >}} + +We fall back to the RW connection string if the RO one is not defined. Then use it in the `ArticlesController` which as only read endpoints: + +{{< highlight host="kuberocks-demo" file="src/KubeRocks.WebApi/Controllers/ArticlesController.cs" >}} + +```cs +//... + +public class ArticlesController +{ + private readonly AppRoDbContext _context; + + //... + + public ArticlesController(AppRoDbContext context) + { + _context = context; + } + + //... +} +``` + +{{< /highlight >}} + +Push and let it pass the CI. In the meantime, add the new RO connection: + +{{< highlight host="demo-kube-flux" file="clusters/demo/kuberocks/deploy-demo.yaml" >}} + +```yaml +# ... +spec: + # ... + template: + # ... + spec: + # ... + containers: + - name: api + # ... + env: + - name: DB_PASSWORD + valueFrom: + secretKeyRef: + name: demo-db + key: password + - name: ConnectionStrings__DefaultConnection + value: Host=postgresql-primary.postgres;Username=demo;Password='$(DB_PASSWORD)';Database=demo; + - name: ConnectionStrings__DefaultRoConnection + value: Host=postgresql-primary.postgres,postgresql-read.postgres;Username=demo;Password='$(DB_PASSWORD)';Database=demo;Load Balance Hosts=true; +#... +``` + +{{< /highlight >}} + +We simply have to add multiple host like `postgresql-primary.postgres,postgresql-read.postgres` for the RO connection string and enable LB mode with `Load Balance Hosts=true`. + +Once deployed, relaunch a load test with K6 and admire the DB load balancing in action on both storage servers with `htop` or directly compute pods by namespace in Grafana. + +[![Gafana DB load balancing](grafana-db-lb.png)](grafana-db-lb.png) + +## Frontend + +Let's finish this guide by a quick view of SPA frontend development as a separate project from backend. + +### Vue TS + +Create a new Vue.js project from [vitesse starter kit](https://github.com/antfu/vitesse-lite) (be sure to have pnpm, just a matter of `scoop/brew install pnpm`): + +```sh +npx degit antfu/vitesse-lite kuberocks-demo-ui +cd kuberocks-demo-ui +git init +git add . +git commit -m "Initial commit" +pnpm i +pnpm dev +``` + +Should launch app in `http://localhost:3333/`. Create a new `kuberocks-demo-ui` Gitea repo and push this code into it. Now lets quick and done for API calls. + +### Get around CORS and HTTPS with YARP + +As always when frontend is separated from backend, we have to deal with CORS. But I prefer to have one single URL for frontend + backend and get rid of CORS problem by simply call under `/api` path. Moreover, it'll be production ready without need to manage any `Vite` variable for API URL and we'll get HTTPS provided by dotnet. Back to API project. + +For convenience, let's change the randomly generated ASP.NET ports by predefined ones: + +{{< highlight host="kuberocks-demo" file="src/KubeRocks.WebApi/Properties/launchSettings.json" >}} + +```json +{ + //... + "profiles": { + "http": { + //... + "applicationUrl": "http://localhost:5000", + //... + }, + "https": { + //... + "applicationUrl": "https://localhost:5001;http://localhost:5000", + //... + }, + //... + } +} +``` + +{{< /highlight >}} + +```sh +dotnet add src/KubeRocks.WebApi package Yarp.ReverseProxy +``` + +{{< highlight host="kuberocks-demo" file="src/KubeRocks.WebApi/Program.cs" >}} + +```cs +//... + +var builder = WebApplication.CreateBuilder(args); + +builder.Services.AddReverseProxy() + .LoadFromConfig(builder.Configuration.GetSection("ReverseProxy")); + +//... + +var app = builder.Build(); + +app.MapReverseProxy(); + +//... + +app.UseRouting(); + +//... +``` + +{{< /highlight >}} + +Note as we must add `app.UseRouting();` too in order to get Swagger UI working. + +The proxy configuration (only for development): + +{{< highlight host="kuberocks-demo" file="src/KubeRocks.WebApi/appsettings.Development.json" >}} + +```json +{ + //... + "ReverseProxy": { + "Routes": { + "ServerRouteApi": { + "ClusterId": "Server", + "Match": { + "Path": "/api/{**catch-all}" + }, + "Transforms": [ + { + "PathRemovePrefix": "/api" + } + ] + }, + "ClientRoute": { + "ClusterId": "Client", + "Match": { + "Path": "{**catch-all}" + } + } + }, + "Clusters": { + "Client": { + "Destinations": { + "Client1": { + "Address": "http://localhost:3333" + } + } + }, + "Server": { + "Destinations": { + "Server1": { + "Address": "https://localhost:5001" + } + } + } + } + } +} +``` + +{{< /highlight >}} + +Now your frontend app should appear under `https://localhost:5001`, and API calls under `https://localhost:5001/api`. We now benefit from HTTPS for all app. Push API code. + +### Typescript API generator + +As we use OpenAPI, it's possible to generate typescript client for API calls. Add this package: + +```sh +pnpm add openapi-typescript -D +pnpm add openapi-typescript-fetch +``` + +Before generate the client model, go back to backend for forcing required by default for attributes when not nullable when using `Swashbuckle.AspNetCore`: + +{{< highlight host="kuberocks-demo" file="src/KubeRocks.WebApi/Filters/RequiredNotNullableSchemaFilter.cs" >}} + +```cs +using Microsoft.OpenApi.Models; + +using Swashbuckle.AspNetCore.SwaggerGen; + +namespace KubeRocks.WebApi.Filters; + +public class RequiredNotNullableSchemaFilter : ISchemaFilter +{ + public void Apply(OpenApiSchema schema, SchemaFilterContext context) + { + if (schema.Properties is null) + { + return; + } + + var notNullableProperties = schema + .Properties + .Where(x => !x.Value.Nullable && !schema.Required.Contains(x.Key)) + .ToList(); + + foreach (var property in notNullableProperties) + { + schema.Required.Add(property.Key); + } + } +} +``` + +{{< /highlight >}} + +{{< highlight host="kuberocks-demo" file="src/KubeRocks.WebApi/Program.cs" >}} + +```cs +//... + +builder.Services.AddSwaggerGen(o => +{ + o.SupportNonNullableReferenceTypes(); + o.SchemaFilter(); +}); + +//... +``` + +{{< /highlight >}} + +You should now have proper required attributes for models in swagger UI: + +[![Frontend](swagger-ui-nullable.png)](swagger-ui-nullable.png) + +{{< alert >}} +Sadly, without this boring step, many attributes will be nullable when generating TypeScript models, and leads to headaches from client side by forcing us to manage nullable everywhere. +{{< /alert >}} + +Now generate the models: + +{{< highlight host="kuberocks-demo-ui" file="package.json" >}} + +```json +{ + //... + "scripts": { + //... + "openapi": "openapi-typescript http://localhost:5000/api/v1/swagger.json --output src/api/openapi.ts" + }, + //... +} +``` + +{{< /highlight >}} + +Use the HTTP version of swagger as you'll get a self certificate error. The use `pnpm openapi` to generate full TS model. Finally, describe API fetchers like so: + +{{< highlight host="kuberocks-demo-ui" file="src/api/index.ts" >}} + +```ts +import { Fetcher } from 'openapi-typescript-fetch' + +import type { components, paths } from './openapi' + +const fetcher = Fetcher.for() + +type ArticleList = components['schemas']['ArticleListDto'] +type Article = components['schemas']['ArticleDto'] + +const getArticles = fetcher.path('/api/Articles').method('get').create() +const getArticleBySlug = fetcher.path('/api/Articles/{slug}').method('get').create() + +export type { Article, ArticleList } +export { + getArticles, + getArticleBySlug, +} +``` + +{{< /highlight >}} + +We are now fully typed compliant with the API. + +### Call the API + +Let's create a pretty basic list + detail vue pages: + +{{< highlight host="kuberocks-demo-ui" file="src/pages/articles/index.vue" >}} + +```vue + + + +``` + +{{< /highlight >}} + +{{< highlight host="kuberocks-demo-ui" file="src/pages/articles/[slug].vue" >}} + +```vue + + + +``` + +{{< /highlight >}} + +It should work flawlessly. + +### Frontend CI/CD + +The CI frontend is far simpler than backend. Create a new `demo-ui` pipeline: + +{{< highlight host="demo-kube-flux" file="pipelines/demo-ui.yaml" >}} + +```yml +resources: + - name: version + type: semver + source: + driver: git + uri: ((git.url))/kuberocks/demo-ui + branch: main + file: version + username: ((git.username)) + password: ((git.password)) + git_user: ((git.git-user)) + commit_message: ((git.commit-message)) + - name: source-code + type: git + icon: coffee + source: + uri: ((git.url))/kuberocks/demo-ui + branch: main + username: ((git.username)) + password: ((git.password)) + - name: docker-image + type: registry-image + icon: docker + source: + repository: ((registry.name))/kuberocks/demo-ui + tag: latest + username: ((registry.username)) + password: ((registry.password)) + +jobs: + - name: build + plan: + - get: source-code + trigger: true + + - task: build-source + config: + platform: linux + image_resource: + type: registry-image + source: + repository: node + tag: 18-buster + inputs: + - name: source-code + path: . + outputs: + - name: dist + path: dist + caches: + - path: .pnpm-store + run: + path: /bin/sh + args: + - -ec + - | + corepack enable + corepack prepare pnpm@latest-8 --activate + pnpm config set store-dir .pnpm-store + pnpm i + pnpm lint + pnpm build + + - task: build-image + privileged: true + config: + platform: linux + image_resource: + type: registry-image + source: + repository: concourse/oci-build-task + inputs: + - name: source-code + path: . + - name: dist + path: dist + outputs: + - name: image + run: + path: build + - put: version + params: { bump: patch } + - put: docker-image + params: + additional_tags: version/number + image: image/image.tar +``` + +{{< /highlight >}} + +{{< highlight host="demo-kube-flux" file="pipelines/demo-ui.yaml" >}} + +```tf +#... + +jobs: + - name: configure-pipelines + plan: + #... + - set_pipeline: demo-ui + file: ci/pipelines/demo-ui.yaml +``` + +{{< /highlight >}} + +Apply it and put this nginx `Dockerfile` on frontend root project: + +{{< highlight host="kuberocks-demo-ui" file="Dockerfile" >}} + +```Dockerfile +FROM nginx:alpine + +COPY docker/nginx.conf /etc/nginx/conf.d/default.conf +COPY dist /usr/share/nginx/html +``` + +{{< /highlight >}} + +After push all CI should build correctly. Then the image policy for auto update: + +{{< highlight host="demo-kube-flux" file="clusters/demo/kuberocks/images-demo-ui.yaml" >}} + +```yml +apiVersion: image.toolkit.fluxcd.io/v1beta1 +kind: ImageRepository +metadata: + name: demo-ui + namespace: flux-system +spec: + image: gitea.kube.rocks/kuberocks/demo-ui + interval: 1m0s + secretRef: + name: dockerconfigjson +--- +apiVersion: image.toolkit.fluxcd.io/v1beta1 +kind: ImagePolicy +metadata: + name: demo-ui + namespace: flux-system +spec: + imageRepositoryRef: + name: demo-ui + namespace: flux-system + policy: + semver: + range: 0.0.x +``` + +{{< /highlight >}} + +The deployment: + +{{< highlight host="demo-kube-flux" file="clusters/demo/kuberocks/deploy-demo-ui.yaml" >}} + +```yml +apiVersion: apps/v1 +kind: Deployment +metadata: + name: demo-ui + namespace: kuberocks +spec: + replicas: 2 + selector: + matchLabels: + app: demo-ui + template: + metadata: + labels: + app: demo-ui + spec: + imagePullSecrets: + - name: dockerconfigjson + containers: + - name: front + image: gitea.okami101.io/kuberocks/demo-ui:latest # {"$imagepolicy": "flux-system:image-demo-ui"} + ports: + - containerPort: 80 +--- +apiVersion: v1 +kind: Service +metadata: + name: demo-ui + namespace: kuberocks +spec: + selector: + app: demo-ui + ports: + - name: http + port: 80 +``` + +{{< /highlight >}} + +After push, the demo UI container should be deployed. The very last step is to add a new route to existing `IngressRoute` for frontend: + +{{< highlight host="demo-kube-flux" file="clusters/demo/kuberocks/deploy-demo.yaml" >}} + +```yaml +#... +apiVersion: traefik.io/v1alpha1 +kind: IngressRoute +#... +spec: + #... + routes: + - match: Host(`demo.kube.rocks`) + kind: Rule + services: + - name: demo-ui + port: http + - match: Host(`demo.kube.rocks`) && PathPrefix(`/api`) + #... +``` + +{{< /highlight >}} + +Go to `https://demo.kube.rocks` to confirm if both app front & back are correctly connected ! + +[![Frontend](frontend.png)](frontend.png) + +## Final check 🎊🏁🎊 + +Congratulation if you're getting that far !!! + +We have made an enough complete tour of Kubernetes cluster building on full GitOps mode. diff --git a/content/posts/20-build-your-own-kubernetes-cluster-part-11/swagger-ui-nullable.png b/content/posts/21-build-your-own-kubernetes-cluster-part-12/swagger-ui-nullable.png similarity index 100% rename from content/posts/20-build-your-own-kubernetes-cluster-part-11/swagger-ui-nullable.png rename to content/posts/21-build-your-own-kubernetes-cluster-part-12/swagger-ui-nullable.png