30 روز با Node - روز یازدهم: فریم ورک Express js در نود جی اس

>node -v
v8.5.0

2. مدیر پکیج نود (NPM): که باز هم به کمک دستور زیر در ترمینال یا خط فرمان می‌توان آن را چک کرد:

>npm -v
5.4.2

نصب Express js

به یکی از سه شیوه زیر می‌توان Express js را نصب نمود:

1. نصب Express js بصورت سراسری (globally): با دستور زیر می‌توان Express js را بصورت سراسری نصب کرد که در اختیار تمام اپلیکیشن‌ها باشد:

>npm install express -g

2. نصب Express js بصورت محلی (locally): دستور زیر را در ترمینال یا خط فرمان وارد کنید تا Express js بصورت محلی و فقط برای اپلیکیشن فعلی نصب شود:

>npm install express 

3. نصب اکسپرس همراه با نشانه‌ی --store: چنانچه نشانه‌ی --store آخر دستور نصب به‌کار ببریم، اکسپرس بصورت یک وابستگی (dependency) در فایل package.json اضافه خواهدشد:

>npm install express --save

ایجاد یک سرور ساده در Express js

خب، بیایید یک سرور ساده در اکسپرس بسازیم که پیام آشنای hello world را به‌عنوان پاسخ به کاربر ارسال می‌کند. به کمک یک ویرایشگر ساده متن، همانند Notepad++ کد زیر را در فایل server.js بنویسید:

var express = require('express')
var app = express()

app.get('/', function (req, res) {
  res.send('Hello World!')
})
app.listen(3000, function () {
  console.log('Server is listening at 3000')
})

اکنون به کمک دستور زیر در ترمینال یا خط فرمان، سرور را بر پا کنید (فقط سطر اول وارد کنید، سطر دوم پاسخ اجرا است):

>node server.js
Server is listening at 3000

اکنون در مرورگر خود آدرس http://localhost:3000 یا http://127.0.0.1:3000 را باز کنید. مطمئنا تعجب خواهید کرد که چگونه به این سادگی یک سرویس دهنده وب راه انداختید، پورت 3000 به آن اختصاص دادید، مسیر تعیین کردید و صفحه وب نوشتید!

نکته: برای خاموش کردن سرور، کلید CTRL+C را در خط فرمانی بزنید یا پنجره خط فرمان/ترمینال را ببندید.

مسیرنویسی (Routing) در Express js

var express = require('express')
var app = express()

app.get('/', function (req, res) {
  res.send('Simple Example of routes!');
})

app.get('/signup', function (req, res) {
  res.send('This is demo route for sign up');
})

app.get('/signin', function (req, res) {
  res.send('This is demo route for sign in');
})

app.get('/signin/dashboard', function (req, res) {
  res.send('This is demo route for user who signed in and now reaches their dashboard');
})


app.listen(3000, function () {
  console.log('Server is listening at 3000')
})

اکنون همانند مثال قبل، به کمک دستور زیر سرور را بر پا کنید. دقت کنید سطر اول را وارد کنید، سطر دوم پاسخ سیستم است:

>node routes.js
Server is listening at 3000

به همین سادگی، ما چهار مسیر، معادل چهار صفحه وب ایجاد کردیم. مرورگرتان را اجرا کنید:

• برای باز کردن صفحه‌ی پیش‌فرض وب، با مسیر پیش‌فرض، نشانی http://127.0.0.1:3000 یا http://localhost:3000 را وارد کنید.
• برای مسیر دموی signup، نشانی http://127.0.0.1:3000/signup یا http://localhost:3000/signup را وارد کنید.
• برای مسیر دموی signin، نشانی http://127.0.0.1:3000/signin یا http://localhost:3000/signin را وارد کنید.
• برای مسیر دموی dashboard، نشانی http://127.0.0.1:3000/signin/dashboard یا http://localhost:3000/signin/dashboard را وارد کنید.

ساده و جادویی بود، نه؟