TypeScript עם Express לפיתוח Backend

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.

יצירת אפליקציה אקספרס

צור את קובץ היישום הראשי. בספרייה 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}`);
});

יישום אקספרס פשוט זה מגדיר שרת המגיב ב-"Hello TypeScript with Express!" כאשר הגישה אליו מתבצעת בכתובת ה-Root.

הפעלת האפליקציה

כדי להפעיל את יישום 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 הופך לחוויה חלקה ופרודוקטיבית.