رفع موقع يحتوي json server على إستضافة مجانية

لا يمكنك تشغيل Json Server على استضافة Netlify ولكن يمكنك استخدام الـ Netlify Functions بدلاً من ذلك.

Netlify Functions هي خدمة تقدمها شركة Netlify لتشغيل الأكواد الخاصة بك على شكل API endpoints، وهي تعتبر جزء من خدمات serverless functions. وتعتبر Netlify Functions طريقة لنشر الأكواد التي تعمل على الجانب الخادم كـ API endpoints، حيث يتم تشغيلها تلقائيًا عند حدوث حدث معين، وتقوم بمعالجة الأكواد التي تعمل على الجانب الخادم، ثم تتوقف حتى يحدث حدث آخر.

وهذا نقاش حول الموضوع على الموقع الرسمي لـ Netlify

ويمكنك الوصول إلى توثيق Netlify Functions الرسمي من هنا

أنصحك بتعلم استعمال ال docker، فهو يسهل هذه الأمور كثيراً حيث أنه هناك الكثير من الاستضافات المجانية الخاصة به، و ميزاته أنه سيعمل على السيرفر تماماً كما عمل على جهازك.

و عندها لن يوجد فرق بين تقنية و أخرى، أي يمكنك استعمال أي تقنية ترغب بها، سواء json server أو أي شيء آخر.

مثلاً ستجد موقع مثل oracle يقدم لك خدمة استضافة مجانية لما ندعوه بال containers و هي مثل حافظة تغلف المشروع و فيها البيئة اللازمة لتشغيله و كل شيء، بالتالي تصبح عملية رفع الكود مجرد عملية رفع لملف واحد فقط!

يمكنك الوصول إلى هذه الخدمة المجانية من هنا.

أنصحك باستخدام استضافة Railway.app فهي سهلة للغاية، ويمكنك رفع المشروع من خلال مستودع الـ GitHub وإضافة متغيرات البيئة وغيرها وسيعمل المشروع في ثوانٍ، وتستطيع إضافة قاعدة بيانات.

وهناك قوالب جاهزة يمكنك الإختيار من بينها إذا أردت لإنشاء مشروع جديد للغة أو إطار العمل الذي تريده على الاستضافة.

وهناك منفذ أوامر خاص بالإستضافة CLI يمكنك العمل من خلاله إذا أردت.

ويمكنك قراءة المستندات الرسمية حيث بها شرح وافي، أو تستطيع البحث على اليوتيوب بالتالي deploy json server on railway أو How to deploy on railway

وأيضًا هناك استضافة أخرى باسم render وهي جيدة أيضًا.

إذا كنت تريد استخدام Netlify   يمكنك استخدام الـ Netlify Functions لتنفيذ المطلوب ومثال على كيفية رفع مشروع json-server على Netlify، يجب عليك اتخاذ الخطوات التالية:

أضف ملف netlify.toml الذي يحتوي على الإعدادات التالية:

[build]
  command = "npm run build"
  publish = "build"

[dev]
  command = "npm run start"  # سيتم تشغيله عند تشغيل موقعك

[[redirects]]
  from = "/*"
  to = "/index.html"
  status = 200

[functions]
  directory = "functions" # يحتوي على ملف lambda لتشغيل json-server

أضف ملف functions/lambda.js يحتوي على:

const jsonServer = require('json-server')
const server = jsonServer.create()
const router = jsonServer.router('db.json')
const middlewares = jsonServer.defaults()

server.use(middlewares)
server.use(jsonServer.rewriter({
  '/api/*': '/$1'
}))
server.use(router)
server.listen(5000, () => {
  console.log('JSON Server is running')
})

قم بتغيير المنفذ في "start" script إلى منفذ آخر مثل 5000

قم بنشر المشروع على Netlify

سيقوم Netlify بتشغيل الوظيفة lambda.js التي بدورها ستقوم بتشغيل json-server على المنفذ 5000.

ستتمكن من الوصول إلى البيانات من خلال https://your-site.netlify.app/api/posts

هذا ما يجب عليك فعله لرفع مشروع json-server على Netlify. 

يمكنك الإطلاع على المصادر التي تم ذكرها في أول تعليق للمزيد من المعلومات