Proje Başlatma - Adım

Proje Başlatma

İlk hedef, bir form ve bir mesaj listesi sunan basit bir HTML web sayfası kurmaktır. Bu amaçla Node.JS web framework'ü olan express'i kullanacağız. Node.JS kurulu olduğundan emin olun.

Öncelikle, projemizi tanımlayan bir package.json manifest dosyası oluşturalım. Bunu, kendi socket-chat-example adını verdiğim boş bir dizinde oluşturmanızı öneririm.

{
  "name": "socket-chat-example",
  "version": "0.0.1",
  "description": "ilk socket.io uygulamam",
  "type": "commonjs",
  "dependencies": {}
}

{
  "name": "socket-chat-example",
  "version": "0.0.1",
  "description": "ilk socket.io uygulamam",
  "type": "module",
  "dependencies": {}
}

uyarı

"name" niteliği benzersiz olmalıdır, "socket.io" veya "express" gibi bir değer kullanamazsınız, çünkü npm bağımlılığı yüklerken sorun yaşayacaktır.

Şimdi, ihtiyacımız olan şeyleri kolayca dependencies niteliğine ekleyebilmek için npm install komutunu kullanacağız:

npm install express@4

Kurulum tamamlandıktan sonra, uygulamamızı kuracak bir index.js dosyası oluşturabiliriz.

const express = require('express');
const { createServer } = require('node:http');

const app = express();
const server = createServer(app);

app.get('/', (req, res) => {
  res.send('<h1>Merhaba dünya</h1>');
});

server.listen(3000, () => {
  console.log('sunucu http://localhost:3000 adresinde çalışıyor');
});

import express from 'express';
import { createServer } from 'node:http';

const app = express();
const server = createServer(app);

app.get('/', (req, res) => {
  res.send('<h1>Merhaba dünya</h1>');
});

server.listen(3000, () => {
  console.log('sunucu http://localhost:3000 adresinde çalışıyor');
});

Bu demektir ki:

Express, app'i bir HTTP sunucusuna sağlayabileceğiniz bir fonksiyon işleyici olarak başlatır (5. satırda görüldüğü gibi).
Web sitemizin ana sayfasına gittiğimizde çağrılan bir rota işleyicisi / tanımlıyoruz.
HTTP sunucusu 3000 numaralı portta dinlemeye başlamaktadır.

Eğer node index.js komutunu çalıştırırsanız şu sonucu görmelisiniz:

Ve tarayıcınızı http://localhost:3000 adresine yönlendirirseniz:

Şimdilik her şey yolunda!

bilgi

Bu örneği doğrudan tarayıcınızda çalıştırabilirsiniz:

Proje Başlatma​

Proje Başlatma