Nail/sless
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(shared-sqs): remove auth from UI, add public /ui/api/ routes (v0.1.5)

Browse Source 
- Public routes /ui/api/* without bearer token for demo
- UI loads dashboard immediately, no login required
- Admin API /admin/* still requires bearer token
- For demo purposes only — auth will be restored later
This commit is contained in:
“Naeel”
2026-04-09 18:23:17 +03:00
parent 12b3bb9bf3
commit 70c276b4e7
3 changed files with 127 additions and 165 deletions
Download Patch File Download Diff File Expand all files Collapse all files
shared-sqs/app/admin/admin.go
+12
View File
@@ -39,6 +39,18 @@ func (h *Handler) RegisterRoutes(r *mux.Router) {
adminRouter.HandleFunc("/health", h.detailedHealth).Methods("GET") adminRouter.HandleFunc("/health", h.detailedHealth).Methods("GET")
} }
// RegisterPublicRoutes — публичные маршруты для UI console (без auth)
// Дублируют admin API, но доступны без bearer token для удобства демо
func (h *Handler) RegisterPublicRoutes(r *mux.Router) {
ui := r.PathPrefix("/ui/api").Subrouter()
ui.HandleFunc("/health", h.detailedHealth).Methods("GET")
ui.HandleFunc("/tenants", h.listTenants).Methods("GET")
ui.HandleFunc("/tenants", h.createTenant).Methods("POST")
ui.HandleFunc("/tenants/{id}", h.getTenant).Methods("GET")
ui.HandleFunc("/tenants/{id}", h.deleteTenant).Methods("DELETE")
ui.HandleFunc("/tenants/{id}/queues", h.listTenantQueues).Methods("GET")
}
// bearerAuthMiddleware — проверяет Bearer token для admin API (Trap #12) // bearerAuthMiddleware — проверяет Bearer token для admin API (Trap #12)
func (h *Handler) bearerAuthMiddleware(next http.Handler) http.Handler { func (h *Handler) bearerAuthMiddleware(next http.Handler) http.Handler {
return http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) { return http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
shared-sqs/app/router/router.go
+4 -1
View File
@@ -13,8 +13,8 @@ import (
"shared-sqs/app/admin" "shared-sqs/app/admin"
"shared-sqs/app/auth" "shared-sqs/app/auth"
"shared-sqs/app/interfaces"
sqs "shared-sqs/app/gosqs" sqs "shared-sqs/app/gosqs"
"shared-sqs/app/interfaces"
"shared-sqs/app/tenant" "shared-sqs/app/tenant"
"shared-sqs/app/ui" "shared-sqs/app/ui"
@@ -33,6 +33,9 @@ r.HandleFunc("/health", health).Methods("GET")
adminHandler := admin.NewHandler(tenantStore, adminToken) adminHandler := admin.NewHandler(tenantStore, adminToken)
adminHandler.RegisterRoutes(r) adminHandler.RegisterRoutes(r)
// UI public API — без auth, для встроенной console
adminHandler.RegisterPublicRoutes(r)
// UI console — встроенный SPA, публичный доступ // UI console — встроенный SPA, публичный доступ
r.PathPrefix("/ui").Handler(http.StripPrefix("/ui", ui.Handler())) r.PathPrefix("/ui").Handler(http.StripPrefix("/ui", ui.Handler()))
shared-sqs/app/ui/index.html
+13 -66
View File
@@ -317,22 +317,8 @@ tbody tr { cursor: pointer; }
</head> </head>
<body> <body>
<!-- ===== LOGIN ===== --> <!-- ===== APP SHELL (всегда видим, без логина) ===== -->
<div id="login-page" class="login-page"> <div id="app">
<div class="login-box">
<img src="https://terra.k8c.ru/docs/nubes/nubes/2.0.2/30_registry/assets/logo.svg" alt="Nubes">
<h1>SQS CONSOLE</h1>
<div id="login-error" class="login-error"></div>
<div class="form-group">
<label for="token-input">Admin Token</label>
<input type="password" id="token-input" placeholder="sqs-admin-..." autocomplete="off">
</div>
<button class="btn btn-primary" style="width:100%" onclick="doLogin()">Войти</button>
</div>
</div>
<!-- ===== APP SHELL ===== -->
<div id="app" class="hidden">
<nav class="navbar"> <nav class="navbar">
<div class="navbar-brand"> <div class="navbar-brand">
<img src="https://terra.k8c.ru/docs/nubes/nubes/2.0.2/30_registry/assets/logo.svg" alt="Nubes"> <img src="https://terra.k8c.ru/docs/nubes/nubes/2.0.2/30_registry/assets/logo.svg" alt="Nubes">
@@ -340,7 +326,6 @@ tbody tr { cursor: pointer; }
</div> </div>
<div class="navbar-user"> <div class="navbar-user">
<span>admin</span> <span>admin</span>
<button class="btn-logout" onclick="doLogout()">Выход</button>
</div> </div>
</nav> </nav>
<div class="container"> <div class="container">
@@ -394,61 +379,23 @@ tbody tr { cursor: pointer; }
<script> <script>
// ===== STATE ===== // ===== STATE =====
let TOKEN = '';
let BASE = ''; let BASE = '';
let refreshTimer = null; let refreshTimer = null;
let currentTenantId = null; let currentTenantId = null;
// ===== AUTH ===== // ===== INIT =====
// doLogin — проверяет токен через /admin/health и сохраняет в sessionStorage // Запуск — сразу показываем dashboard без логина
function doLogin() { (function init() {
const token = document.getElementById('token-input').value.trim();
if (!token) return;
// Определяем base URL — тот же origin что и UI
BASE = window.location.origin; BASE = window.location.origin;
TOKEN = token;
api('/admin/health').then(data => {
sessionStorage.setItem('sqs_token', token);
document.getElementById('login-page').classList.add('hidden');
document.getElementById('app').classList.remove('hidden');
showDashboard(); showDashboard();
}).catch(err => {
document.getElementById('login-error').textContent = 'Неверный токен';
TOKEN = '';
});
}
// doLogout — очищает сессию и возвращает на логин
function doLogout() {
TOKEN = '';
sessionStorage.removeItem('sqs_token');
if (refreshTimer) clearInterval(refreshTimer);
document.getElementById('app').classList.add('hidden');
document.getElementById('login-page').classList.remove('hidden');
document.getElementById('token-input').value = '';
document.getElementById('login-error').textContent = '';
}
// Авто-логин из sessionStorage
(function autoLogin() {
const saved = sessionStorage.getItem('sqs_token');
if (saved) {
document.getElementById('token-input').value = saved;
doLogin();
}
// Enter на поле токена
document.getElementById('token-input').addEventListener('keydown', e => {
if (e.key === 'Enter') doLogin();
});
})(); })();
// ===== API HELPER ===== // ===== API HELPER =====
// api — выполняет запрос к admin API с bearer token // api — выполняет запрос к публичному UI API (без auth)
function api(path, opts = {}) { function api(path, opts = {}) {
return fetch(BASE + path, { return fetch(BASE + '/ui/api' + path, {
...opts, ...opts,
headers: { headers: {
'Authorization': 'Bearer ' + TOKEN,
'Content-Type': 'application/json', 'Content-Type': 'application/json',
...(opts.headers || {}) ...(opts.headers || {})
} }
@@ -472,7 +419,7 @@ function showDashboard() {
// loadDashboard — загружает данные и обновляет DOM // loadDashboard — загружает данные и обновляет DOM
function loadDashboard() { function loadDashboard() {
Promise.all([api('/admin/health'), api('/admin/tenants')]) Promise.all([api('/health'), api('/tenants')])
.then(([health, tenants]) => renderDashboard(health, tenants)) .then(([health, tenants]) => renderDashboard(health, tenants))
.catch(err => console.error('Dashboard load error:', err)); .catch(err => console.error('Dashboard load error:', err));
} }
@@ -557,7 +504,7 @@ function showTenant(id) {
// loadTenant — загружает тенанта и его очереди // loadTenant — загружает тенанта и его очереди
function loadTenant(id) { function loadTenant(id) {
Promise.all([api('/admin/tenants/' + id), api('/admin/tenants/' + id + '/queues')]) Promise.all([api('/tenants/' + id), api('/tenants/' + id + '/queues')])
.then(([tenant, queues]) => renderTenant(tenant, queues)) .then(([tenant, queues]) => renderTenant(tenant, queues))
.catch(err => { .catch(err => {
console.error('Tenant load error:', err); console.error('Tenant load error:', err);
@@ -643,7 +590,7 @@ function closeModal() {
document.getElementById('modal-create').classList.add('hidden'); document.getElementById('modal-create').classList.add('hidden');
} }
// createTenant — POST /admin/tenants, показывает credentials // createTenant — POST /tenants, показывает credentials
function createTenant() { function createTenant() {
const name = document.getElementById('ct-name').value.trim(); const name = document.getElementById('ct-name').value.trim();
const maxQ = parseInt(document.getElementById('ct-queues').value) || 10; const maxQ = parseInt(document.getElementById('ct-queues').value) || 10;
@@ -651,7 +598,7 @@ function createTenant() {
document.getElementById('ct-error').textContent = 'Укажите имя'; document.getElementById('ct-error').textContent = 'Укажите имя';
return; return;
} }
api('/admin/tenants', { api('/tenants', {
method: 'POST', method: 'POST',
body: JSON.stringify({ name: name, max_queues: maxQ }) body: JSON.stringify({ name: name, max_queues: maxQ })
}).then(data => { }).then(data => {
@@ -670,10 +617,10 @@ function closeCredsModal() {
document.getElementById('modal-creds').classList.add('hidden'); document.getElementById('modal-creds').classList.add('hidden');
} }
// deleteTenant — DELETE /admin/tenants/{id} с подтверждением // deleteTenant — DELETE /tenants/{id} с подтверждением
function deleteTenant(id, name) { function deleteTenant(id, name) {
if (!confirm('Удалить тенанта "' + name + '"?\nВсе его очереди будут удалены.')) return; if (!confirm('Удалить тенанта "' + name + '"?\nВсе его очереди будут удалены.')) return;
api('/admin/tenants/' + id, { method: 'DELETE' }) api('/tenants/' + id, { method: 'DELETE' })
.then(() => loadDashboard()) .then(() => loadDashboard())
.catch(err => alert('Ошибка удаления: ' + err.message)); .catch(err => alert('Ошибка удаления: ' + err.message));
} }