ابدء
اكتشف عملية إنشاء تطبيق Node.js الأساسي.
سنغطي ما يلي...
سنغطي ما يلي...
مهمتنا
لاختبار معارفنا المكتسبة حديثًا، سنُنشئ تطبيقًا إلكترونيًا لتوصيل الطعام. إليكم بعض الأهداف التي نطمح إلى تحقيقها:
- عرض جميع المطاعم
- اختر العناصر من أحد المطاعم وأضفها إلى سلة التسوق الخاصة بنا
- احسب إجمالي قيمة عربة التسوق وانتقل إلى عملية الدفع
تقديم صفحة HTML
أسهل وأبسط طريقة للبدء هي إنشاء خادم. سبق أن رأينا في درس سابق كيفية إنشاء خادم ويب وعرض النصوص باستخدام Node.js الآن، سنتعلم كيفية عرض صفحات الويب من خلال خادم، وهو أساس تطبيقنا.
لقد أنشأنا ملف HTML بسيطًا في نفس المجلد. يمكننا استخدام هذه الصفحة مع Node.js باستخدامfs الوحدة. دعونا نرى كيف يمكن أن يعمل ذلك.
const http = require('http');
const fs = require('fs')
const hostname = '0.0.0.0';
const port = 3500;
const homePage = fs.readFileSync('main.html')
const server = http.createServer((req, res) => {
res.statusCode = 200;
res.setHeader('Content-Type', 'text/html');
res.write(homePage)
res.end();
});
server.listen(port, hostname, () => {
console.log('Server is now running');
});Hit the RUN button to view the output
يمكننا استخدام الأمر
npm startفي الدليل الجذر لمجلدنا لتشغيل تطبيقنا. ومع ذلك، نظرًا لأننا نُجري تغييرات أو نُطور ...