C o d i n g H o l i d a y

Monitoring Docker Container with prometheus + cadvisor + grafana + node-exporter

Sun, 20 Apr 2025 02:44:31 GMT

I will show you how to install all tools for monitor docker container by prometheus + cadvisor + grafana + node-exporter

Create docker-compose.yml

version: '3.2'
volumes:
  prometheus_data: {}
  grafana_data: {}
services:
  prometheus:
    image: prom/prometheus:latest
    container_name: monitoring_prometheus
    restart: unless-stopped
    volumes:
      - ./prometheus.yml:/etc/prometheus/prometheus.yml
      - prometheus_data:/promtheus
    command:
      - '--config.file=/etc/prometheus/prometheus.yml'
    expose:
      - 9090
    ports:
      - 9090:9090
    links:
      - cadvisor:cadvisor
      - node-exporter:node-exporter
  node-exporter:
    image: prom/node-exporter:latest
    container_name: monitoring_node_exporter
    restart: unless-stopped
    expose:
      - 9100

  cadvisor:
    image: gcr.io/cadvisor/cadvisor:v0.46.0
    container_name: monitoring_cadvisor
    restart: unless-stopped
    privileged: true
    devices:
      - /dev/kmsg:/dev/kmsg
    volumes:
      - /var/run:/var/run:ro
      - /sys:/sys:ro
      - /var/lib/docker/:/var/lib/docker:ro
      - /var/run/docker.sock:/var/run/docker.sock:ro
      - /etc/machine-id:/etc/machine-id:ro
      - /var/lib/dbus/machine-id:/var/lib/dbus/machine-id:ro
    expose:
      - 8080

  grafana:
    image: grafana/grafana:latest
    container_name: monitoring_grafana
    restart: unless-stopped
    links:
      - prometheus:prometheus
    volumes:
      - ./data/grafana:/var/lib/grafana
    environment:
      - GF_SECURITY_ADMIN_PASSWORD=adminpassword
      - GF_USERS_ALLOW_SIGN_UP=false
    depends_on:
      - prometheus
    ports:
      - "3000:3000"

2. Create prometheus.yml (config file)

global:
  scrape_interval: 120s # By default, scrape targets every 15 seconds.
  evaluation_interval: 120s # By default, scrape targets every 15 seconds.
  external_labels:
    monitor: "my-project"
rule_files:
scrape_configs:
  - job_name: "prometheus"
    scrape_interval: 120s
    static_configs:
      - targets:
          [
            "localhost:9090",
            "cadvisor:8080",
            "node-exporter:9100",
            "nginx-exporter:9113",
          ]

3. run docker-compose up -d

4. http://localhost:3000 and select menu Data source

if localhost:9090 not work just try http://host.docker.internal:9090

5. Import dashboard from https://grafana.com/grafana/dashboards/10566-docker-and-os-metrics/

and then you will get it 😘

sometime some box will not display data you can edit query for modify your dashboard

Thank you 👌

Create Service Using RestAPI and gRPC [Dotnet6]

Sun, 20 Apr 2025 02:43:38 GMT

บทความนี้จะมาแนะนำการ สร้าง Service โดยใช้ทั้ง RestApi และ gRPC
โดยจะออกแบบ ระบบตามรูปด้านล่าง เผื่อมีความต้องการที่จะ delivery ทั้งสอง
แบบให้ user ใช้งาน 👋👋

source code : https://github.com/pichayean/samplecatservice.git

เตรียมโปรเจค 😇

✔ Create Sample Cat Service
— dotnet new classlib -o samplecatservice

✔ Create Sample Cat Service Api
— dotnet new webapi -o samplecatservice.api

✔ Create Sample Cat Service gRPC
— dotnet new grpc -o samplecatservice.grpc

✔ Create Sample Cat Service Client
— dotnet new console -o samplecatservice.client

Sample Cat Service 👩🏻‍💻

สร้าง File ตามรูปด้านบน
AppSettings.cs =>
CatEntity.cs => Entity file
CatLogics.cs => Logic process for cat service
ICatLogics.cs => Interface of Logic process for cat service
CatRepository.cs => Repository
IRepository.cs => Interface of Repository
CatModuleExtension.cs => ExtensionMethod for DI Service

