Authentik auth

This commit is contained in:
Local User
2026-05-01 19:37:40 +03:00
parent 51495deece
commit 3a8514d435
4 changed files with 480 additions and 331 deletions

View File

@@ -11,7 +11,6 @@ AUTHENTIK_BOOTSTRAP_PASSWORD=change-me-admin-password
AUTHENTIK_BOOTSTRAP_TOKEN=change-me-bootstrap-token
APP_URL=http://localhost:3000
SESSION_SECRET=change-me-session-secret
AUTHENTIK_PUBLIC_URL=http://localhost:9000
AUTHENTIK_INTERNAL_URL=http://host.docker.internal:9000
@@ -23,4 +22,5 @@ OIDC_CLIENT_ID=mm-custom-frontend
OIDC_CLIENT_SECRET=change-me-oidc-client-secret
OIDC_ISSUER=http://localhost:9000/application/o/mm-custom-frontend/
OIDC_REDIRECT_URI=http://localhost:3000/auth/callback
COOKIE_SECURE=false
AUTH_DEBUG=false

122
README.md
View File

@@ -1,42 +1,40 @@
# Million Miles Auth
# Million Miles Authentik POC
Локальный POC с `Authentik` и кастомным frontend:
POC с кастомными формами `login/register`, где `Authentik` используется только как backend IdP.
- регистрация пользователя на своей форме
- вход пользователя на своей форме
- Authentik используется как backend авторизации
- после входа frontend показывает данные из `id_token`
## Что реализовано
## Что в проекте
- `/login` — кастомная форма `Email / Password / Войти`
- `/register` — кастомная форма `Full name / Email / Password / Confirm password`
- `Authentik` используется как backend для пользователей, паролей и OIDC
- наше приложение не хранит пароль и не хранит password hash
- регистрация создаёт пользователя через `Authentik API`
- login выполняется backend-to-backend через `Authentik flow/executor API`
- после login backend получает `id_token` и `access_token` от `Authentik`
- токены не хранятся в `localStorage` или `sessionStorage`
- токены хранятся только в `HttpOnly` cookie с `SameSite=Lax`
- `/me` возвращает claims из JWT после валидации токена на backend
- `/dashboard` показывает claims из `/me`, без вывода raw JWT
- `docker-compose.yml` поднимает `postgresql`, `redis`, `authentik`, `authentik-worker` и `frontend`
- `authentik/blueprints/mm-custom-authentication-flow.yaml` создаёт flow, provider и application
- `frontend/server.js` содержит UI и логику регистрации/входа
## Что вне scope
- sessions UI
- consent UI
- MFA devices UI
- connected services
- app passwords
## Порты
Порты проброшены только на localhost:
- frontend: `http://localhost:3000`
- Authentik admin: `http://localhost:9000`
## Быстрый старт
```bash
docker compose up --build
```
Если нужно полностью пересобрать проект с чистыми данными:
```bash
docker compose down -v
docker compose up --build
```
Первый запуск Authentik может занять несколько минут. Нужно дождаться, пока `authentik-worker` применит blueprint.
## Удобный локальный `.env` для теста
Для быстрого ручного тестирования можно использовать такие локальные значения в `.env`:
1. Скопируй `.env.example` в `.env`
2. Для локального теста можно использовать такие значения:
```env
AUTHENTIK_IMAGE=docker.io/authentik/server
@@ -52,43 +50,61 @@ AUTHENTIK_BOOTSTRAP_PASSWORD=admin123456
AUTHENTIK_BOOTSTRAP_TOKEN=local-bootstrap-token-change-me
APP_URL=http://localhost:3000
SESSION_SECRET=local-session-secret-change-me
AUTHENTIK_PUBLIC_URL=http://localhost:9000
AUTHENTIK_INTERNAL_URL=http://host.docker.internal:9000
AUTHENTIK_API_TOKEN=local-bootstrap-token-change-me
AUTHENTIK_LOGIN_FLOW=mm-custom-authentication-flow
OIDC_CLIENT_ID=mm-custom-frontend
OIDC_CLIENT_SECRET=mm-custom-secret
OIDC_ISSUER=http://localhost:9000/application/o/mm-custom-frontend/
OIDC_REDIRECT_URI=http://localhost:3000/auth/callback
COOKIE_SECURE=false
AUTH_DEBUG=false
```
3. Запусти проект:
```bash
docker compose up --build
```
Если нужен полностью чистый запуск:
```bash
docker compose down -v
docker compose up --build
```
## Как зайти в админку Authentik
Открой:
```txt
http://localhost:9000
```
Логин администратора берётся из `.env`:
- email: значение `AUTHENTIK_BOOTSTRAP_EMAIL`
- password: значение `AUTHENTIK_BOOTSTRAP_PASSWORD`
Или
Для локального теста из примера выше:
```txt
admin@millionmiles.local
admin123456
email: admin@millionmiles.local
password: admin123456
```
## Что создаётся автоматически
## Как это работает
Blueprint создаёт:
1. Регистрация пользователя идёт через `Authentik API`
2. Пароль хранится в `Authentik`, не в нашем приложении
3. Login идёт через кастомную форму на нашем frontend
4. Backend проверяет логин/пароль через `Authentik flow/executor API`
5. После успешного login backend получает `id_token` и `access_token` от `Authentik`
6. Токены кладутся в `HttpOnly` cookie
7. `/me` читает токен из cookie, валидирует JWT и возвращает claims JSON
8. `/dashboard` показывает именно эти claims
## Что создаёт blueprint
```txt
Flow: Million Miles Custom Authentication
@@ -101,17 +117,26 @@ Client Secret: mm-custom-secret
Redirect URI: http://localhost:3000/auth/callback
```
## Как быстро всё протестировать
## Ручная проверка
1. Открой `http://localhost:3000/register`
2. Зарегистрируй нового пользователя
3. После регистрации тебя перекинет на `/login`
4. Войди с только что созданными `email/password`
5. После успешного входа откроется `/dashboard`
6. На dashboard увидишь данные пользователя из JWT `id_token`
3. Проверь, что форма требует:
`Полное имя`, `Email`, `Пароль`, `Подтвердите пароль`
4. Проверь валидацию пароля:
минимум 8 символов, одна заглавная, одна строчная, одна цифра
5. После регистрации перейди на `http://localhost:3000/login`
6. Войди через кастомную форму `email/password`
7. После входа открой `http://localhost:3000/me`
8. Убедись, что `/me` возвращает JSON с claims:
`sub`, `email`, `name`, `preferred_username`, `username`, `iss`, `aud`, `iat`, `exp`
9. Открой `http://localhost:3000/dashboard`
10. Убедись, что dashboard показывает claims без raw JWT
11. Нажми `Выйти` и проверь, что `POST /logout` очищает cookie и возвращает на `/login`
## Что проверить в админке
В Authentik admin можно проверить:
```txt
Applications -> Applications -> Million Miles
@@ -120,11 +145,8 @@ Flows and Stages -> Flows -> Million Miles Custom Authentication
Directory -> Users
```
## Если OIDC provider ещё не применился
## Важно
Если frontend пишет, что провайдер ещё не готов, проверь worker:
```bash
docker compose logs -f authentik-worker
```
- `COOKIE_SECURE=false` подходит только для локальной разработки по `http`
- в production нужно использовать `COOKIE_SECURE=true`

