آپلود تصویر وبلاگ را چگونه از کار دستی سرور به پنل ادمین و 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 سبز پایان تست نیست؛ خواننده باید تصویر را در صفحه ببیند.

سرعت بخشی از انتشار است

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

جزئیات کوچک روی موبایل بزرگ می‌شوند

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

یک مسیر و یک تعریف برای Done

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