v0.1.32: главная — пошаговый старт; примеры команд — на /examples крупным шрифтом; консоль сразу в аккаунт

2026-08-14 13:45:06 +04:00
parent 709127caf7
commit 94108eec48
6 changed files with 346 additions and 66 deletions
@@ -127,6 +127,52 @@ pre code { background: none; border: none; padding: 0; }
 .cmd-label:first-child { margin-top: 0; }
 .status-ok { color: var(--success); font-weight: 600; }
 .footer { color: var(--text-muted); font-size: 12px; text-align: center; margin-top: 32px; }
+
+/* Быстрый старт — шаги */
+.step { display: flex; gap: 14px; margin-bottom: 18px; }
+.step:last-child { margin-bottom: 0; }
+.step-num {
+  flex: 0 0 30px;
+  height: 30px;
+  border-radius: 999px;
+  background: var(--brand-primary);
+  color: #fff;
+  font-weight: 700;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 15px;
+}
+.step-body { flex: 1; }
+.step-title { font-weight: 600; font-size: 15px; margin-bottom: 2px; }
+.step-body p { color: #374151; margin: 4px 0; }
+.btn-hero {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  background: var(--brand-primary);
+  color: #fff !important;
+  text-decoration: none !important;
+  font-size: 15px;
+  font-weight: 600;
+  padding: 10px 20px;
+  border-radius: 8px;
+  margin-top: 8px;
+}
+.btn-hero:hover { background: var(--brand-primary-dark); }
+.link-card { text-align: center; padding: 8px 0 4px; }
+.link-card a { font-size: 15px; font-weight: 600; }
+.hint-box {
+  font-size: 14px;
+  color: #374151;
+  background: var(--brand-grey-light);
+  border: 1px solid var(--brand-gray);
+  border-radius: 8px;
+  padding: 10px 14px;
+  margin-top: 10px;
+  line-height: 1.7;
+}
+.hint-box code { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 13px; }
 </style>
 </head>
 <body>
@@ -145,7 +191,43 @@ pre code { background: none; border: none; padding: 0; }
    <img src="/static/logo.svg" height="28" alt="nubes">
    <div>
      <h1>shared-sqs <span class="badge">тестирование</span></h1>
-      <p class="sub">Multi-tenant очередь, совместимая с AWS SQS API. Каждый тенант получает изолированное пространство очередей.</p>
+      <p class="sub">Очередь, совместимая с AWS SQS API. Твои очереди и сообщения — в одном месте, доступ по протоколу AWS.</p>
+    </div>
+  </div>
+
+  <div class="card">
+    <div class="card-header">Как начать — 3 шага</div>
+    <div class="card-body">
+      <div class="step">
+        <div class="step-num">1</div>
+        <div class="step-body">
+          <div class="step-title">Войди в консоль</div>
+          <p>Возьми API-токен в панели Nubes и вставь его на странице входа.</p>
+          <a class="btn-hero" href="/ui">Открыть консоль →</a>
+        </div>
+      </div>
+      <div class="step">
+        <div class="step-num">2</div>
+        <div class="step-body">
+          <div class="step-title">Получи ключи доступа</div>
+          <p>В консоли нажми кнопку <code>Credentials</code> — там будут <strong>Access Key</strong> и <strong>Secret Key</strong>. Это и есть креды для подключения.</p>
+        </div>
+      </div>
+      <div class="step">
+        <div class="step-num">3</div>
+        <div class="step-body">
+          <div class="step-title">Подключи свой клиент</div>
+          <p>Укажи ключи в AWS CLI/SDK и работай с очередями как с обычным AWS SQS.</p>
+          <div class="hint-box">
+            Быстрый вариант — переменные окружения:<br>
+            <code>export AWS_ACCESS_KEY_ID=&lt;Access Key&gt;</code><br>
+            <code>export AWS_SECRET_ACCESS_KEY=&lt;Secret Key&gt;</code><br>
+            <code>aws sqs list-queues --endpoint-url https://sqs.containerk8s.dev.nubes.ru --region us-east-1</code>
+          </div>
+          <p style="margin-top:10px">Все примеры команд и способ через файл <code>~/.aws/credentials</code> — на отдельной странице:</p>
+          <a class="btn-hero" href="/examples">Примеры команд →</a>
+        </div>
+      </div>
    </div>
  </div>

@@ -159,9 +241,9 @@ pre code { background: none; border: none; padding: 0; }
      <div class="k">Регион</div>
      <div class="v">us-east-1</div>
      <div class="k">Аутентификация</div>
-      <div class="v">Access Key / Secret Key тенанта (выдаются в консоли <a href="/ui">/ui</a>)</div>
+      <div class="v">Access Key / Secret Key — получи в консоли <a href="/ui">/ui</a> (кнопка Credentials)</div>
      <div class="k">Консоль</div>
-      <div class="v"><a href="/ui">/ui</a> — веб-интерфейс (вход по токену Nubes)</div>
+      <div class="v"><a href="/ui">/ui</a> — веб-интерфейс (вход по API-токену Nubes)</div>
      <div class="k">Health</div>
      <div class="v"><a href="/health">GET /health</a> <span class="status-ok">● ok</span></div>
      <div class="k">Метрики</div>
@@ -172,64 +254,14 @@ pre code { background: none; border: none; padding: 0; }
  </div>

  <div class="card">
-    <div class="card-header">Команды SQS API</div>
+    <div class="card-header">Команды и примеры</div>
    <div class="card-body">
-      <p>Все команды отправляются на корень <code>POST https://sqs.containerk8s.dev.nubes.ru/</code> с параметром <code>Action</code>.</p>
-      <div class="tbl-wrap">
-        <table>
-          <thead>
-            <tr><th>Action</th><th>Описание</th></tr>
-          </thead>
-          <tbody>
-            <tr><td><code>CreateQueue</code></td><td>Создать очередь</td></tr>
-            <tr><td><code>ListQueues</code></td><td>Список очередей тенанта</td></tr>
-            <tr><td><code>GetQueueUrl</code></td><td>URL очереди по имени</td></tr>
-            <tr><td><code>GetQueueAttributes</code></td><td>Атрибуты очереди</td></tr>
-            <tr><td><code>SetQueueAttributes</code></td><td>Изменить атрибуты очереди</td></tr>
-            <tr><td><code>SendMessage</code></td><td>Отправить сообщение</td></tr>
-            <tr><td><code>SendMessageBatch</code></td><td>Отправить до 10 сообщений разом</td></tr>
-            <tr><td><code>ReceiveMessage</code></td><td>Получить сообщения (long polling до 20с)</td></tr>
-            <tr><td><code>DeleteMessage</code></td><td>Удалить сообщение</td></tr>
-            <tr><td><code>DeleteMessageBatch</code></td><td>Удалить до 10 сообщений разом</td></tr>
-            <tr><td><code>ChangeMessageVisibility</code></td><td>Изменить таймаут видимости сообщения</td></tr>
-            <tr><td><code>ChangeMessageVisibilityBatch</code></td><td>Пакетно изменить таймаут видимости</td></tr>
-            <tr><td><code>PurgeQueue</code></td><td>Очистить очередь</td></tr>
-            <tr><td><code>DeleteQueue</code></td><td>Удалить очередь</td></tr>
-            <tr><td><code>TagQueue</code></td><td>Назначить теги очереди</td></tr>
-            <tr><td><code>UntagQueue</code></td><td>Снять теги с очереди</td></tr>
-            <tr><td><code>ListQueueTags</code></td><td>Список тегов очереди</td></tr>
-          </tbody>
-        </table>
-      </div>
+      <p style="color:#374151">Полный список команд SQS API и подробные примеры для AWS CLI — на отдельной странице с крупным шрифтом.</p>
+      <div class="link-card"><a href="/examples">Открыть примеры команд →</a></div>
    </div>
  </div>

-  <div class="card">
-    <div class="card-header">Примеры (AWS CLI)</div>
-    <div class="card-body">
-      <div class="cmd-label">Ключи тенанта</div>
-      <pre><code>export AWS_ACCESS_KEY_ID=&lt;Access Key из /ui&gt;
-export AWS_SECRET_ACCESS_KEY=&lt;Secret Key из /ui&gt;</code></pre>
-      <div class="cmd-label">Создать очередь</div>
-      <pre><code>aws sqs create-queue --queue-name demo \
-  --endpoint-url https://sqs.containerk8s.dev.nubes.ru \
-  --region us-east-1</code></pre>
-      <div class="cmd-label">Отправить сообщение (QueueUrl — из ответа create-queue)</div>
-      <pre><code>aws sqs send-message --queue-url &lt;QueueUrl&gt; \
-  --message-body "hello nubes" \
-  --endpoint-url https://sqs.containerk8s.dev.nubes.ru \
-  --region us-east-1</code></pre>
-      <div class="cmd-label">Получить и удалить сообщение</div>
-      <pre><code>aws sqs receive-message --queue-url &lt;QueueUrl&gt; \
-  --endpoint-url https://sqs.containerk8s.dev.nubes.ru --region us-east-1
-
-aws sqs delete-message --queue-url &lt;QueueUrl&gt; \
-  --receipt-handle &lt;ReceiptHandle&gt; \
-  --endpoint-url https://sqs.containerk8s.dev.nubes.ru --region us-east-1</code></pre>
-    </div>
-  </div>
-
-  <div class="footer">shared-sqs · realm iot-naeel · версия {{VERSION}} · <a href="/metrics">метрики</a> · <a href="/health">health</a></div>
+  <div class="footer">shared-sqs · realm iot-naeel · версия {{VERSION}} · <a href="/examples">примеры</a> · <a href="/metrics">метрики</a> · <a href="/health">health</a> · <a href="/admin">админ</a></div>

 </div>
 </body>