View File

@@ -87,7 +87,6 @@ services:
restart: unless-stopped
environment:
APP_URL: ${APP_URL}
SESSION_SECRET: ${SESSION_SECRET}
AUTHENTIK_PUBLIC_URL: ${AUTHENTIK_PUBLIC_URL}
AUTHENTIK_INTERNAL_URL: ${AUTHENTIK_INTERNAL_URL}
AUTHENTIK_API_TOKEN: ${AUTHENTIK_API_TOKEN}
@@ -96,6 +95,7 @@ services:
OIDC_CLIENT_SECRET: ${OIDC_CLIENT_SECRET}
OIDC_ISSUER: ${OIDC_ISSUER}
OIDC_REDIRECT_URI: ${OIDC_REDIRECT_URI}
COOKIE_SECURE: ${COOKIE_SECURE:-false}
AUTH_DEBUG: ${AUTH_DEBUG}
ports:
- "127.0.0.1:3000:3000"

View File

@@ -6,7 +6,6 @@ const PORT = 3000;
const env = {
APP_URL: process.env.APP_URL || "http://localhost:3000",
SESSION_SECRET: process.env.SESSION_SECRET || "change-me-session-secret",
AUTHENTIK_PUBLIC_URL: process.env.AUTHENTIK_PUBLIC_URL || "http://localhost:9000",
AUTHENTIK_INTERNAL_URL: process.env.AUTHENTIK_INTERNAL_URL || "http://host.docker.internal:9000",
AUTHENTIK_API_TOKEN: process.env.AUTHENTIK_API_TOKEN || "change-me-api-token",
@@ -15,21 +14,40 @@ const env = {
OIDC_CLIENT_SECRET: process.env.OIDC_CLIENT_SECRET || "change-me-oidc-client-secret",
OIDC_ISSUER: process.env.OIDC_ISSUER || "http://localhost:9000/application/o/mm-custom-frontend/",
OIDC_REDIRECT_URI: process.env.OIDC_REDIRECT_URI || "http://localhost:3000/auth/callback",
COOKIE_SECURE: process.env.COOKIE_SECURE === "true",
AUTH_DEBUG: process.env.AUTH_DEBUG === "true"
};
const discoveryCache = {
value: null,
fetchedAt: 0
};
const jwksCache = {
keys: null,
fetchedAt: 0
};
function debug(...args) {
if (env.AUTH_DEBUG) console.log("[auth-debug]", ...args);
if (env.AUTH_DEBUG) console.log("[authentik-debug]", ...args);
}
function escapeHtml(value) {
return String(value ?? "").replace(/[&<>"']/g, (s) => ({
"&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;"
return String(value ?? "").replace(/[&<>"']/g, s => ({
"&": "&amp;",
"<": "&lt;",
">": "&gt;",
'"': "&quot;",
"'": "&#39;"
}[s]));
}
function b64url(input) {
return Buffer.from(input).toString("base64url");
function validatePassword(password) {
if (password.length < 8) return "Пароль должен быть не короче 8 символов.";
if (!/[A-Z]/.test(password)) return "Пароль должен содержать хотя бы одну заглавную букву.";
if (!/[a-z]/.test(password)) return "Пароль должен содержать хотя бы одну строчную букву.";
if (!/\d/.test(password)) return "Пароль должен содержать хотя бы одну цифру.";
return null;
}
function randomString(bytes = 32) {
@@ -40,48 +58,62 @@ function sha256base64url(value) {
return crypto.createHash("sha256").update(value).digest("base64url");
}
function sign(value) {
return crypto.createHmac("sha256", env.SESSION_SECRET).update(value).digest("base64url");
}
function makeSigned(value) {
const payload = b64url(JSON.stringify(value));
return `${payload}.${sign(payload)}`;
}
function readSigned(value) {
if (!value || !value.includes(".")) return null;
const [payload, mac] = value.split(".");
if (sign(payload) !== mac) return null;
try {
return JSON.parse(Buffer.from(payload, "base64url").toString("utf8"));
} catch {
return null;
}
}
function makeCookie(name, value, maxAge = 3600) {
return `${name}=${value}; Path=/; HttpOnly; SameSite=Lax; Max-Age=${maxAge}`;
const parts = [
`${name}=${value}`,
"Path=/",
"HttpOnly",
"SameSite=Lax",
`Max-Age=${maxAge}`
];
if (env.COOKIE_SECURE) parts.push("Secure");
return parts.join("; ");
}
function clearCookie(name) {
return `${name}=; Path=/; HttpOnly; SameSite=Lax; Max-Age=0`;
const parts = [
`${name}=`,
"Path=/",
"HttpOnly",
"SameSite=Lax",
"Max-Age=0"
];
if (env.COOKIE_SECURE) parts.push("Secure");
return parts.join("; ");
}
function parseCookies(req) {
const header = req.headers.cookie || "";
return Object.fromEntries(
header
.split(";")
.map(v => v.trim())
.map(value => value.trim())
.filter(Boolean)
.map(v => {
const i = v.indexOf("=");
return [v.slice(0, i), v.slice(i + 1)];
.map(value => {
const index = value.indexOf("=");
const rawName = index >= 0 ? value.slice(0, index) : value;
const rawValue = index >= 0 ? value.slice(index + 1) : "";
try {
return [rawName, decodeURIComponent(rawValue)];
} catch {
return [rawName, rawValue];
}
})
);
}
async function parseBody(req) {
let data = "";
for await (const chunk of req) data += chunk;
return Object.fromEntries(new URLSearchParams(data));
}
function collectSetCookies(headers) {
if (typeof headers.getSetCookie === "function") return headers.getSetCookie();
const value = headers.get("set-cookie");
@@ -91,13 +123,13 @@ function collectSetCookies(headers) {
function mergeCookies(jar, setCookies) {
for (const raw of setCookies) {
const pair = String(raw).split(";")[0];
const idx = pair.indexOf("=");
if (idx > 0) jar[pair.slice(0, idx)] = pair.slice(idx + 1);
const index = pair.indexOf("=");
if (index > 0) jar[pair.slice(0, index)] = pair.slice(index + 1);
}
}
function cookieHeader(jar) {
return Object.entries(jar).map(([k, v]) => `${k}=${v}`).join("; ");
return Object.entries(jar).map(([key, value]) => `${key}=${value}`).join("; ");
}
async function fetchWithJar(url, options = {}, jar = {}) {
@@ -118,7 +150,7 @@ async function fetchWithJar(url, options = {}, jar = {}) {
async function followRedirectsWithJar(res, jar, limit = 8) {
let current = res;
for (let i = 0; i < limit; i++) {
for (let index = 0; index < limit; index += 1) {
const location = current.headers.get("location");
if (!location || current.status < 300 || current.status >= 400) return current;
@@ -134,6 +166,7 @@ async function followRedirectsWithJar(res, jar, limit = 8) {
async function safeJson(res) {
const text = await res.text();
if (!text) return {};
try {
return JSON.parse(text);
} catch {
@@ -141,23 +174,67 @@ async function safeJson(res) {
}
}
function decodeJwt(token) {
try {
const [, payload] = token.split(".");
return JSON.parse(Buffer.from(payload, "base64url").toString("utf8"));
} catch {
return {};
}
function decodeJwtUnsafe(token) {
if (!token || token.split(".").length !== 3) {
throw new Error("Некорректный JWT.");
}
function getSession(req) {
return readSigned(parseCookies(req).mm_session);
const [encodedHeader, encodedPayload, encodedSignature] = token.split(".");
return {
header: JSON.parse(Buffer.from(encodedHeader, "base64url").toString("utf8")),
payload: JSON.parse(Buffer.from(encodedPayload, "base64url").toString("utf8")),
signature: Buffer.from(encodedSignature, "base64url"),
signingInput: `${encodedHeader}.${encodedPayload}`
};
}
async function parseBody(req) {
let data = "";
for await (const chunk of req) data += chunk;
return Object.fromEntries(new URLSearchParams(data));
function selectClaims(claims) {
return {
sub: claims.sub || null,
email: claims.email || null,
name: claims.name || claims.preferred_username || claims.email || null,
preferred_username: claims.preferred_username || null,
username: claims.preferred_username || claims.username || claims.email || null,
iss: claims.iss || null,
aud: claims.aud || null,
iat: claims.iat || null,
exp: claims.exp || null
};
}
function formatTimestamp(timestamp) {
if (!timestamp) return "—";
return new Date(timestamp * 1000).toLocaleString("ru-RU");
}
function initials(name, email) {
const source = name || email || "MM";
return source
.split(/[ ._-]+/)
.filter(Boolean)
.slice(0, 2)
.map(part => part[0])
.join("")
.toUpperCase();
}
function jsonScript(value) {
return JSON.stringify(value).replace(/</g, "\\u003c");
}
function tokenMaxAge(claims) {
const now = Math.floor(Date.now() / 1000);
const maxAge = Number(claims.exp || 0) - now;
return Math.max(60, maxAge || 3600);
}
function getTokenCookies(req) {
const cookies = parseCookies(req);
return {
idToken: cookies.mm_id_token || "",
accessToken: cookies.mm_access_token || ""
};
}
async function authentikReady() {
@@ -171,31 +248,6 @@ async function authentikReady() {
}
}
async function apiGet(path) {
const res = await fetch(`${env.AUTHENTIK_INTERNAL_URL}${path}`, {
headers: { Authorization: `Bearer ${env.AUTHENTIK_API_TOKEN}` }
});
if (!res.ok) throw new Error(`API GET ${path} failed: ${res.status}`);
return await res.json();
}
async function apiPost(path, body) {
const res = await fetch(`${env.AUTHENTIK_INTERNAL_URL}${path}`, {
method: "POST",
headers: {
Authorization: `Bearer ${env.AUTHENTIK_API_TOKEN}`,
"Content-Type": "application/json"
},
body: JSON.stringify(body)
});
const text = await res.text();
if (!res.ok) {
debug("apiPost failed", path, res.status, text);
throw new Error(`API POST ${path} failed: ${res.status}`);
}
return text ? JSON.parse(text) : {};
}
async function findAuthentikUser(email) {
const res = await fetch(`${env.AUTHENTIK_INTERNAL_URL}/api/v3/core/users/?search=${encodeURIComponent(email)}`, {
headers: { Authorization: `Bearer ${env.AUTHENTIK_API_TOKEN}` }
@@ -207,9 +259,9 @@ async function findAuthentikUser(email) {
const users = data.results || data;
return Array.isArray(users)
? users.find(u =>
String(u.email || "").toLowerCase() === String(email).toLowerCase() ||
String(u.username || "").toLowerCase() === String(email).toLowerCase()
? users.find(user =>
String(user.email || "").toLowerCase() === String(email).toLowerCase() ||
String(user.username || "").toLowerCase() === String(email).toLowerCase()
)
: null;
}
@@ -236,7 +288,7 @@ async function createAuthentikUser({ fullName, email, password }) {
const createText = await createRes.text();
if (!createRes.ok) {
debug("create user failed", createRes.status, createText);
throw new Error("Не удалось создать аккаунт. Попробуйте позже.");
throw new Error("Не удалось создать аккаунт.");
}
const user = JSON.parse(createText);
@@ -260,44 +312,127 @@ async function createAuthentikUser({ fullName, email, password }) {
return user;
}
async function discoverOidc() {
async function discoverOidc(force = false) {
const now = Date.now();
if (!force && discoveryCache.value && now - discoveryCache.fetchedAt < 5 * 60 * 1000) {
return discoveryCache.value;
}
const publicDiscovery = `${env.OIDC_ISSUER.replace(/\/$/, "")}/.well-known/openid-configuration`;
const internalDiscovery = publicDiscovery.replace(env.AUTHENTIK_PUBLIC_URL, env.AUTHENTIK_INTERNAL_URL);
const res = await fetch(internalDiscovery);
if (!res.ok) throw new Error("OIDC provider ещё не применился. Подождите 1-2 минуты или запустите docker compose down -v && docker compose up --build.");
const config = await res.json();
return {
const res = await fetch(internalDiscovery);
if (!res.ok) {
throw new Error("OIDC provider ещё не готов. Подождите 1-2 минуты и попробуйте снова.");
}
const config = await res.json();
const discovery = {
issuer: config.issuer,
authorization_endpoint: config.authorization_endpoint.replace(env.AUTHENTIK_PUBLIC_URL, env.AUTHENTIK_INTERNAL_URL),
public_authorization_endpoint: config.authorization_endpoint,
token_endpoint: config.token_endpoint.replace(env.AUTHENTIK_PUBLIC_URL, env.AUTHENTIK_INTERNAL_URL)
token_endpoint: config.token_endpoint.replace(env.AUTHENTIK_PUBLIC_URL, env.AUTHENTIK_INTERNAL_URL),
jwks_uri: config.jwks_uri.replace(env.AUTHENTIK_PUBLIC_URL, env.AUTHENTIK_INTERNAL_URL)
};
discoveryCache.value = discovery;
discoveryCache.fetchedAt = now;
return discovery;
}
// Best-effort OIDC setup. Authentik APIs can differ by version, so README has manual fallback.
async function ensureOidcProvider() {
if (ensureOidcProvider.done) return;
try {
await discoverOidc();
ensureOidcProvider.done = true;
} catch (e) {
debug("OIDC provider not ready yet", e.message);
async function getJwks(force = false) {
const now = Date.now();
if (!force && jwksCache.keys && now - jwksCache.fetchedAt < 5 * 60 * 1000) {
return jwksCache.keys;
}
}
ensureOidcProvider.done = false;
function isSuccessChallenge(res, challenge) {
const component = challenge.component || "";
return (
res.status === 302 ||
component === "xak-flow-redirect" ||
component === "ak-flow-redirect" ||
component === "ak-stage-redirect" ||
challenge.type === "redirect" ||
Boolean(challenge.redirect)
const discovery = await discoverOidc(force);
const res = await fetch(discovery.jwks_uri);
if (!res.ok) throw new Error("Не удалось получить JWKS Authentik.");
const data = await res.json();
jwksCache.keys = Array.isArray(data.keys) ? data.keys : [];
jwksCache.fetchedAt = now;
return jwksCache.keys;
}
function findVerificationKey(keys, header) {
if (!Array.isArray(keys) || keys.length === 0) {
throw new Error("JWKS Authentik пустой.");
}
const matchingKey = keys.find(key =>
(!header.kid || key.kid === header.kid) &&
(!key.use || key.use === "sig") &&
(!key.alg || key.alg === header.alg)
);
if (matchingKey) return matchingKey;
if (!header.kid && keys.length === 1) return keys[0];
throw new Error("Не удалось подобрать ключ для проверки JWT.");
}
async function validateIdToken(idToken) {
const decoded = decodeJwtUnsafe(idToken);
const { header, payload, signature, signingInput } = decoded;
if (!header.alg || !/^RS(256|384|512)$/.test(header.alg)) {
throw new Error("Неподдерживаемый алгоритм JWT Authentik.");
}
const algorithm = {
RS256: "RSA-SHA256",
RS384: "RSA-SHA384",
RS512: "RSA-SHA512"
}[header.alg];
const keys = await getJwks();
const jwk = findVerificationKey(keys, header);
const publicKey = crypto.createPublicKey({ key: jwk, format: "jwk" });
const verifier = crypto.createVerify(algorithm);
verifier.update(signingInput);
verifier.end();
if (!verifier.verify(publicKey, signature)) {
throw new Error("JWT Authentik не прошёл проверку подписи.");
}
const discovery = await discoverOidc();
const now = Math.floor(Date.now() / 1000);
const audiences = Array.isArray(payload.aud) ? payload.aud : [payload.aud].filter(Boolean);
if (payload.iss !== discovery.issuer) {
throw new Error("JWT Authentik содержит неожиданный issuer.");
}
if (audiences.length > 0 && !audiences.includes(env.OIDC_CLIENT_ID)) {
throw new Error("JWT Authentik содержит неожиданный audience.");
}
if (payload.nbf && now < payload.nbf) {
throw new Error("JWT Authentik ещё не активен.");
}
if (payload.exp && now >= payload.exp) {
throw new Error("JWT Authentik истёк.");
}
return payload;
}
async function getCurrentUser(req) {
const { idToken, accessToken } = getTokenCookies(req);
if (!idToken) return null;
const claims = await validateIdToken(idToken);
return {
idToken,
accessToken,
claims,
profile: selectClaims(claims)
};
}
async function authentikPasswordLogin(email, password) {
@@ -328,12 +463,24 @@ async function authentikPasswordLogin(email, password) {
return { res, challenge: await safeJson(res) };
}
function isSuccessChallenge(res, challenge) {
const component = challenge.component || "";
return (
res.status === 302 ||
component === "xak-flow-redirect" ||
component === "ak-flow-redirect" ||
component === "ak-stage-redirect" ||
challenge.type === "redirect" ||
Boolean(challenge.redirect)
);
}
let { res, challenge } = await getChallenge();
if (!res.ok) throw new Error("Сервис авторизации запускается. Попробуйте позже.");
let passwordChecked = false;
for (let step = 0; step < 12; step++) {
for (let step = 0; step < 12; step += 1) {
const component = challenge.component || "";
debug("auth step", step, component, res.status, challenge);
@@ -346,7 +493,8 @@ async function authentikPasswordLogin(email, password) {
await followRedirectsWithJar(res, jar);
return jar;
}
throw new Error("OIDC provider ещё не применился. Подождите 1-2 минуты или запустите docker compose down -v && docker compose up --build.");
throw new Error("OIDC provider ещё не готов. Подождите 1-2 минуты и попробуйте снова.");
}
if (component === "ak-stage-identification") {
@@ -391,13 +539,13 @@ async function authentikPasswordLogin(email, password) {
return jar;
}
throw new Error("Не удалось завершить вход. Проверь custom flow Authentik.");
throw new Error("Не удалось завершить вход. Проверьте custom flow Authentik.");
}
throw new Error("Неверный email или пароль.");
}
async function getAuthentikIdTokenWithSession(jar) {
async function getAuthentikTokensWithSession(jar) {
const config = await discoverOidc();
const state = randomString(24);
@@ -424,7 +572,7 @@ async function getAuthentikIdTokenWithSession(jar) {
debug("authorize status", authRes.status, "location", location);
if (!location) {
throw new Error("Authentik не вернул authorization code. Проверь OIDC Provider.");
throw new Error("Authentik не вернул authorization code. Проверьте OIDC Provider.");
}
const redirectUrl = new URL(location, env.APP_URL);
@@ -451,14 +599,14 @@ async function getAuthentikIdTokenWithSession(jar) {
const tokens = await tokenRes.json();
debug("token response", tokenRes.status, tokens);
if (!tokenRes.ok || !tokens.id_token) {
throw new Error("Не удалось получить JWT от Authentik.");
if (!tokenRes.ok || !tokens.id_token || !tokens.access_token) {
throw new Error("Не удалось получить токены от Authentik.");
}
return tokens.id_token;
return tokens;
}
function page(title, body) {
function page(title, body, extra = "") {
return `<!doctype html>
<html lang="ru">
<head>
@@ -466,117 +614,40 @@ function page(title, body) {
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>${escapeHtml(title)}</title>
<style>
:root{--gold:#D4AF37;--gold-light:#F0D77D;--bg:#050505;--line:rgba(255,255,255,.11);--muted:rgba(255,255,255,.62);--muted2:rgba(255,255,255,.42)}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:#050505;color:#fff;font-family:Inter,Manrope,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
a{color:inherit;text-decoration:none}button,input{font:inherit}
:root{--gold:#D4AF37;--gold-light:#F0D77D;--line:rgba(255,255,255,.11);--muted:rgba(255,255,255,.62);--muted2:rgba(255,255,255,.42)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#050505;color:#fff;font-family:Inter,Manrope,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}
.screen{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 78% 12%,rgba(212,175,55,.16),transparent 27%),radial-gradient(circle at 8% 86%,rgba(18,44,90,.38),transparent 34%),linear-gradient(180deg,#111,#060606 58%,#030303)}
.shell{width:min(1080px,100%);min-height:700px;display:grid;grid-template-columns:1fr 455px;overflow:hidden;border:1px solid var(--line);border-radius:38px;background:rgba(255,255,255,.025);box-shadow:0 38px 120px rgba(0,0,0,.58)}
.brand-side{position:relative;padding:44px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 70% 24%,rgba(212,175,55,.18),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.015))}
.logo{display:flex;align-items:center;gap:14px}
.logo-mark{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(212,175,55,.38);background:linear-gradient(145deg,rgba(212,175,55,.28),rgba(255,255,255,.045));color:var(--gold);font-weight:800;box-shadow:0 0 40px rgba(212,175,55,.12)}
.logo-title{display:block;font-size:15px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}
.logo-sub{display:block;margin-top:3px;font-size:12px;color:var(--muted2);letter-spacing:.12em}
.brand-copy h1{margin:0;max-width:560px;font-size:clamp(50px,6vw,80px);line-height:.9;letter-spacing:-.075em}
.gold{color:var(--gold)}
.brand-copy p{max-width:520px;margin:28px 0 0;color:var(--muted);font-size:18px;line-height:1.75}
.decor-car{position:absolute;left:44px;right:44px;bottom:132px;height:150px;opacity:.55;pointer-events:none}
.decor-car:before{content:"";position:absolute;left:0;right:0;bottom:28px;height:96px;border-bottom:2px solid rgba(212,175,55,.55);border-radius:50% 50% 18% 18% / 70% 70% 20% 20%;filter:drop-shadow(0 0 18px rgba(212,175,55,.24))}
.decor-car:after{content:"";position:absolute;left:18%;right:24%;bottom:82px;height:52px;border-top:2px solid rgba(255,255,255,.23);border-radius:70% 60% 0 0}
.brand-footer{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted2);font-size:13px}
.brand-footer span{min-width:118px;padding-top:12px;border-top:1px solid var(--line)}
.form-side{padding:42px;display:grid;align-items:center;background:rgba(8,8,8,.78);backdrop-filter:blur(28px);border-left:1px solid var(--line)}
.form-card h2{margin:0;font-size:36px;letter-spacing:-.045em}
.form-card p{margin:12px 0 28px;color:var(--muted);line-height:1.65}
.label{display:block;margin:18px 0 8px;color:rgba(255,255,255,.66);font-size:14px}
.input{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:18px;padding:16px;color:#fff;outline:none;transition:.2s}
.input::placeholder{color:rgba(255,255,255,.28)}
.input:focus{border-color:rgba(212,175,55,.75);background:rgba(255,255,255,.065);box-shadow:0 0 0 4px rgba(212,175,55,.06)}
.btn{width:100%;min-height:52px;margin-top:24px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#050505;font-weight:750;cursor:pointer;transition:.2s}
.btn:hover{transform:translateY(-1px);box-shadow:0 20px 48px rgba(212,175,55,.22)}
.link-row{margin-top:24px;text-align:center;color:var(--muted2);font-size:14px}
.link-row a{color:var(--gold)}
.alert{margin:0 0 18px;padding:14px 16px;border:1px solid;border-radius:18px;font-size:14px;line-height:1.5}
.alert.error{color:#fecaca;background:rgba(248,113,113,.09);border-color:rgba(248,113,113,.25)}
.alert.ok{color:#bbf7d0;background:rgba(52,211,153,.08);border-color:rgba(52,211,153,.25)}
.dashboard-card{width:min(980px,100%);padding:34px;border:1px solid var(--line);border-radius:36px;background:rgba(255,255,255,.04);box-shadow:0 38px 120px rgba(0,0,0,.58)}
.dashboard-top{display:flex;align-items:center;justify-content:space-between;gap:20px}
.logout{width:auto;min-height:46px;margin:0;padding:0 20px}
.profile{margin-top:34px;display:flex;align-items:center;gap:22px}
.avatar{width:82px;height:82px;border-radius:26px;display:grid;place-items:center;background:linear-gradient(145deg,var(--gold),var(--gold-light));color:#050505;font-size:30px;font-weight:800}
.profile h1{margin:0;font-size:42px;letter-spacing:-.05em}
.profile p{margin:8px 0 0;color:var(--muted)}
.jwt-info{margin-top:24px;border:1px solid rgba(212,175,55,.22);border-radius:24px;background:rgba(212,175,55,.055);padding:20px}
.jwt-info h2{margin:0 0 16px;font-size:22px;letter-spacing:-.035em}
.jwt-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.jwt-item{border:1px solid rgba(255,255,255,.09);background:rgba(0,0,0,.22);border-radius:18px;padding:14px}
.jwt-item b{display:block;margin-bottom:8px;color:var(--muted2);font-size:11px;text-transform:uppercase;letter-spacing:.12em}
.jwt-item span{color:rgba(255,255,255,.88);word-break:break-word;font-size:14px}
@media(max-width:900px){.shell{grid-template-columns:1fr}.brand-side{min-height:390px}.form-side{border-left:0;border-top:1px solid var(--line)}.jwt-grid{grid-template-columns:1fr}}
.logo{display:flex;align-items:center;gap:14px}.logo-mark{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(212,175,55,.38);background:linear-gradient(145deg,rgba(212,175,55,.28),rgba(255,255,255,.045));color:var(--gold);font-weight:800}.logo-title{display:block;font-size:15px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.logo-sub{display:block;margin-top:3px;font-size:12px;color:var(--muted2);letter-spacing:.12em}
.brand-copy h1{margin:0;max-width:560px;font-size:clamp(50px,6vw,80px);line-height:.9;letter-spacing:-.075em}.gold{color:var(--gold)}.brand-copy p{max-width:520px;margin:28px 0 0;color:var(--muted);font-size:18px;line-height:1.75}.brand-footer{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted2);font-size:13px}.brand-footer span{min-width:118px;padding-top:12px;border-top:1px solid var(--line)}
.form-side{padding:42px;display:grid;align-items:center;background:rgba(8,8,8,.78);backdrop-filter:blur(28px);border-left:1px solid var(--line)}.form-card h2{margin:0;font-size:36px;letter-spacing:-.045em}.form-card p{margin:12px 0 28px;color:var(--muted);line-height:1.65}.label{display:block;margin:18px 0 8px;color:rgba(255,255,255,.66);font-size:14px}.input{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:18px;padding:16px;color:#fff;outline:none;transition:.2s}.input::placeholder{color:rgba(255,255,255,.28)}.input:focus{border-color:rgba(212,175,55,.75);background:rgba(255,255,255,.065);box-shadow:0 0 0 4px rgba(212,175,55,.06)}
.btn{width:100%;min-height:52px;margin-top:24px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#050505;font-weight:750;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-1px);box-shadow:0 20px 48px rgba(212,175,55,.22)}.link-row{margin-top:24px;text-align:center;color:var(--muted2);font-size:14px}.link-row a{color:var(--gold)}
.alert{margin:0 0 18px;padding:14px 16px;border:1px solid;border-radius:18px;font-size:14px;line-height:1.5}.alert.error{color:#fecaca;background:rgba(248,113,113,.09);border-color:rgba(248,113,113,.25)}.alert.ok{color:#bbf7d0;background:rgba(52,211,153,.08);border-color:rgba(52,211,153,.25)}
.dashboard-card{width:min(980px,100%);padding:34px;border:1px solid var(--line);border-radius:36px;background:rgba(255,255,255,.04);box-shadow:0 38px 120px rgba(0,0,0,.58)}.dashboard-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.logout{width:auto;min-height:46px;margin:0;padding:0 20px}.profile{margin-top:34px;display:flex;align-items:center;gap:22px}.avatar{width:82px;height:82px;border-radius:26px;display:grid;place-items:center;background:linear-gradient(145deg,var(--gold),var(--gold-light));color:#050505;font-size:30px;font-weight:800}.profile h1{margin:0;font-size:42px;letter-spacing:-.05em}.profile p{margin:8px 0 0;color:var(--muted)}
.jwt-info{margin-top:24px;border:1px solid rgba(212,175,55,.22);border-radius:24px;background:rgba(212,175,55,.055);padding:20px}.jwt-info h2{margin:0 0 16px;font-size:22px;letter-spacing:-.035em}.jwt-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.jwt-item{border:1px solid rgba(255,255,255,.09);background:rgba(0,0,0,.22);border-radius:18px;padding:14px}.jwt-item b{display:block;margin-bottom:8px;color:var(--muted2);font-size:11px;text-transform:uppercase;letter-spacing:.12em}.jwt-item span{color:rgba(255,255,255,.88);word-break:break-word;font-size:14px}
.claims-json{margin-top:16px;border:1px solid rgba(255,255,255,.09);background:rgba(0,0,0,.24);border-radius:18px;padding:14px}.claims-json b{display:block;margin-bottom:8px;color:var(--muted2);font-size:11px;text-transform:uppercase;letter-spacing:.12em}.claims-json pre{margin:0;white-space:pre-wrap;word-break:break-word;color:rgba(255,255,255,.9);font-size:13px;line-height:1.6}
@media(max-width:900px){.shell{grid-template-columns:1fr}.form-side{border-left:0;border-top:1px solid var(--line)}.jwt-grid{grid-template-columns:1fr}}
@media(max-width:620px){.screen{padding:14px}.brand-side,.form-side,.dashboard-card{padding:24px}.dashboard-top,.profile{align-items:flex-start;flex-direction:column}}
</style>
${extra}
</head>
<body>${body}</body>
</html>`;
}
function authLayout({ title, subtitle, heading, text, form }) {
return `<main class="screen">
<section class="shell">
<div class="brand-side">
<a class="logo" href="/login">
<span class="logo-mark">MM</span>
<span><span class="logo-title">Million Miles</span><span class="logo-sub">Private Client Access</span></span>
</a>
<div class="brand-copy"><h1>${heading}</h1><p>${text}</p></div>
<div class="decor-car"></div>
<div class="brand-footer"><span>Secure access</span><span>Private area</span><span>Premium service</span></div>
</div>
<div class="form-side"><div class="form-card"><h2>${title}</h2><p>${subtitle}</p>${form}</div></div>
</section>
</main>`;
return `<main class="screen"><section class="shell"><div class="brand-side"><a class="logo" href="/login"><span class="logo-mark">MM</span><span><span class="logo-title">Million Miles</span><span class="logo-sub">Private Client Access</span></span></a><div class="brand-copy"><h1>${heading}</h1><p>${text}</p></div><div class="brand-footer"><span>Secure access</span><span>Private area</span><span>Premium service</span></div></div><div class="form-side"><div class="form-card"><h2>${title}</h2><p>${subtitle}</p>${form}</div></div></section></main>`;
}
function loginPage(req, res, msg = "", headers = {}) {
const form = `<form method="post" action="/login">
${msg}
<label class="label">Email</label>
<input class="input" name="email" type="email" autocomplete="email" placeholder="you@example.com" required />
<label class="label">Пароль</label>
<input class="input" name="password" type="password" autocomplete="current-password" placeholder="Ваш пароль" required />
<button class="btn" type="submit">Войти</button>
<div class="link-row">Нет аккаунта? <a href="/register">Зарегистрироваться</a></div>
</form>`;
send(res, 200, page("Вход | Million Miles", authLayout({
title: "Вход",
subtitle: "Войдите в личный кабинет Million Miles.",
heading: `Добро пожаловать`,
text: "Закрытый доступ для клиентов премиального сервиса.",
form
})), headers);
const form = `<form method="post" action="/login">${msg}<label class="label">Email</label><input class="input" name="email" type="email" autocomplete="email" placeholder="you@example.com" required /><label class="label">Пароль</label><input class="input" name="password" type="password" autocomplete="current-password" placeholder="Ваш пароль" required /><button class="btn" type="submit">Войти</button><div class="link-row">Нет аккаунта? <a href="/register">Зарегистрироваться</a></div></form>`;
send(res, 200, page("Вход | Million Miles", authLayout({ title: "Вход", subtitle: "Войдите в личный кабинет Million Miles.", heading: "Добро пожаловать", text: "Закрытый доступ для клиентов премиального сервиса.", form })), headers);
}
function registerPage(req, res, msg = "") {
const form = `<form method="post" action="/register">
${msg}
<label class="label">Полное имя</label>
<input class="input" name="fullName" autocomplete="name" placeholder="Ваше имя" required minlength="2" />
<label class="label">Email</label>
<input class="input" name="email" type="email" autocomplete="email" placeholder="you@example.com" required />
<label class="label">Пароль</label>
<input class="input" name="password" type="password" autocomplete="new-password" placeholder="Минимум 8 символов" minlength="8" required />
<button class="btn" type="submit">Зарегистрироваться</button>
<div class="link-row">Уже есть аккаунт? <a href="/login">Войти</a></div>
</form>`;
send(res, 200, page("Регистрация | Million Miles", authLayout({
title: "Регистрация",
subtitle: "Создайте личный кабинет Million Miles.",
heading: `Персональный доступ <span class="gold">Million Miles</span>`,
text: "Создайте профиль для доступа в личный кабинет Million Miles.",
form
})));
const form = `<form method="post" action="/register">${msg}<label class="label">Полное имя</label><input class="input" name="fullName" autocomplete="name" placeholder="Ваше имя" required minlength="2" /><label class="label">Email</label><input class="input" name="email" type="email" autocomplete="email" placeholder="you@example.com" required /><label class="label">Пароль</label><input class="input" name="password" type="password" autocomplete="new-password" placeholder="Минимум 8 символов" minlength="8" required /><label class="label">Подтвердите пароль</label><input class="input" name="confirmPassword" type="password" autocomplete="new-password" placeholder="Повторите пароль" minlength="8" required /><button class="btn" type="submit">Зарегистрироваться</button><div class="link-row">Уже есть аккаунт? <a href="/login">Войти</a></div></form>`;
send(res, 200, page("Регистрация | Million Miles", authLayout({ title: "Регистрация", subtitle: "Создайте личный кабинет Million Miles.", heading: `Персональный доступ <span class="gold">Million Miles</span>`, text: "Создайте профиль для доступа в личный кабинет Million Miles.", form })));
}
async function registerPost(req, res) {
@@ -584,18 +655,31 @@ async function registerPost(req, res) {
const email = String(data.email || "").trim().toLowerCase();
const fullName = String(data.fullName || "").trim();
const password = String(data.password || "");
const confirmPassword = String(data.confirmPassword || "");
try {
if (!fullName || !email || password.length < 8) throw new Error("Проверьте заполненные данные.");
if (!(await authentikReady())) throw new Error("Сервис авторизации запускается. Попробуйте позже.");
if (!fullName || !email || !password || !confirmPassword) {
throw new Error("Проверьте заполненные данные.");
}
if (password !== confirmPassword) {
throw new Error("Пароли не совпадают.");
}
const passwordError = validatePassword(password);
if (passwordError) throw new Error(passwordError);
if (!(await authentikReady())) {
throw new Error("Сервис авторизации запускается. Попробуйте позже.");
}
await createAuthentikUser({ fullName, email, password });
return redirect(res, "/login", {
"Set-Cookie": makeCookie("mm_flash", "registered", 120)
});
} catch (e) {
return registerPage(req, res, `<div class="alert error">${escapeHtml(e.message || "Не удалось создать аккаунт.")}</div>`);
} catch (error) {
return registerPage(req, res, `<div class="alert error">${escapeHtml(error.message || "Не удалось создать аккаунт.")}</div>`);
}
}
@@ -606,88 +690,124 @@ async function loginPost(req, res) {
try {
if (!email || !password) throw new Error("Введите email и пароль.");
if (!(await authentikReady())) throw new Error("Сервис авторизации запускается. Попробуйте позже.");
await ensureOidcProvider();
if (!(await authentikReady())) {
throw new Error("Сервис авторизации запускается. Попробуйте позже.");
}
const jar = await authentikPasswordLogin(email, password);
const idToken = await getAuthentikIdTokenWithSession(jar);
const claims = decodeJwt(idToken);
const session = makeSigned({
id_token: idToken,
claims,
sub: claims.sub,
name: claims.name || claims.preferred_username || claims.email || email,
email: claims.email || email,
username: claims.preferred_username || claims.email || email,
iss: claims.iss,
aud: claims.aud,
iat: claims.iat,
exp: claims.exp
});
const tokens = await getAuthentikTokensWithSession(jar);
const claims = await validateIdToken(tokens.id_token);
const maxAge = tokenMaxAge(claims);
return redirect(res, "/dashboard", {
"Set-Cookie": makeCookie("mm_session", session, 3600 * 8)
"Set-Cookie": [
makeCookie("mm_id_token", encodeURIComponent(tokens.id_token), maxAge),
makeCookie("mm_access_token", encodeURIComponent(tokens.access_token), maxAge)
]
});
} catch (e) {
debug("login failed", e);
return loginPage(req, res, `<div class="alert error">${escapeHtml(e.message || "Неверный email или пароль.")}</div>`);
} catch (error) {
debug("login failed", error);
return loginPage(req, res, `<div class="alert error">${escapeHtml(error.message || "Неверный email или пароль.")}</div>`);
}
}
async function me(req, res) {
try {
const user = await getCurrentUser(req);
if (!user) {
res.writeHead(401, { "Content-Type": "application/json" });
return res.end(JSON.stringify({ error: "Unauthorized" }));
}
res.writeHead(200, { "Content-Type": "application/json; charset=utf-8" });
return res.end(JSON.stringify(user.profile));
} catch (error) {
res.writeHead(401, {
"Content-Type": "application/json; charset=utf-8",
"Set-Cookie": [
clearCookie("mm_id_token"),
clearCookie("mm_access_token")
]
});
return res.end(JSON.stringify({ error: error.message || "Unauthorized" }));
}
}
async function dashboard(req, res) {
let user;
try {
user = await getCurrentUser(req);
} catch (error) {
return redirect(res, "/login", {
"Set-Cookie": [
clearCookie("mm_id_token"),
clearCookie("mm_access_token")
]
});
}
if (!user) return redirect(res, "/login");
const profile = user.profile;
const body = `<main class="screen"><section class="dashboard-card"><div class="dashboard-top"><a class="logo" href="/dashboard"><span class="logo-mark">MM</span><span><span class="logo-title">Million Miles</span><span class="logo-sub">Private Client Access</span></span></a><form method="post" action="/logout"><button class="btn logout" type="submit">Выйти</button></form></div><div class="profile"><div class="avatar" id="profile-avatar">${escapeHtml(initials(profile.name, profile.email))}</div><div><h1 id="profile-name">${escapeHtml(profile.name || "Клиент")}</h1><p>Данные ниже получены из /me. Backend валидирует JWT Authentik из HttpOnly cookie.</p></div></div><div class="jwt-info"><h2>Claims</h2><div class="jwt-grid"><div class="jwt-item"><b>sub</b><span id="claim-sub">${escapeHtml(profile.sub || "—")}</span></div><div class="jwt-item"><b>name</b><span id="claim-name">${escapeHtml(profile.name || "—")}</span></div><div class="jwt-item"><b>email</b><span id="claim-email">${escapeHtml(profile.email || "—")}</span></div><div class="jwt-item"><b>username</b><span id="claim-username">${escapeHtml(profile.username || "—")}</span></div><div class="jwt-item"><b>iat</b><span id="claim-iat">${escapeHtml(formatTimestamp(profile.iat))}</span></div><div class="jwt-item"><b>exp</b><span id="claim-exp">${escapeHtml(formatTimestamp(profile.exp))}</span></div><div class="jwt-item"><b>iss</b><span id="claim-iss">${escapeHtml(profile.iss || "—")}</span></div><div class="jwt-item"><b>aud</b><span id="claim-aud">${escapeHtml(Array.isArray(profile.aud) ? profile.aud.join(", ") : profile.aud || "—")}</span></div></div><div class="claims-json"><b>/me JSON</b><pre id="me-json">${escapeHtml(JSON.stringify(profile, null, 2))}</pre></div></div></section></main>`;
const script = `<script id="me-bootstrap" type="application/json">${jsonScript(profile)}</script><script>
const claimIds = ["sub", "name", "email", "username", "iat", "exp", "iss", "aud"];
const initial = JSON.parse(document.getElementById("me-bootstrap").textContent || "{}");
function formatValue(key, value) {
if (value == null || value === "") return "—";
if (key === "iat" || key === "exp") {
const date = new Date(Number(value) * 1000);
return Number.isNaN(date.getTime()) ? "—" : date.toLocaleString("ru-RU");
}
if (Array.isArray(value)) return value.join(", ");
return String(value);
}
function initials(name, email) {
const source = name || email || "MM";
return source.split(/[ ._-]+/).filter(Boolean).slice(0, 2).map(x => x[0]).join("").toUpperCase();
return source.split(/[ ._-]+/).filter(Boolean).slice(0, 2).map(part => part[0]).join("").toUpperCase();
}
function dashboard(req, res) {
const session = getSession(req);
if (!session) return redirect(res, "/login");
function render(data) {
document.getElementById("profile-name").textContent = data.name || data.username || data.email || "Клиент";
document.getElementById("profile-avatar").textContent = initials(data.name, data.email);
const claims = session.claims || {};
const name = session.name || "Клиент";
const email = session.email || "—";
const idToken = session.id_token || "—";
const iat = claims.iat ? new Date(claims.iat * 1000).toLocaleString("ru-RU") : "—";
const exp = claims.exp ? new Date(claims.exp * 1000).toLocaleString("ru-RU") : "—";
for (const key of claimIds) {
const node = document.getElementById("claim-" + key);
if (node) node.textContent = formatValue(key, data[key]);
}
const body = `<main class="screen">
<section class="dashboard-card">
<div class="dashboard-top">
<a class="logo" href="/dashboard">
<span class="logo-mark">MM</span>
<span><span class="logo-title">Million Miles</span><span class="logo-sub">Private Client Access</span></span>
</a>
<form method="post" action="/logout"><button class="btn logout" type="submit">Выйти</button></form>
</div>
document.getElementById("me-json").textContent = JSON.stringify(data, null, 2);
}
<div class="profile">
<div class="avatar">${escapeHtml(initials(name, email))}</div>
<div><h1>${escapeHtml(name)}</h1><p>Данные ниже получены из JWT Authentik</p></div>
</div>
render(initial);
<div class="jwt-info">
<h2>JWT</h2>
<div class="jwt-grid">
<div class="jwt-item"><b>sub</b><span>${escapeHtml(claims.sub || "—")}</span></div>
<div class="jwt-item"><b>name</b><span>${escapeHtml(claims.name || "—")}</span></div>
<div class="jwt-item"><b>email</b><span>${escapeHtml(claims.email || "—")}</span></div>
<div class="jwt-item"><b>username</b><span>${escapeHtml(claims.preferred_username || claims.email || "—")}</span></div>
<div class="jwt-item"><b>iat</b><span>${escapeHtml(iat)}</span></div>
<div class="jwt-item"><b>exp</b><span>${escapeHtml(exp)}</span></div>
<div class="jwt-item"><b>iss</b><span>${escapeHtml(claims.iss || "—")}</span></div>
<div class="jwt-item"><b>aud</b><span>${escapeHtml(Array.isArray(claims.aud) ? claims.aud.join(", ") : claims.aud || "—")}</span></div>
</div>
<div class="jwt-item" style="margin-top:12px">
<b>full id_token</b>
<span>${escapeHtml(idToken)}</span>
</div>
</div>
</section>
</main>`;
fetch("/me", { headers: { Accept: "application/json" } })
.then(async response => {
if (response.status === 401) {
window.location.href = "/login";
return null;
}
send(res, 200, page("Dashboard | Million Miles", body));
if (!response.ok) {
throw new Error("Не удалось получить /me.");
}
return response.json();
})
.then(data => {
if (data) render(data);
})
.catch(error => {
console.error(error);
});
</script>`;
send(res, 200, page("Dashboard | Million Miles", body, script));
}
function redirect(res, location, headers = {}) {
@@ -701,7 +821,12 @@ function send(res, status, content, headers = {}) {
}
function logout(req, res) {
redirect(res, "/login", { "Set-Cookie": clearCookie("mm_session") });
redirect(res, "/login", {
"Set-Cookie": [
clearCookie("mm_id_token"),
clearCookie("mm_access_token")
]
});
}
http.createServer(async (req, res) => {
@@ -712,10 +837,11 @@ http.createServer(async (req, res) => {
if (req.method === "GET" && url.pathname === "/login") {
const cookies = parseCookies(req);
if (cookies.mm_flash === "registered") {
return loginPage(req, res, `<div class="alert ok">Аккаунт создан. Теперь можно войти.</div>`, {
return loginPage(req, res, `<div class="alert ok">Аккаунт создан. Теперь войдите через форму Authentik.</div>`, {
"Set-Cookie": clearCookie("mm_flash")
});
}
return loginPage(req, res);
}
@@ -723,6 +849,7 @@ http.createServer(async (req, res) => {
if (req.method === "GET" && url.pathname === "/register") return registerPage(req, res);
if (req.method === "POST" && url.pathname === "/register") return registerPost(req, res);
if (req.method === "GET" && url.pathname === "/dashboard") return dashboard(req, res);
if (req.method === "GET" && url.pathname === "/me") return me(req, res);
if (req.method === "POST" && url.pathname === "/logout") return logout(req, res);
if (req.method === "GET" && url.pathname === "/health") {
@@ -732,6 +859,6 @@ http.createServer(async (req, res) => {
redirect(res, "/login");
}).listen(PORT, () => {
ensureOidcProvider().catch(e => debug("startup oidc setup failed", e.message));
console.log(`Million Miles Authentik 100% POC on http://localhost:${PORT}`);
discoverOidc().catch(error => debug("startup oidc setup failed", error.message));
console.log(`Million Miles Authentik POC on http://localhost:${PORT}`);
});