2. Sample Cat Service Api 👩🏻‍💻

สร้าง File ตามรูปด้านบน
CatsController.cs => Controller file
Cat.Response.cs => Response file
CreateCat.Request.cs => Request file
CreateCat.Response.cs => Response file
Error.Response.cs => Response file
Success.Response.cs => Response file
UpdateCat.Request.cs => Request file
Dockerfile

[Edit]Program.cs => Register Cat Module

[Additional] samplecatservice.api.csproj
<ProjectReference Include=”..\samplecatservice\samplecatservice.csproj” />

3. Sample Cat Service gRPC 👩🏻‍💻

สร้าง File ตามรูปด้านบน
cats.proto => proto file
CatsService.cs => CatsService file
Dockerfile

[Edit]Program.cs => Register Cat Module and Register CatsService

[Additional] samplecatservice.grpc.csproj
<ProjectReference Include=”..\samplecatservice\samplecatservice.csproj” />

4. Sample Cat Service Client 👩🏻‍💻
เพื่อใช้ทดลองเรียกใช้งาน gRPC Service

— add package —
dotnet add package Google.Protobuf
dotnet add package Grpc.Net.Client
dotnet add package Grpc.Tools

สร้าง File ตามรูปด้านบน
CatGrpcClient.cs
CatHttpClient.cs

[Additional] samplecatservice.client.csproj
<Protobuf Include=”Protos\cats.proto” GrpcServices=”Server” />

5. docker-compose 😁

docker-compose up -d

dotnet run — project samplecatservice.client

Project client เเสดงให้เห็นการเรียกใช้งาน ทั้ง RestApi และ gRpc service

👍👍👍

คุณสามารถดูรายละเอียด เพิ่มเติมได้ กด => 📋 ≤= เลยนะครับ
มีคำถามหรือส่วนไหนที่ไม่ถูกต้องก็ขออภัยด้วยนะครับ

Ref: https://docs.microsoft.com/en-us/aspnet/core/tutorials/grpc/grpc-start

Publish NuGet Packages with GitHub

Sun, 20 Apr 2025 02:42:34 GMT

https://docs.github.com/en/packages/learn-github-packages/introduction-to-github-packages

ขอแนะนำการสร้าง Nuget Packages ด้วย GitHub เพื่อที่เราจะสามารถบริหารจัดการ Package ที่เราต้องการใช้ร่วมกันได้

new project

dotnet new console -o Macus.Helper

2. New File CryptographyProcessor.cs

using System.Security.Cryptography;
using System.Text;
namespace Macus.HashHelper;public class CryptographyProcessor
{
    public string CreateSalt(int size)
    {
      RNGCryptoServiceProvider? rng = new RNGCryptoServiceProvider();
      byte[] buff = new byte[size];
      rng.GetBytes(buff);
      return Convert.ToBase64String(buff);
    }    public string GenerateHash(string input, string salt)
    {
      byte[] bytes = Encoding.UTF8.GetBytes(input + salt);
      var sHA256ManagedString = new SHA256Managed();
      byte[] hash = sHA256ManagedString.ComputeHash(bytes);
      return Convert.ToBase64String(hash);
    }    public bool AreEqual(string plainTextInput, string hashedInput, string salt){
      string newHashedPin = GenerateHash(plainTextInput, salt);
      return newHashedPin.Equals(hashedInput);
   }
}

3. Generate personal access tokens [In the “note” field, enter the description of your personal token, then select checkboxes: **write:packages**, **read:packages** and **delete:packages**.]

4. Create nuget.config File (สามารถใช้วิธีอื่นได้)

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
   <packageSources>
      <clear />
      <add key="github" value="https://nuget.pkg.github.com/YOURCOMPANY/index.json" />
   </packageSources>
   <packageSourceCredentials>
      <github>
         <add key="Username" value="Username" />
         <add key="ClearTextPassword" value="personal_access_tokens" />
      </github>
   </packageSourceCredentials>
</configuration>

5. Edit Macus.HashHelper.csproj

