نکته مهم: این مقاله به مرور زمان، ویرایش و یا تکمیل میشود!
در صورتی که با مشکل تایپی، دستوری و یا مفهومی در این مقاله برخورد کردید، از شما دوست عزیز و گرامی، تقاضا میکنم که مرا مطلع کرده، تا نسبت به تصحیح و تکمیل آن در اسرع وقت اقدام نمایم.
با کمال تشکر داریوش تصدیقی
نسخه ۱.۰
ابتدا در هر مسیری که دوست داریم، یک پوشه به نام Chat ایجاد میکنیم.
در داخل این پوشه و از طریق محیط Command Prompt دستورات ذیل را به ترتیب اجرا میکنیم:
npm init npm install --save express npm install --save socket.io
حال با استفاده از دستور ذیل، وارد محیط VSCode = Visual Studio Code میشویم:
code .
توجه: قبل از (.) یک Space وجود دارد!
در محیط VSCode و در داخل پوشه Chat، یک فایل به نام app.js ایجاد کرده و دستورات ذیل را در داخل آن مینویسیم:
let express = require('express') let app = express() let server = require('http').createServer(app) app.use(express.static('public')) app.get('/', function (request, response, next) { response.sendFile(__dirname + '/views/index.html') }) server.listen(3000, function () { let port = server.address().port let host = server.address().address console.log(`Application Listening: http://${host}:${port}`) })
در محیط VSCode و در داخل پوشه Chat، پوشهای به نام views ایجاد میکنیم.
در داخل پوشه views نیز فایلی به نام index.html ایجاد کرده و دستورات ذیل را در داخل آن مینویسیم:
<!DOCTYPE html> <html> <head> <title>Chat Room</title> </head> <body> <h1>Hello, World!</h1> </body> </html>
حال پروژه را اجرا (Run) میکنیم.
اولین بار که برنامه را اجرا میکنیم، در قسمت Select Environment، گزینه Chrome را انتخاب کرده تا پوشه vscode. در داخل پوشه Chat ایجاد گردد.
وارد فایل launch.json (که در داخل پوشه vscode. قرار دارد) شده و عدد 8080 را به عدد 3000 تغییر میدهیم.
قبل از اجرای مجدد برنامه، وارد پنجره VSCode Terminal شده و دستور ذیل را اجرا میکنیم:
node .\app.js
مجددا پروژه را اجرا میکنیم تا در Default Browser صفحه Index.html ظاهر شود.
نکته: زمانی که برنامه را با استفاده از دستور node .\app.js اجرا میکنیم، یک مشکلی به وجود میآید! و آن هم این است که اگر تغییری در فایل app.js اعمال نماییم، باید در محیط Terminal و با استفاده از دکمههای ترکیبی CTRL+C ابتدا اجرای برنامه را متوقف کرده، و مجددا دستور مذکور را اجرا نماییم تا تغییرات صورت گرفته اعمال شود. برای حل این مشکل، میتوانیم از Module ای به نام Nodemon استفاده نموده و از این Module برای اجرای برنامه استفاده نماییم. مزیت این Module این است که تغییرات اعمال شده بر روی فایلهای js را Sense میکند و پس از تغییر فایلهای js نیازی به Stop کردن برنامه و اجرای مجدد آن نداریم. از آنجایی که این Module، میتواند به عنوان یک یک Module عمومی در نظر گرفته شود و خاص برنامه جاری ما نمیباشد، شاید بد نباشد به جای اینکه این Module را به صورت Local و صرفا در برنامه خود نصب کنیم، به صورت Global نصب کرده تا بتوانیم در بقیه پروژهها نیز از امکانات آن استفاده نماییم. برای نصب این برنامه از دستور ذیل استفاده میکنیم:
npm install -g nodemon
و برای اجرای برنامه در محیط Terminal نیز، از این پس از دستور ذیل استفاده میکنیم:
nodemon .\app.js