تکمیل رابط کاربری پنل VPN: نمایش عملی قابلیت‌ها - پارت 3

در سومین قسمت از پروژه ساخت VPN شخصی، به مرحله‌ای هیجان‌انگیز رسیده‌ایم: تکمیل رابط کاربری پنل مدیریت. حالا می‌توانید با چشم خود ببینید که پنل چه شکلی خواهد بود و چه قابلیت‌هایی خواهد داشت.

یادآوری رویکرد پروژه

همانطور که در قسمت دوم توضیح دادیم، این پروژه به صورت زنده توسعه می‌یابد:

• بجای 30-40 ویدیوی آموزشی خسته‌کننده
• پنل واقعی و کاربردی
• ویدیوهای معرفی قابلیت‌های جدید
• امکان دریافت نظرات و پیشنهادات

نصب ساده با یک دستور

دستور نصب خودکار:

git clone https://github.com/itbity/IT-Bity-SSH-Panel.git && cd IT-Bity-SSH-Panel && sudo bash install.sh

این دستور چه کارهایی انجام می‌دهد:

1. دانلود پروژه از GitHub
2. ورود به پوشه پروژه
3. اجرای اسکریپت نصب با دسترسی root

اسکریپت نصب:

• نصب MariaDB برای دیتابیس
• نصب Nginx به عنوان وب‌سرور
• به‌روزرسانی سیستم
• نصب کتابخانه‌های مورد نیاز
• راه‌اندازی Nginx
• تولید آدرس منحصر به فرد پنل
• ایجاد رمز دیتابیس تصادفی
• ذخیره تنظیمات در فایل .env

خروجی نصب:

• آدرس ورود به پنل (با subdomain تصادفی)
• نام دیتابیس و کاربر
• رمز دیتابیس
• دستورالعمل دسترسی

لینک مخزن

 GitHub: https://github.com/itbity/IT-Bity-SSH-Panel

معرفی رابط کاربری پنل

Dashboard (صفحه اصلی) اولین صفحه‌ای که بعد از ورود می‌بینید

اطلاعات نمایش داده شده:

• کاربران فعال: تعداد کاربران با اشتراک فعال
• کل کاربران: مجموع تمام کاربران سیستم
• ترافیک مصرف شده: حجم کل داده منتقل شده
• اتصالات فعال: تعداد کاربران آنلاین در لحظه
• آخرین فعالیت‌ها: لاگ اقدامات اخیر
• اعلان‌ها: هشدارهای سیستم

طراحی:

• تم تاریک برای راحتی چشم
• فونت فارسی زیبا
• آیکون‌های واضح
• واکنش‌گرا برای موبایل

بخش مدیریت کاربران

User Management هسته اصلی پنل برای مدیریت کاربران VPN

قابلیت‌های این بخش:

1. افزودن کاربر جدید:

• نام کاربری
• رمز عبور
• محدودیت ترافیک
• تاریخ انقضا
• تعداد اتصال همزمان

2. مشاهده لیست کاربران:

• نمایش جدولی تمام کاربران
• وضعیت فعال/غیرفعال
• ترافیک مصرفی هر کاربر
• تعداد ادمین‌ها
• فیلتر و جستجو

3. ویرایش کاربر:

• تغییر محدودیت‌ها
• تمدید اشتراک
• تغییر رمز عبور
• مسدودسازی موقت

4. حذف کاربر:

• حذف دائمی یا موقت
• نگهداری تاریخچه

آمار نمایشی:

• کل کاربران
• کاربران فعال
• کاربران غیرفعال
• تعداد ادمین‌ها

بخش تنظیمات (Settings)

SSL Certificate مدیریت گواهی امنیتی برای اتصال HTTPS

قابلیت‌ها:

• دریافت خودکار گواهی Let's Encrypt
• تمدید خودکار (Auto-Renew)
• نصب با یک کلیک
• مدیریت دامنه‌های متعدد

Website Upload امکان آپلود یک وب‌سایت روی دامنه اصلی