<Project Sdk="Microsoft.NET.Sdk"><PropertyGroup>
    <TargetFramework>net6.0</TargetFramework>
    <ImplicitUsings>enable</ImplicitUsings>
    <Nullable>enable</Nullable>
    <OutputType>Exe</OutputType>
    <PackageId>Macus.HashHelper</PackageId>
    <Version>1.0.0</Version>
    <Authors>Pichayean</Authors>
    <Company>GitHub</Company>
    <PackageDescription>This package adds an YourCompany!</PackageDescription>
    <RepositoryUrl>https://github.com/YOURREPOSITORY/PackagesNAME.git</RepositoryUrl>
  </PropertyGroup></Project>

6. pack packages

dotnet pack --configuration Release

7. Push packages

dotnet nuget push "bin/Release/Macus.HashHelper.1.0.0.nupkg" --source "github"

8. Check Publish packages

https://github.com/yourrepository?tab=packages

การใช้งาน

Generate personal access tokens [In the “note” field, enter the description of your personal token, then select checkboxes:**read:packages**]
Create nuget.config File

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
   <packageSources>
      <clear />
      <add key="github" value="https://nuget.pkg.github.com/YOURCOMPANY/index.json" />
   </packageSources>
   <packageSourceCredentials>
      <github>
         <add key="Username" value="Username" />
         <add key="ClearTextPassword" value="access_tokens_readonly" />
      </github>
   </packageSourceCredentials>
</configuration>

3. Edit .csproj

<Project Sdk="Microsoft.NET.Sdk">  <PropertyGroup>
    <OutputType>Exe</OutputType>
    <TargetFramework>net6.0</TargetFramework>
    <ImplicitUsings>enable</ImplicitUsings>
    <Nullable>enable</Nullable>
  </PropertyGroup>  <ItemGroup>
     <PackageReference Include="Macus.HashHelper" Version="1.0.0" />
  </ItemGroup>
</Project>

4. Restore Packages ถือว่าสำเร็จ

dotnet restore

Note: มันมีวิธี การจัดการกับ access_tokens อีกหลายวิธี ขอบคุณที่เข้ามาอ่านนะครับ ผิดพลาดตรงไหนสามารถ แนะนำได้ครับ 🤞🤞

Ref: github.com/packages
Source Code: Macus.HashHelper.git

Deploy angular application to github-pages[Free]

Sun, 20 Apr 2025 02:41:31 GMT

บทความนี้จะมาแนะนำการ public angular application ด้วย github-pages
อย่างง่ายๆ สามารถนำไปปรับใช้ได้กับ หลายๆ framwork ด้วยครับ

สร้าง angualr web application

ng new sampleweb

2. Create Github Repository

git init
git add .
git commit -m "first commit"
git branch -M main
git remote add origin https://github.com/pichayean/sampleweb.git
git push -u origin main

3. checkout new branch and build

git checkout -b gh-pages
ng build --output-path docs --base-href /sampleweb/

4. push all changes

git add .
git commit -m "public application"
git push --set-upstream origin gh-pages

5. setup github-pages at github repository follow this image

6. รอสักครู่ ก็เสร็จเรียบร้อยครับง่ายมากและฟรีด้วย

published

now website online!

ขอบคุณที่เข้ามาอ่านจนจบนะครับ ✌✌✌

Source Code : sampleweb.git

