سید

بلاگ شخصی سید مرتضی موسوی

سید

بلاگ شخصی سید مرتضی موسوی

یک برنامه‌ی ساده با نود‌جی‌اس - قسمت اول

يكشنبه, ۷ تیر ۱۳۹۴، ۱۲:۰۷ ق.ظ

با سلام

خب بعد از مدت‌ها به دلیل برخی از شرایط محیطی، می‌خوام یه مطلب جدید بنویسم.

دوست داشتم قبل از این یه کم درباره‌ی جی‌اس صحبت کنم که نشد. انشا الله در مطالب بعدی.

طی این مطلب می‌خوام یه نرم افزار کوچولو با نود بنویسم. هدف این نرم افزار اطلاع دوستان از حال هم دیگه است.

توی این پروژه استفاده از سوکت‌آی‌او رو یاد می‌گیرید.

مراحل انجام کار

۱- ایجاد یه پوشه‌ی جدید و وارد شدن به اون پوشه

mkdir socketio-example
cd socketio-example/

۲- روشن کردن موتور npm (توی مطلب قبلی یه چیزایی گفتم)

npm init

۳- نصب پیش‌نیازها (کمی طول می‌کشه، اینترنت هم می‌خواد)

اگر ابزار bower رو ندارید باید نصب کنید (ضمیمه‌ی یک)

npm i express --save
npm i socket.io --save

bower init
bower install jquery bootstrap --save

۴- ساخت چند تا پوشه و فایل اولیه:

۴.۱- ابتدا پرونده index.js رو می‌سازیم. این فایل قراره کارگزار (server) اچ‌تی‌تی‌پی‌ ما رو بیاره بالا و سوکت‌ای‌او رو راه بندازه. توی خط ۶ هم بهش فهموندیم که پرونده‌هایی که توی پوشه‌ی public هستند رو به عنوان پرونده ایستا (static) بشناسه و به مردم نشون بده.

یه پرونده‌ی  server.js هم داریم که قراره کل منطق برنامه توی اون پیاده سازی بشه. خروجی این پرونده هم یه تابع خواهد بود.

index.js

  • var express = require('express');
  • var path = require('path');
  • var http = require('http');
  • app = express();
  • app.use(express.static(path.join(__dirname, 'public')));
  • var server = http.createServer(app);
  • var io = require('socket.io')(server);
  • app.set('io', io);
  • require('./server')();
  • server.listen(3000);

  • server.js

  • function server() {
  • var io = app.get('io');
  • io.on('connect', function (socket) {
  • console.log('connect');
  • });
  • }
  • module.exports = server;

  • یه پوشه‌ی public هم درست می‌کنیم و فایل index.html رو توش می‌سازیم که الان خیلی مهم نیست. و بعدا درباره‌اش صحبت می‌کنیم.

    الان با اجرای دستور زیر باید سرور راه بیفته

    node index.js


    تا به اینجا قسمت‌های مربوط به آماده سازی نیازمندی‌ها انجام شد. تقریبا این قسمت بین تمام پروژه‌هایی که با سوکت‌ای‌او کار می‌کنند مشترکه. در قسمت‌های بعدی به منطق برنامه خواهیم پرداخت.


    ــــضمیمه یکمــــ

    ابزار Bower یکی از ابزارهای معمول برای دریافت نیازمندی‌های پروژه است، مخصوصا نیازمندی‌هایی که در مرورگر استفاده می‌شوند. مثلا jquery و bootstrap رو با استفاده از این می‌تونید نصب کنید.

    روش نصب:

    دستور زیر رو در خط فرمان بزنید. در صورت لزوم از sudo هم استفاده کنید.

    npm i bower -g

    دستور bower init هم یه چیزیه شبیه همون npm init. حال ندارم توضیح بدم سخت نگیرید.

    ــــضمیمه دیمــــ

    کل پروژه رو می‌تونید این جا ببیندید و دانلود کنید. اگر دانلود کردید کافیه دستور زیر رو بزنید تا نیازمندی‌ها نصب بشه.

    npm install


    ــپی‌نوشتــ

    در یک حرکت نامردی کمی این پست رو عوض کردم. عفو بفرمایید. دونقطه‌دی

    • سید مرتضی موسوی

    نظرات  (۱)

  • محمد حسین شرفی
  • دست شما درد نکنه.
    فقط زود تر بقیش رو هم بنویس
    دیر بشه دیگه فایده نداره :)

    ارسال نظر

    ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
    شما میتوانید از این تگهای html استفاده کنید:
    <b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
    تجدید کد امنیتی