اين يتم تخزين الصور في المواقع

من المفترض أنك ستقوم بنشر الموقع على استضافة، وتلك الاستضافة توفر لك مساحة تخزين محددة حتى لو كانت استضافة مجانية فهناك مساحة تخزين.

وتستطيع رفع الصور من خلال موقعك بشكل طبيعي وتخزينها في المكان الذي تريده، أي اعتبر أن مجلد المشروع موجود لديك على حاسوبك ولكن في السحابة (سيرفر الاستضافة).

أو بإمكانك تجاهل المساحة الخاصة بالاستضافة، ورفع الصورة مباشرًة على سيرفر تخزين آخر مثل Amazon S3 وGoogle Cloud Storage وذلك عن طريق الـ API الخاص بهم.

حيث أن Amazon S3 خدمة تخزين سحابية تقدمها أمازون وهي مناسبة لتخزين الصور والملفات بشكل آمن وقابل للتوسعة، ويمكنك تحميل الصور إلى سلة (Bucket) في S3 ومن ثم الحصول على روابط للصور لعرضها في موقعك، وكما أشرت ستستخدم واجهة API لإدارة الصور وتحميلها أو استخدام مكتبات جاهزة للتفاعل مع S3 مثل aws-sdk في Next.js.

ونفس الأمر بالنسبة لـ Google Cloud Storage.

وانتبه إلى أنّ الـ FTP ليس سيرفر تخزين، بل هو اختصار لـ "File Transfer Protocol"، وهو بروتوكول نقل الملفات، يُستخدم لنقل الملفات بين جهاز الكمبيوتر الخاص بك وخادم الإنترنت (أو FTP server) بطريقة سريعة وموثوقة.

وعند استخدام FTP، تستطيع تحميل (رفع) الملفات من جهاز الكمبيوتر الخاص بك إلى الخادم الذي يتم استضافة موقعك عليه، أو تحميل (تنزيل) الملفات من الخادم إلى حاسوبك، وتتم تلك العملية عبر الاتصال بالخادم باستخدام برنامج مخصص لـ FTP مثل FileZilla أو من خلال سطر الأوامر في الطرفية.

تخزين الصور وعرضها على الموقع يمكن القيام بها بعدة طرق، والخيار الذي تختاره يعتمد على عدة عوامل مثل حجم الصور وعدد الصور وسرعة التحميل و الميزانية وغيرها من العوامل.

إذا اخترت استخدام خدمة تخزين مثل Amazon S3 أو Google Cloud Storage، يمكنك تحميل الصور على هذه الخدمات ومن ثم استخدام API للوصول إليها وعرضها على الموقع الخاص بك. يمكنك الحصول على مفاتيح الوصول الخاصة بك لاستخدام هذه الخدمات وبناء API الخاص بك للوصول إلى الصور.

إذا اخترت استخدام FTP، يمكنك تحميل الصور على الخادم الخاص بك وربطها بـ API الخاص بك للوصول إلى الصور. ومن الجيد أن تستخدم اتصال  SFTP بدلاً من FTP العادي لأسباب أمنية.

يمكنك استخدام Next.js والوصول إلى الصور باستخدام API routes. يمكنك الاطلاع على الوثائق الرسمية لـ Next.js لمعرفة كيفية استخدام API routes.

بشكل عام، يمكنك استخدام أي خدمة تخزين تريدها وربطها بـ API الخاص بك للوصول إلى الصور. يجب أن تضمن أن تكون الخدمة موثوقة وآمنة وتتوافق مع متطلبات مشروعك.

اذا المساحة التي تتيحها الاستضافة تتصل بها عبر FTP اذا كيف يمكن الحصول على رابط الصورة جربت ftp قدرت اخزن الصور ولكن لم اعرف كيف احصل على رابط لها هل عبر API؟

بتاريخ 2 ساعة قال عبدالرحمن الحطاب:

اذا المساحة التي تتيحها الاستضافة تتصل بها عبر FTP اذا كيف يمكن الحصول على رابط الصورة جربت ftp قدرت اخزن الصور ولكن لم اعرف كيف احصل على رابط لها هل عبر API؟

من خلال الكود في موقعك، حيث تتعامل مع المجلد الخاص بتخزين الصور كما تتعامل معه في حاسوبك، عليك بالإشارة إلى مسار المجلد في الكود الخاص بك مع اسم الصور.

وأيضًأ تتيح الاستضافة لك إمكانية توليد رابط مباشر للصورة بعد تحميلها عبر FTP، ويمكنك العثور على الصورة داخل مجلدات الاستضافة الخاصة بك ومن ثم الحصول على الرابط الكامل الذي يؤدي إلى الصورة، مثال للرابط:

http://example.com/path/to/image.jpg

بتاريخ 2 دقائق مضت قال Mustafa Suleiman:

من خلال الكود في موقعك، حيث تتعامل مع المجلد الخاص بتخزين الصور كما تتعامل معه في حاسوبك، عليك بالإشارة إلى مسار المجلد في الكود الخاص بك مع اسم الصور.

وأيضًأ تتيح الاستضافة لك إمكانية توليد رابط مباشر للصورة بعد تحميلها عبر FTP، ويمكنك العثور على الصورة داخل مجلدات الاستضافة الخاصة بك ومن ثم الحصول على الرابط الكامل الذي يؤدي إلى الصورة، مثال للرابط:

http://example.com/path/to/image.jpg

 

فهمت عليك هلق جتني فكرة انو حاليا الموقع على جهازي اني ادرج الصور بواسطة FTP عبر API لملف يكون عامل سيرفر مثل xampp يعني من شان المحاكاة قبل وضعها باستضافة معينة بس فهمت الوضع شكرا 

صح وكنت سألك سؤال في موضوع تاني يلي هو مشكلة صارتلي في css Tailwind ورديت عليك بالسؤال:- رابط السؤال لسا المشكلة عندي وادرجت رابط فيديو فيه المشكلة تأخرت بالرد اني سحبت عليها مؤقتا لين ما اظبط اشياء ثانية والحين عم احاول احلها