[C#] .netCore + redis caching

Sun, 20 Apr 2025 02:40:28 GMT

When cached data is distributed, the data:

Is coherent (consistent) across requests to multiple servers.
Survives server restarts and app deployments.
Doesn’t use local memory.

ขออนุญาติแนะนำการทำ Distributed caching ด้วย Redis อย่างง่ายๆเพื่อเป็นแนวทางพัฒนาต่อไปครับ

Run Redis Container

$ docker run -d -p 6379:6379 -v /root/redis/data:/data -v /root/redis/redis.conf:/usr/local/etc/redis/redis.conf --name redis --restart=always redis:latest redis-server /usr/local/etc/redis/redis.conf

2.Create web api & add Microsoft.Extensions.Caching.Redis package

$ dotnet new webapi -o distributed-caching-redis
$ cd distributed-caching-redis
$ dotnet add package Microsoft.Extensions.Caching.Redis

3.Create Users.cs

ใน File Users.cs เพิ่ม IUserService, UserService และ DTO Class
ใน Function GetUsersAsync จะมีการ Call Rest Api เพื่อเรียกข้อมูลUser และในขั้นตอนนี้ เราจะ ทำการ Caching Data

Users.cs

4.Create UsersController.cs

UsersController.cs

5.Configuration & Inject IUsersService and HttpClient in Startup.cs

เพิ่ม services.AddDistributedRedisCache
services.AddScoped<IUsersService, UsersService>(); services.AddScoped<HttpClient, HttpClient>();
ใน ConfigureServices method

Startup.cs

6.Run Api

$ dotnet run

เข้าไปที่ https://localhost:5001/users
แล้วจะได้ผลลัพธ์แบบนี้ การ แสดงผลในครั้งแรกจะ มีความช้านิดหนึ่ง แต่ครั้งต่อๆไปจะเร็วขึ้นเพราะว่า เป็นการเรียกใช้ข้อมูลจาก Redis 🌹🌹

https://localhost:5001/users

Source Code : distributed-caching-redis
Ref : docs.microsoft

[C#] Send email from WebApi by .NetCore, EmailKit, Docker 🌹

Sun, 20 Apr 2025 02:38:30 GMT

จะมาแนะนำการส่ง Email จาก Web Api โดยใช้ MailKit Package โดย Run บน Container แนะนำการใช้ EnvironmentVariable ช่วยให้เราไม่ต้องเก็บ ข้อมูลสำคัญเช่น Email, Password ไว้ใน Code เพื่อความปลอดภัยของ ข้อมูลสำคัญ อีกวิธีหนึ่ง และมีการใช้ LoremNET Package เพื่อช่วย Random Paragraph ใช้ในการส่ง Email

1. Create webapi

$ dotnet new webapi -o email-sender-demo$ cd email-sender-demo//add package
$ dotnet add package MailKit

2. Create File EmailSeder.cs in root project

สร้าง Interface และ Class ตาม File นี้ ลองสังเกตุดูใน File นี้ บรรทัดที่ 16, 17 จะเป็นการเรียกใช้ Value จาก EnvironmentVariable

EmailSeder.cs

3. Edit File Startup.cs in ConfigureServices method

Inject EmailSenderService ที่บรรทัด 23

4. Create EmailSenderController.cs

ติดตั้ง Package เพิ่มเติมอีกนิดหนึ่ง

$ dotnet add package LoremNET

5. สร้าง Dockerfile และ docker-compose.yml

สร้าง Dockerfile และ docker-compose.yml ด้วย Extension ของ VS Code
Install Extension Docker ตามในรูป

[Key] Ctrl + Shift + P แล้วก็ทำตามในรูปด้านล่าง

เสร็จแล้วเราก็จะได้ Dockerfile และ DockerCompose File ให้เราแก้ไขเพิ่มเติมส่วนของ environment และ ports

6. Start Container

$ docker compose up -d — build

docker compose up -d — build

รอสักพัก เมื่อ Build Image เรียบร้อย Start Container เรียบร้อย Run Command

$ docker ps

จะเห็น Container Run เรียบร้อย

เมื่อ Container Run เรียบร้อยแล้วให้เราเข้าไปที่ Path
http://localhost:5000/EmailSender/sendsampleemail?toEmail=<<toemail@gmail.com>>&fromEmail=<<fromEmail@gmail.com>>
(ให้แก้ไข <<toemail@gmail.com>>, <<fromEmail@gmail.com>>)
เพิ่มส่ง Email

ส่ง Email สำเร็จ

Check Email มี Email เข้ามา พร้อมกับเนื้อหาที่ถูก Random ส่งมาให้จริงถือเป็นจบงาน 😁😁

ขอบคุณที่เข้ามาอ่านจนจบนะครับ ✌✌✌

Source Code : email-sender-demo.git

[C#] จัดการ Log ด้วย ElasticSearch, Kibana, .NetCore

Sun, 20 Apr 2025 02:36:49 GMT

การจัดเก็บ Log ด้วย ElasticSearch, Kibana, DotNetCore WebApi, Serilog
สิ่งที่ต้องมี VS Code, Docker, .NET Core 3.1

1. เริ่มต้นจากการ Run Elasticsearch และ Kibana containers ขึ้นมาโดยสร้าง docker-compose.yml File ตาม Path นี้

mkdir -p elastic-kibana/src/dockercd elastic-kibana/src/docker

สร้าง file docker-compose.yml

version: '3.1'

services:

  elasticsearch:
   container_name: elasticsearch
   image: docker.elastic.co/elasticsearch/elasticsearch:7.9.2
   ports:
    - 9200:9200
   volumes:
    - elasticsearch-data:/usr/share/elasticsearch/data
   environment:
    - xpack.monitoring.enabled=true
    - xpack.watcher.enabled=false
    - "ES_JAVA_OPTS=-Xms512m -Xmx512m"
    - discovery.type=single-node
   networks:
    - elastic

  kibana:
   container_name: kibana
   image: docker.elastic.co/kibana/kibana:7.9.2
   ports:
    - 5601:5601
   depends_on:
    - elasticsearch
   environment:
    - ELASTICSEARCH_URL=http://localhost:9200
   networks:
    - elastic
  
networks:
  elastic:
    driver: bridge

volumes:
  elasticsearch-data:

บันทึก File แล้ว Run Command

docker-compose up -d

รอสักครู่ แล้วเข้าไปที่ http://localhost:9200, http://localhost:5601 หากทั้ง 2 Path run ได้ก็ถือว่าสำเร็จในขั้นตอนนี้ 🍟

http://localhost:9200

2. Write Log จาก .NET Core ไปยัง Elasticsearch

จากขั้นตอนแรกตอนนี้เรามี Elasticsearch และ Kibana containers run อยู่เรียบร้อยแล้ว เราสามารถ write log ไป Elasticsearch ได้จาก .NET Core WebApi ของเราเลย

สร้าง webapi ไว้ใน path elastic-kibana/src/ จากขั้นตอนแรก

dotnet new webapi --no-https -o Webapi-Serilogcd Webapi-Serilog

Folder structure

Add Nuget Packages to the Project

dotnet add package Serilog.AspNetCore
dotnet add package Serilog.Sinks.Debug
dotnet add package Serilog.Sinks.Elasticsearch
dotnet add package Serilog.Enrichers.Environment

แก้ไข File appsettings.json

{
  "Serilog": {
    "MinimumLevel": {
      "Default": "Information",
      "Override": {
        "Microsoft": "Information",
        "System": "Warning"
      }
    }
  },
  "ElasticConfiguration": {
    "Uri": "http://localhost:9200"
  },
  "AllowedHosts": "*"
}

Configuring in Program.cs

Program.cs

แก้ไขเสร็จแล้วก็ สั่ง Run api ได้แลย 😎

dotnet run

3. หลังจากนั้น เราเข้าไป สร้าง Index Pattern ที่ Kibana
http://localhost:5601/app/management/kibana/indexPatterns/create

ทำตามขั้นตอนต่อไปนี้
Index pattern name[webapi-serilog-*] -> Click[Next step] -> Time field[@timestamp] -> Click [Create Index Pattern]

Index pattern name[webapi-serilog-*]

Click[Next step]

Time field[@timestamp]->Click [Create Index Pattern]

Index [webapi-serilog-*] added

4. ต่อมาก็มา Write Log จาก Controller

สร้าง File KibanaLogController.cs

KibanaLogController.cs

เสร็จแล้วก็ 🍜🍜

dotnet run

เข้าไปที่ http://localhost:5000/KibanaLog/CreateInformationLog

http://localhost:5000/KibanaLog/CreateInformationLog

กลับมาที่ Kibana -> http://localhost:5601/app/discover
ในช่อง Search พิมพ์ค้นหาตามนี้
message: “_Log Testing”หรือ level:”Information”
ก็จะเจอ Log ที่เราเขียนลงไปเป็นอันเสร็จเรียบร้อยครับผม 🎉🎉🎉🎉

Source Code: elastic-kibana-dotnet-core-webapi.git

คุณสามารถ เพิ่ม Package ต่างๆเพื่อเพิ่มความสามารถได ้เช่น Serilog.Exceptions Nuget Package สามารถ ตั้งค่า Level ที่ต้องการให้ บันทึก Log ได้เพื่อลดความวุ่นวายของ Log ที่เราบันทึกลงไป หรือศึกษาเพิ่มเติมได้ที่ด้านล่างนี้เลยครับ