freeCodeCamp/curriculum/challenges/arabic/05-apis-and-microservices/basic-node-and-express/serve-static-assets.arabic.md

2.4 KiB

id title localeTitle challengeType
587d7fb0367417b2b2512bf0 Serve Static Assets خدمة الأصول الثابتة 2

Description

يحتوي خادم HTML عادة على واحد أو أكثر من الدلائل التي يمكن الوصول إليها من قبل المستخدم. يمكنك وضع الأصول الثابتة التي يحتاج إليها التطبيق الخاص بك (أوراق الأنماط ، البرامج النصية ، الصور). في Express يمكنك وضع هذه الوظيفة باستخدام الوسيطة express.static(path) ، حيث تكون المعلمة هي المسار المطلق للمجلد الذي يحتوي على الأصول. إذا كنت لا تعرف ما هي الوسيطة ، فلا تقلق. سنناقشها فيما بعد بالتفصيل. في المقام الأول الوسيطة هي وظائف تعترض معالجات الطريق ، تضيف نوعا من المعلومات. تحتاج الوسيطة app.use(path, middlewareFunction) باستخدام طريقة app.use(path, middlewareFunction) . وسيطة المسار الأول اختيارية. إذا لم تنجح ، سيتم تنفيذ الوسيطة لجميع الطلبات. app.use() البرامج الوسيطة express.static() لكافة الطلبات باستخدام app.use() . المسار المطلق لمجلد الأصول هو __dirname + /public . يجب أن يكون تطبيقك الآن قادرًا على تقديم ورقة أنماط CSS. من خارج المجلد العام سوف تظهر محملة إلى الدليل الجذر. من المفترض أن تبدو صفحتك الأولى أفضل قليلاً الآن!

Instructions

Tests

tests:
  - text: يجب أن يخدم تطبيقك ملفات مواد العرض من الدليل <code>/public</code>
    testString: 'getUserInput => $.get(getUserInput(''url'') + ''/style.css'').then(data => { assert.match(data, /body\s*\{[^\}]*\}/, ''Your app does not serve static assets''); }, xhr => { throw new Error(xhr.responseText); })'

Challenge Seed

Solution

// solution required