Express.js أونلاين

تعلّم Node.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 موجّه في routes/todos.js. تعرض وحدة التحكم أسطر console.log() الخاصة بك وكل طلب وكل خطأ مع رقم سطره. تعرض قائمة المسارات ما يجيب عنه خادمك، والصفحة التي يرسلها خادمك تُعرض بروابط ونماذج تعمل.

ما الذي يجعل ساحة تجربة Express هذه مفيدة

الإطار الحقيقي: يشغّل Express 5 مساراتك وموجّهاتك وبرمجياتك الوسيطة و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 نفسها لامتدادات الملفات.

ما يمكنك بناؤه في ساحة تجربة Express

واجهة JSON: أضف مسارًا بـ app.get()، واقرأ req.params وreq.query، وأجب بـ res.status(201).json().
البرمجيات الوسيطة: سجّل كل طلب، واحمِ مسارًا بترويسة مفتاح 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 .... وتملأ قائمة المسارات الشريط بمسار موجود في خادمك.

ما الذي لا تفعله ساحة التجربة؟

لا يمكنها تثبيت حزم من npm: فـ Express و zod و jose وقاعدة MongoDB في الذاكرة مدمجة فيها. ولا يمكنها فتح اتصالات شبكة حقيقية، أو الوصول إلى خادم قاعدة بيانات أو إلى الإنترنت، أو الاحتفاظ بالبيانات بين مرات التشغيل: كل تشغيل يبدأ خادمًا جديدًا. إنها للتعلم وتجربة الأفكار، لا لاستضافة واجهة API.

هل هي مجانية، وهل يُحفظ الكود؟

إنها مجانية ولا تحتاج إلى حساب. تعديلاتك على كل مثال تُحفظ في هذا المتصفح، فيمكنك إغلاق التبويب والعودة لاحقًا. زر إعادة تعيين يعيد المثال الحالي إلى حالته الأولى، وزر التنزيل يحفظ الملف المفتوح.

كيف أتعلم Express و Node.js؟

ابدأ بالأمثلة هنا: غيّر مسارًا، واضغط تشغيل، وأرسل إليه طلبًا. ولمسار منظّم، خذ دورة Node.js من Coddy: أساسيات Node.js و Express وواجهات REST API و MongoDB والمصادقة و NestJS، وخادمك يعمل بجانب الكود في كل درس.

أدوات مفيدة لـ Express

أدوات مجانية تعمل في المتصفح تتكامل بشكل رائع مع ملعب Express البرمجي، وجميعها جزء من Coddy.

ضمّن محرر Express قارن منصات البرمجة