TypeScript مع Express لتطوير الواجهة الخلفية

يعمل TypeScript على تحسين تجربة التطوير من خلال توفير فحص النوع الثابت، والذي يمكن أن يؤدي إلى كود أكثر قوة وقابلية للصيانة. يجمع دمج TypeScript مع Express، وهو إطار عمل ويب شائع لـ Node.js، بين فوائد كلتا الأداتين لتطوير الواجهة الخلفية. يوضح هذا الدليل كيفية إعداد TypeScript واستخدامه مع Express بشكل فعال.

إعداد المشروع

لبدء استخدام TypeScript مع Express، قم أولاً بتشغيل مشروع Node.js جديد وتثبيت التبعيات المطلوبة. فيما يلي كيفية إعداد مشروع جديد:

mkdir my-express-app
cd my-express-app
npm init -y
npm install express
npm install --save-dev typescript @types/node @types/express ts-node

تعمل الأوامر المذكورة أعلاه على تهيئة مشروع Node.js جديد وتثبيت Express وإضافة TypeScript مع تعريفات النوع لـ Node.js وExpress. كما يتم تثبيت الحزمة ts-node لتشغيل ملفات TypeScript مباشرةً.

تكوين TypeScript

قم بإنشاء ملف tsconfig.json لتكوين TypeScript. يحدد هذا الملف خيارات المترجم وإعدادات المشروع. فيما يلي تكوين أساسي:

{
  "compilerOptions": {
    "target": "ES6",
    "module": "commonjs",
    "strict": true,
    "esModuleInterop": true,
    "skipLibCheck": true,
    "forceConsistentCasingInFileNames": true
  },
  "include": ["src/**/*.ts"],
  "exclude": ["node_modules"]
}

يضمن هذا التكوين أن يتم تجميع TypeScript إلى ES6، واستخدام وحدات CommonJS، وتضمين جميع ملفات TypeScript في الدليل src مع استبعاد node_modules.

إنشاء تطبيق Express

قم بإنشاء ملف التطبيق الرئيسي. في الدليل src، قم بإنشاء ملف باسم index.ts بالمحتوى التالي:

import express, { Request, Response } from 'express';

const app = express();
const port = 3000;

app.get('/', (req: Request, res: Response) => {
  res.send('Hello TypeScript with Express!');
});

app.listen(port, () => {
  console.log(`Server is running at http://localhost:${port}`);
});

يقوم تطبيق Express البسيط هذا بإعداد خادم يستجيب بـ "Hello TypeScript with Express!" عند الوصول إليه عبر عنوان URL الجذر.

تشغيل التطبيق

لتشغيل تطبيق TypeScript، استخدم ts-node. أضف نصًا برمجيًا إلى package.json لتبسيط هذه العملية:

{
  "scripts": {
    "start": "ts-node src/index.ts"
  }
}

الآن، ابدأ تشغيل الخادم بـ:

npm start

سيتم تشغيل الخادم ويمكن الوصول إليه على http://localhost:3000.

إضافة تعريفات النوع

تساعد تعريفات النوع TypeScript على فهم الأنواع المستخدمة في المكتبات الخارجية. بالنسبة إلى Express وNode.js، يتم تثبيت تعريفات النوع عبر:

npm install --save-dev @types/node @types/express

تعمل تعريفات النوع هذه على تعزيز تجربة التطوير من خلال توفير الإكمال التلقائي والتحقق من النوع لوظائف Express وNode.js.

خاتمة

يوفر دمج TypeScript مع Express مزيجًا قويًا لتطوير الواجهة الخلفية. تساعد الكتابة الثابتة التي يوفرها TypeScript في اكتشاف الأخطاء مبكرًا وتحسين جودة التعليمات البرمجية، بينما يوفر Express إطارًا قويًا لبناء تطبيقات الويب. مع الإعداد والتكوين المناسبين، يصبح التطوير باستخدام TypeScript وExpress تجربة سلسة ومنتجة.

TypeScript Express Backend NodeJS تكوين إعداد تطبيق خادم أنواع تجميع تشغيل تبعيات