Express.js אונליין

כתבו שרת Express, לחצו הרצה ושלחו אליו בקשות משורת הבקשה: GET, POST, גוף JSON, כותרות. אין מה להתקין. חינם, בלי הרשמה.

import express from 'express';

const app = express();

app.get('/', (req, res) => {
    res.send('<h1>Hello from Express</h1><p>Send GET /api/hello?name=Ada</p>');
});

app.get('/api/hello', (req, res) => {
    const name = req.query.name || 'world';
    res.json({ message: `Hello, ${name}!` });
});

app.get('/api/users/:id', (req, res) => {
    const id = Number(req.params.id);
    if (!Number.isInteger(id)) {
        return res.status(400).json({ error: 'id must be a number' });
    }
    res.json({ id, name: `User ${id}` });
});

app.listen(3000, () => {
    console.log('Server running on port 3000');
});

מריצים Express.js אונליין, ישר בדפדפן

ערכו פרויקט Express לצד שרת שרץ. לחצו על הפעל ו־app.listen(3000) מפעיל אותו; אחר כך שלחו אליו בקשות משורת הבקשות: בחרו שיטה, הקלידו נתיב, הוסיפו כותרות וגוף JSON, וראו את הסטטוס, הכותרות והתשובה. זה מה שהייתם עושים עם node server.js ו־curl או Postman, בלי להתקין Node.js.

כל דוגמה היא פרויקט שלם, וכל קובץ ניתן לעריכה: server.js, ובדוגמת ה־API גם router ב־routes/todos.js. המסוף מציג את שורות ה־console.log() שלכם, כל בקשה וכל שגיאה עם מספר השורה שלה. תפריט הנתיבים מציג למה השרת שלכם עונה, ודף שהשרת שולח מוצג עם קישורים וטפסים שעובדים.

מה הופך את ה־playground הזה של Express לשימושי

הפריימוורק האמיתי: Express 5 מריץ את הנתיבים, ה־routers, ה־middleware, את express.json() ואת מטפלי השגיאות שלכם על סביבת Node.js עם fs, process, crypto ו־events.
שורת בקשות במקום טרמינל: GET, POST, PUT, PATCH ו־DELETE, כותרות כמו Authorization, גוף JSON ועוגיות שנשמרות בין בקשות.
מסד נתונים שלא צריך שרת: import { MongoClient } from 'mongodb' נותן לכם MongoDB בזיכרון עם find, insertOne, אינדקסים ו־aggregate.
מודולי ES או CommonJS, כמו ש־Node.js 24 קורא אותם: גם import express from 'express' וגם require('express') עובדים, עם הכללים של Node לסיומות קבצים.

מה אפשר לבנות ב־playground של Express

API של JSON: הוסיפו נתיב עם app.get(), קראו את req.params ו־req.query, וענו עם res.status(201).json().
Middleware: רשמו כל בקשה ללוג, הגנו על נתיב עם כותרת של מפתח API, ואז הוסיפו מטפל 404 ומטפל שגיאות עם ארבעה ארגומנטים.
אתר קטן: שלחו דף HTML עם טופס, קראו אותו עם express.urlencoded(), וענו שוב עם הדף.

שאלות נפוצות על Express.js אונליין

אפשר להריץ Express.js אונליין בלי להתקין Node.js?

כן. הדף הזה מריץ Express בדפדפן על סביבת ה־Node.js של Coddy, בתוך Web Worker, כך שאין מה להתקין ואין חשבון לפתוח. בהפעלה הראשונה הסביבה יורדת פעם אחת (בערך 170 KB), ומאז שרת עולה בשבריר שנייה.

זה Express האמיתי?

זה Express 5.3, בלי שינויים, שמריץ את הקבצים שלכם. המודולים המובנים של Node מגיעים מהסביבה, כך שקוד Express רגיל עובד: העתיקו את הקבצים לתיקייה במחשב, הריצו npm install express ו־node server.js, והשרת יענה באותה צורה.

איך בודקים את ה־API שלי?

עם שורת הבקשות שמעל התשובה. בחרו שיטה, הקלידו נתיב, ול־POST, PUT ו־PATCH כתבו גוף JSON; כפתור הכותרות מוסיף כותרות כמו Authorization: Bearer .... תפריט הנתיבים ממלא את השורה בנתיב שיש לשרת שלכם.

מה ה־playground לא עושה?

הוא לא יכול להתקין חבילות מ־npm: Express, zod, jose ו־MongoDB בזיכרון כבר מובנים בו. הוא לא יכול לפתוח חיבורי רשת אמיתיים, להגיע לשרת מסד נתונים או לאינטרנט, או לשמור נתונים בין הפעלות: כל הפעלה מתחילה שרת חדש. הוא נועד ללמידה ולניסוי רעיונות, לא לאירוח API.

זה בחינם, והקוד שלי נשמר?

זה בחינם ולא צריך חשבון. השינויים שלכם בכל דוגמה נשמרים בדפדפן הזה, כך שאפשר לסגור את הלשונית ולחזור. איפוס מחזיר את הדוגמה הנוכחית למצב ההתחלתי, וכפתור ההורדה שומר את הקובץ הפתוח.

איך לומדים Express ו־Node.js?

התחילו מהדוגמאות כאן: שנו נתיב, לחצו על הפעל ושלחו אליו בקשה. למסלול מסודר, קחו את קורס ה־Node.js של Coddy: יסודות Node.js, Express, ממשקי REST API, MongoDB, אימות ו־NestJS, והשרת שלכם רץ ליד הקוד בכל שיעור.

כלים שימושיים ל-Express

כלים חינמיים בדפדפן שמשתלבים היטב עם עורך ה-Express אונליין, כולם חלק מ-Coddy.

להטמיע את עורך ה-Express השוואת פלטפורמות לימוד תכנות