آپلود تصویر وبلاگ را چگونه از کار دستی سرور به پنل ادمین و CDN بردیم؟

انتشار یک مقاله نباید به Deploy تازه یا دسترسی مستقیم به سرور نیاز داشته باشد. مخصوصاً وقتی تیم قصد انتشار روزانه دارد، متن، فیلدهای سئو و تصاویر باید در یک مسیر سردبیری باشند.

تکرالب از قبل یک CDN فعال داشت. بخش گمشده، آخرین اتصال میان لایه دائمی رسانه و پنل احراز هویت‌شده Admin Blog بود.

مشکل، نداشتن CDN نبود

CDN می‌تواند فایل را سریع و پایدار تحویل دهد، اما خودبه‌خود راه امنی برای قراردادن فایل در اختیار ویراستار نمی‌گذارد. پیش از تکمیل مسیر پنل، ممکن بود تصویر به فردی با دسترسی فنی نیاز داشته باشد تا فایل را جابه‌جا کند، URL عمومی را پیدا کند و در فیلد درست بگذارد.

برای یک مقاله گاه‌به‌گاه شاید قابل‌تحمل باشد. در انتشار روزانه، به گلوگاه تبدیل می‌شود و به کسی که باید محتوا را ویرایش کند کار زیرساختی می‌دهد.

حلقه گمشده میان پنل ادمین و CDN موجود

راه درست ساختن فضای ذخیره‌سازی تازه نبود. ما به یک مسیر آپلود احراز هویت‌شده به CDN موجود نیاز داشتیم. ویراستار مجاز باید تصویر را انتخاب کند، کاربردش را مشخص کند، فایل را بفرستد و بدون خروج از ویرایشگر یک URL عمومی پایدار بگیرد.

در این حالت Cover، تصویر Open Graph و عکس داخل متن کنار عنوان، بدنه، ترجمه و متادیتای سئو مدیریت می‌شوند. مقاله جدید فقط برای عمومی‌کردن یک تصویر به تغییر کد نیاز ندارد.

آپلود امن فقط یک دکمه نیست

دکمه Upload بخش دیده‌شده مسیر است. کنترل مهم پشت آن اتفاق می‌افتد: endpoint باید مدیر احراز هویت‌شده بخواهد و به‌جای اعتماد به نام فایل، محتوای واقعی آن را بررسی کند.

نوع فایل، اندازه و مقصد باید محدودیت مشخص داشته باشند. درخواست موفق باید یک URL عمومی پایدار برگرداند و درخواست ناموفق بدون ساخت رکورد نیمه‌کاره مشکل را توضیح دهد. هدف پذیرفتن هر فایلی نیست؛ هدف ساختن یک دروازه قابل‌پیش‌بینی برای تصاویر معتبر وبلاگ است.

ایرادی که فقط با دیدن صفحه واقعی پیدا شد

API فایل را می‌پذیرفت و CDN پاسخ HTTP 200 می‌داد، اما اولین پیش‌نمایش واقعی مشکل دیگری نشان داد: یکی از شکل‌های URL در مسیر بهینه‌سازی تصویر صفحه درست رندر نمی‌شد. دو جزء فنی سالم بودند، اما تجربه خواندن شکسته بود.

به همین دلیل بررسی دیداری اهمیت دارد. موفقیت Upload و دسترسی به فایل لازم است، اما کافی نیست. تصویر باید در مقاله دسکتاپ و موبایل، با ابعاد و متن جایگزین درست و بدون قاب خراب دیده شود.

برای انتشار روزمره چه چیزی تغییر کرد؟

مسیر مطلوب اکنون ساده است: ویراستار در Admin Blog تصویر را انتخاب می‌کند، فایل از کنترل‌های مجاز عبور می‌کند، CDN موجود آدرس عمومی را برمی‌گرداند و همان آدرس به Cover، OG یا تصویر متن تبدیل می‌شود. تیم محتوا دیگر دسترسی اضافه به سرور نمی‌خواهد.

این تغییر مسئولیت را هم روشن می‌کند. زیرساخت مسیر امن و پایدار را نگه می‌دارد؛ ویراستار مقاله را از رابط آماده و بررسی می‌کند؛ و هر دو گروه یک نتیجه عمومی را می‌بینند. این مسیر یکی از پایه‌های عملی انتشار چهارزبانه وبلاگ ما است.

چیزی که کم داشتیم CDN تازه نبود؛ آخرین متر مسیر انتشار بود. اتصال Admin Blog به CDN، مدیریت تصویر را از کار دستی سرور به عمل عادی سردبیری تبدیل کرد. مهم‌ترین درس هم دیداری باقی ماند: API سبز پایان تست نیست؛ خواننده باید تصویر را در صفحه ببیند.