add uptime-kuma docs

liara-cloud · Jan 1, 2024 · b208b38 · b208b38
1 parent 3c487c2
commit b208b38
Show file tree

Hide file tree

Showing 4 changed files with 88 additions and 1 deletion.
diff --git a/components/PlatformIcon.js b/components/PlatformIcon.js
@@ -39,6 +39,7 @@ import pocketbaseIcon from "@liara/platformicons/glass/png/pocketbase.png";
 import prestashopIcon from "@liara/platformicons/glass/png/prestashop.png";
 import mattermostIcon from "@liara/platformicons/glass/png/mattermost.png";
 import rocketchatIcon from "@liara/platformicons/glass/png/rocket.chat.png";
+import uptimekumaIcon from "@liara/platformicons/svg/uptime-kuma.svg";
 
 import seqIcon from "@liara/platformicons/glass/png/seq.png";
 import yiiIcon from "@liara/platformicons/glass/png/yii.png";
@@ -119,7 +120,7 @@ const types = [
   { logo: parseserverIcon, alt: "parseserver" },
   { logo: matomoIcon, alt: "matomo" },
   { logo: unleashIcon, alt: "unleash" },
-
+  { logo: uptimekumaIcon, alt: "uptimekuma" },
   // Instructions
 
   { logo: goIcon, alt: "go" },

diff --git a/components/Sidebar/index.js b/components/Sidebar/index.js
@@ -1149,6 +1149,12 @@ const Sidebar = ({ searchOpen, setSearchOpen }) => {
                 Unleash
               </ActiveLink>
             </li>
+            <li>
+              <ActiveLink href="/one-click-apps/uptime-kuma">
+                <PlatformIcon platform="uptimekuma" />
+                Uptime Kuma
+              </ActiveLink>
+            </li>
             <li>
               <ActiveLink href="/one-click-apps/others">
                 دیگر برنامه‌ها

diff --git a/pages/index.js b/pages/index.js
@@ -216,6 +216,11 @@ const DATA_SECTIONS = {
       title: "Unleash",
       href: "/one-click-apps/unleash",
     },
+    {
+      platform: "uptimekuma",
+      title: "Uptime Kuma",
+      href: "/one-click-apps/uptime-kuma",
+    },
   ],
 };
 

diff --git a/pages/one-click-apps/uptime-kuma.js b/pages/one-click-apps/uptime-kuma.js
@@ -0,0 +1,75 @@
+import Head from "next/head";
+import Link from "next/link";
+import Notice from "../../components/Notice";
+import Layout from "../../components/Layout";
+import PlatformIcon from "../../components/PlatformIcon";
+import ZoomableImage from "../../components/ZoomableImage";
+
+export default () => (
+  <Layout>
+    <Head>
+      <title>مستندات نصب و راه‌اندازی Uptime Kuma - لیارا</title>
+    </Head>
+    <div className="page-head">
+      <PlatformIcon platform="uptimekuma" />
+      <div className="page-title">
+        <h1>پلتفرم Uptime Kuma</h1>
+        <span className="page-description">(Uptime Kuma one-click app)</span>
+      </div>
+    </div>
+
+    <p align="justify">
+      <a
+        href="https://github.com/louislam/uptime-kuma"
+        target="_blank"
+        rel="noopener"
+      >
+        Uptime Kuma
+      </a>{" "}
+      یک ابزار مانیتورینگ متن‌باز (open source) است که به شما این امکان را
+      می‌دهد تا سرویس‌های خود را از طریق پروتکل‌های HTTP/S و TCP و DNS و دیگر
+      پروتکل‌ها، نظارت کنید. با این ابزار، شما می‌توانید هشدارهای در مورد
+      downtime را دریافت کنید و حتی صفحات custom status برای کاربران خود ایجاد
+      کنید.
+    </p>
+
+    <h3>🚀 راه‌اندازی</h3>
+
+    <p>
+      در صورتی که تمایلی به خواندن آموزش متنی ندارید می‌توانید ویدیوی آموزشی زیر
+      ‌را مشاهده کنید.
+    </p>
+
+    <ZoomableImage src="https://files.liara.ir/liara/one-click-apps/uptime-kuma.gif"></ZoomableImage>
+
+    <p align="justify">
+      برای راه‌اندازی برنامه‌ی آماده Uptime Kuma باید در بخش{" "}
+      <a href="https://console.liara.ir/apps" target="_blank">
+        برنامه‌های
+      </a>{" "}
+      کنسول لیارا بر روی دکمه‌ی <strong>ایجاد برنامه</strong> کلیک کرده و در
+      صفحه‌ی باز شده وارد بخش برنامه‌های آماده شوید. سپس برنامه‌ی Uptime Kuma را
+      انتخاب و یک شناسه‌ی یکتا برای برنامه‌ی خود درنظر بگیرید. در آخر پس از
+      انتخاب شبکه خصوصی و پلن، بر روی دکمه‌ی <strong>ایجاد برنامه</strong> کلیک
+      کنید.
+    </p>
+
+    <h3 id="proxy">تنظیمات TrustedProxies</h3>
+    <p align="justify">
+      با توجه به این نکته که تمامی درخواست‌ها توسط{" "}
+      <a href="https://en.wikipedia.org/wiki/Reverse_proxy" target="_blank">
+        Reverse proxy
+      </a>{" "}
+      لیارا به برنامه‌ی شما هدایت می‌شود باید در زمان استفاده از فریم‌ورک‌های
+      مختلف برای مشاهده‌ی IP واقعی کاربران و بسیاری از قابلیت‌های دیگر تعیین
+      کنید که برنامه‌ی شما در پشت یک Reverse proxy راه‌اندازی شده است:
+    </p>
+    <p align="justify">
+      برای انجام این کار، کافیست که وارد قسمت setting برنامه Uptime Kuma خود شده
+      و در زیر قسمت Reverse Proxy در بخش Trust Proxy بر روی yes کلیک کنید و سپس
+      تغییرات را ذخیره کنید.
+    </p>
+
+    <ZoomableImage src="https://files.liara.ir/liara/one-click-apps/reverse-proxy.png"></ZoomableImage>
+  </Layout>
+);