Skip to content

DUMEG IdentitySatu Identitas. Banyak Aplikasi.

Layanan Single Sign-On (SSO) terpusat berbasis Keycloak untuk seluruh ekosistem aplikasi Duta Meta Graha. Aman, modern, dan fleksibel dengan standar OpenID Connect & OAuth 2.0.

Konsep Desain Identitas Visual DUMEG Identity
Arsitektur SSO & OpenID Connect PKCE

Visualisasi Alur Autentikasi DUMEG Identity

Pelajari alur interaksi aman antara browser, aplikasi Anda, dan Keycloak IdP secara bertahap.

💻
Pengguna / Browser
User Agent
Langkah 1 dari 5
⚙️
Aplikasi Klien
Laravel / Vue / BFF
OIDC Realm
🔐
DUMEG Identity
Keycloak (dumeg-internal)

Inisiasi Login & PKCE

Aplikasi meng-generate code_verifier acak dan menghitung SHA256 code_challenge. Pengguna di-redirect dengan parameter scope=openid profile email, state, dan nonce untuk keamanan CSRF.

Contoh Kode ReferensiPHP / Backend
// 1. Generate PKCE & URL Otorisasi
$codeVerifier = Str::random(64);
$codeChallenge = rtrim(strtr(base64_encode(hash('sha256', $codeVerifier, true)), '+/', '-_'), '=');
$state = Str::random(40);
$nonce = Str::random(40);

session([
    'dumeg_code_verifier' => $codeVerifier,
    'dumeg_oauth_state'   => $state,
    'dumeg_oauth_nonce'   => $nonce,
]);

$authUrl = "https://login.dumeg.com/realms/dumeg-internal/protocol/openid-connect/auth?" . http_build_query([
    'client_id'             => 'app-dumeg',
    'response_type'         => 'code',
    'scope'                 => 'openid profile email',
    'redirect_uri'          => 'https://app.dumeg.com/auth/dumeg/callback',
    'state'                 => $state,
    'nonce'                 => $nonce,
    'code_challenge'        => $codeChallenge,
    'code_challenge_method' => 'S256',
]);
Format Payload & ResponsHTTP / JSON
GET /realms/dumeg-internal/protocol/openid-connect/auth
?client_id=app-dumeg
&response_type=code
&scope=openid profile email
&redirect_uri=https://app.dumeg.com/auth/dumeg/callback
&state=c4a9f91a27e...
&nonce=87d891bca76...
&code_challenge=E9Melhoa2OwvFrGMTJgu...
&code_challenge_method=S256

Cara Kerja Integrasi Aplikasi

Empat langkah terstruktur untuk menghubungkan aplikasi web Anda ke layanan Single Sign-On DUMEG Identity.

1
Daftarkan Client
Ajukan pendaftaran Client OIDC ke tim infrastruktur. Dapatkan client_id dan client_secret serta daftarkan Valid Redirect URIs aplikasi Anda.
2
Inisiasi OIDC Flow
Arahkan pengguna ke endpoint otorisasi Keycloak menggunakan Authorization Code Flow dengan PKCE S256 beserta parameter state dan nonce.
3
Tukar & Validasi Token
Tangkap authorization code pada callback URL, lalu tukarkan dengan ID Token dan Access Token via koneksi aman server-to-server.
4
Kelola Sesi & Hak Akses
Terapkan Account Linking terverifikasi atau JIT Provisioning ke tabel user lokal. Kelola role dan permission sesuai kebijakan aplikasi Anda masing-masing.

Siap Mengintegrasikan Aplikasi Anda?

Pelajari dokumentasi lengkap mulai dari Quickstart umum, panduan backend Laravel, arsitektur frontend Vue.js, hingga checklist audit keamanan.

* Logo dan elemen grafis pada portal ini merupakan eksplorasi konsep identitas visual developer portal dan bukan logo resmi yang telah disetujui.

Developer Portal Single Sign-On (SSO) Ekosistem DUMEG