freeCodeCamp/curriculum/challenges/arabic/05-apis-and-microservices/basic-node-and-express/serve-an-html-file.arabic.md

2.2 KiB

id title localeTitle challengeType
587d7fb0367417b2b2512bef Serve an HTML File تخدم ملف HTML 2

Description

يمكننا الرد باستخدام ملف باستخدام الطريقة res.sendFile(path) . يمكنك وضعه داخل app.get('/', ...) توجيه app.get('/', ...) . وراء الكواليس ، تقوم هذه الطريقة بتعيين الرؤوس المناسبة لإرشاد المتصفح الخاص بك حول كيفية التعامل مع الملف الذي تريد إرساله ، وفقًا لنوعه. ثم سوف يقرأ ويرسل الملف. هذه الطريقة تحتاج إلى مسار ملف مطلق. نوصي باستخدام المتغير العام __dirname لحساب المسار. سبيل المثال absolutePath = __dirname + relativePath/file.ext . الملف المطلوب إرساله هو /views/index.html . جرِّب "إظهار تطبيقك" ، يجب أن تشاهد عنوان HTML كبيرًا (ونموذجًا سنستخدمه لاحقًا ...) ، دون تطبيق أي أسلوب. ملاحظة: يمكنك تحرير حل التحدي السابق ، أو إنشاء حل جديد. إذا قمت بإنشاء حل جديد ، فضع في اعتبارك أن Express يقيم المسارات من الأعلى إلى الأسفل. ينفذ المعالج للمباراة الأولى. يجب عليك التعليق على الحل السابق ، أو سيستمر الخادم في الاستجابة باستخدام سلسلة.

Instructions

Tests

tests:
  - text: يجب أن يخدم تطبيقك ملف المشاهدات / index.html
    testString: 'getUserInput => $.get(getUserInput(''url'')).then(data => { assert.match(data, /<h1>.*<\/h1>/, ''Your app does not serve the expected HTML''); }, xhr => { throw new Error(xhr.responseText); })'

Challenge Seed

Solution

// solution required