کاربرد:

• دامنه اصلی: نمایش وب‌سایت عمومی
• Subdomain پنل: دسترسی به پنل مدیریت
• افزایش امنیت با پنهان‌سازی پنل

Encryption Settings تنظیمات رمزنگاری برای بهینه‌سازی

گزینه‌ها:

• نوع الگوریتم رمزنگاری
• تعادل بین امنیت و سرعت
• انتخاب Cipher مناسب

UDP Traffic فعال‌سازی انتقال UDP برای کاهش تأخیر

مزایا:

• بهبود کیفیت تماس صوتی
• کاهش Latency در بازی‌های آنلاین
• بهتر برای ویدیو کال
• مناسب برای استریم

Data Compression فشرده‌سازی داده برای کاهش مصرف ترافیک

User Panel Access کنترل دسترسی کاربران به پنل شخصی

حالت‌ها:

• فعال: کاربران می‌توانند وارد پنل شوند
• غیرفعال: فقط اطلاعات اتصال دریافت می‌کنند

پنل کاربری (User Panel)

چیست؟ یک پنل جداگانه برای هر کاربر که می‌تواند:

• وضعیت اشتراک خود را ببیند
• ترافیک مصرفی را چک کند
• اطلاعات اتصال را دریافت کند
• پرداخت آنلاین انجام دهد

ویژگی‌های برنامه‌ریزی شده:

• نمایش ترافیک باقیمانده
• تاریخ انقضا
• تاریخچه پرداخت‌ها
• پشتیبانی تیکتینگ
• راهنمای اتصال

روش پرداخت پیشنهادی:

• ارزهای دیجیتال (Cryptocurrency)
• پرداخت ناشناس
• بدون نیاز به درگاه بانکی

بخش بکاپ (Database Backup)

قابلیت‌های پشتیبان‌گیری:

• بکاپ خودکار دیتابیس
• تنظیم زمان‌بندی
• ذخیره محلی یا ابری
• بازیابی آسان

ویژگی‌های طراحی

1. زبان فارسی اکثر بخش‌های پنل به فارسی ترجمه شده:

• منوها
• دکمه‌ها
• پیام‌های سیستم
• راهنماها

2. فونت زیبا انتخاب فونت فارسی مناسب برای خوانایی بهتر

3. Dark Mode تم تاریک به عنوان پیش‌فرض:

• راحتی بیشتر برای چشم
• مدرن و زیبا
• مصرف کمتر باتری

4. Responsive Design سازگار با تمام دستگاه‌ها:

• دسکتاپ
• تبلت
• موبایل

وضعیت فعلی پروژه

تکمیل شده: ✅ طراحی کامل UI ✅ تمام صفحات پنل ✅ نصب خودکار ✅ پیکربندی اولیه سرور

در حال توسعه: 🔄 اتصال به Backend 🔄 پیاده‌سازی افزودن کاربر 🔄 سیستم احراز هویت 🔄 مدیریت SSH

برنامه‌ریزی آینده: 📋 تکمیل پنل کاربری 📋 سیستم پرداخت 📋 API برای اتوماسیون 📋 اپلیکیشن موبایل

تست روی سرور Hetzner

نتیجه تست:

• نصب موفق در کمتر از 5 دقیقه
• پنل بدون مشکل اجرا شد
• سرعت بارگذاری عالی
• واکنش‌پذیری مناسب

دعوت به همکاری

چگونه می‌توانید کمک کنید:

1. ارائه پیشنهاد:

• قابلیت‌های جدید
• بهبود UI/UX
• ایده‌های خلاقانه

2. گزارش باگ:

• تست پنل
• یافتن مشکلات
• پیشنهاد راه‌حل

مقایسه با پنل‌های دیگر

مزایای این پنل:

• کاملاً رایگان و متن‌باز
• رابط کاربری فارسی
• نصب آسان
• سبک و سریع
• قابل سفارشی‌سازی

لینک های استفاده شده در ویدیو 

گیت هاب