كيف تستخدم Swagger لتوثيق APIs في مشروعك

كيفية إضافة Swagger في مشروع Node.js
كيفية إضافة Swagger في مشروع Node.js

لا تضيع الوقت في كتابة الوثائق يدويًا! إضافة Swagger إلى Node.js بهذه الطريقة السحرية

في عالم تطوير البرمجيات، يعد التوثيق جزءًا أساسيًا من بناء واجهات برمجة التطبيقات (APIs) الناجحة. ومع ذلك، فإن كتابة التوثيق يدويًا قد يكون مرهقًا ويستهلك الكثير من الوقت. هنا يأتي دور Swagger ، أداة قوية تساعد المطورين على توثيق واجهات برمجة التطبيقات بشكل تلقائي وسريع. في هذا المقال، سنستعرض كيفية إضافة Swagger إلى مشروع Node.js.


ما هو Swagger؟

Swagger هو إطار عمل مفتوح المصدر يُستخدم لإنشاء وثائق APIs بطريقة سهلة ومتكاملة. يتيح Swagger للمبرمجين إنشاء واجهة رسومية تفاعلية تعرض جميع النقاط النهائية (endpoints) لواجهة برمجة التطبيقات، بالإضافة إلى طرق الاستدعاء المختلفة مثل GET وPOST وPUT وDELETE. كما يوفر Swagger أدوات لاختبار هذه النقاط مباشرة من خلال الواجهة.


لماذا يجب عليك استخدام Swagger في مشروع Node.js؟

  • سهولة التوثيق : يقوم Swagger بتوليد الوثائق تلقائيًا بناءً على تعريفات API.
  • تجربة تفاعلية : يمكن للمطورين اختبار النقاط النهائية دون الحاجة إلى أدوات خارجية.
  • تحسين التعاون : يجعل Swagger من السهل على الفرق المختلفة (التطوير والاختبار والتسويق) فهم كيفية عمل API.


 تثبيت حزمة Swagger

لإضافة Swagger إلى مشروعك، تحتاج إلى تثبيت الحزم التالية:

npm i swagger-ui-express

npm i swagger-autogen


انشاء ملف swagger.js

بعد انشاء الملف داخل ملفات المشروع قم باضافه الاكواد التاليه بداخله
const swaggerAutogen = require('swagger-autogen')();

const doc = {
  info: {
    title: 'Node Shop API',
    description: 'API documentation for Node Shop',
  },
  servers: ['http://localhost:3000'],
};

const outputFile = './swagger.json';
const endpointsFiles = ['./main.js'];

swaggerAutogen(outputFile, endpointsFiles, doc);

بعدها قم بتشغيل الامر التالي في terminal حتي يتم انشاء ملف swagger.json بشكل تلقائي

node swagger.js;

الان عليك بالانتقال الي ملف main الخاص بك ووضع الاكواد التاليه بداخله وتاكد ان تكون الاكواد اسفل اسماء Routers مباشره وفوق اي نوع اخر
const swaggerUi = require('swagger-ui-express');
const swaggerDocument = require('./swagger.json');

app.use('/api-docs', swaggerUi.serve, swaggerUi.setup(swaggerDocument));
الان تستطيع تشغيل المشروع والانتقال الي الرابط التالي حتي تتمكن من مشاهده مخطط dosc الخاص بمشروعك


إضافة Swagger إلى مشروع Node.js ليس فقط يحسن من تجربة المطورين، ولكنه أيضًا يساهم في تحسين ظهور مشروعك على الإنترنت. من خلال اتباع الخطوات المذكورة أعلاه، يمكنك إنشاء واجهة API موثقة بشكل جيد وجاهزة للاستخدام.
إذا كنت تبحث عن طريقة سهلة وفعالة لتوثيق واجهات برمجة التطبيقات الخاصة بك، فإن Swagger هو الخيار الأمثل. جرّبه الآن وشاهد كيف يمكن أن يغير تجربتك في تطوير البرمجيات!
تعليقات