طريقة إستخدام موقع JSDelivr والحصول على رابط مباشر

بعد إغلاق الموقع الشهير RawGit وإنهاء جميع خدماته المجانية فقد عانت الكثير من المواقع وخاصة المدونات التي تقوم بٍإستعمال روابط خارجية مباشرة عليها أكواد جافا سكريب JavaScript أو أكواد CSS من تعطل الكثير من هذه الروابط والأكواد والتي تم رفعها من هذا الموقع مما سبب ضرراً كبيراً للمواقع والمدونات، وأصبح لزاماً على المبرمجين ومالكي المواقع البحث عن بدائل لهذا الموقع الذي نتأسف لإيقافه لخدماته المميزة والرائعة.

كما يعلم الجميع فموقع GitHub هو موقع مخصص للمبرمجين حيث يمكن رفع أي من الملفات البرمجية عليه، لكنه لا يتيح لنا الحصول على روابط مباشرة لتلك الملفات لإستخدامها في المواقع أو المدونات أو غير ذلك وبالتالي يقوم المبرمجون بالإعتماد على مواقع آخرى تقوم بهذه المهمه وفي هذا الدرس سنتعرف على أحد هذه المواقع ويعتبر بديل لـ RawGit الذي تم إغلاقه مؤخراً وهو موقع JSDelivr.

ما هو JSDelivr؟

JSDelivr هو خدمة CDN مجانية وسهلة الإستخدام. تم تصميمها للسماح للمستخدمين بتنزيل الأكواد البرمجية JavaScript و CSS التي تتم إستضافتها على npm و Github. 

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

دعونا نلقي نظرة على تفاصيل كيفية عملها:

• نقوم بفتح موقع JSDelivr ثم نقوم بالضغط على التبويب GitHub، ستظهر لنا عدة خيارات نقوم بالضغط على الخيار الأول، كما موضح في الصورة:

• سيظهر لنا رابط مباشر وكما موضح في الصورة:

حيث إن:
- user: تمثل إسم المستخدم في موقع GitHub.
- repo: تمثل المستودع الذي يحوي أكواد JavaScript و CSS.
- version@: تمثل النسخة الخاصة بهذا الكود. (إستخدم latest@ إذا لم ترغب في تحديد النسخة).
- file: تمثل إسم الملف.

• نقوم بنسخ الـ user و repo و file من موقع GitHub وكما موضح في الصورة:

• بعدها نضغط Enter وسنحصل على رابط مباشر خاص بهذا الكود.

• أضف min. الى إسم الملف (قبل إمتداد الملف) للحصول على نسخة مصغرة من الكود.

وللمزيد من التفصيل يمكنكم متابعة الفيديو في الأسفل...