𝗗𝗮𝘆 𝟯𝟳 𝗼𝗳 𝗟𝗲𝗮𝗿𝗻𝗶𝗻𝗴 𝗠𝗘𝗥𝗡 𝗦𝘁𝗮𝗰𝗸

𝗠𝗘𝗥𝗡 𝗦𝘁𝗮𝗰𝗸 𝗢ğ𝗿𝗮𝗻𝗺𝗮𝗱𝗮 𝟯𝟳. 𝗚ü𝗻

MERN stack yolculuğumun 37. günündeyim.

Dün, /about ve /contact gibi sayfalar için temiz yönlendirme (routing) yapılarını kurdum. Bugün ise backend veri iletişimi üzerine odaklandım. URL ayrıştırma (parsing) ve sorgu parametrelerini (query parameters) çalıştım.

Bir web sitesinde ürün aradığınızda, site verileri URL üzerinden gönderir. Adres çubuğunda soru işaretinden sonra genellikle fazladan metinler görürsünüz. Bu, sorgu verisidir (query data).

Bu verileri okumak için Node.js url modülünü nasıl kullanacağımı öğrendim. Modül, uzun bir URL string'ini yapılandırılmış bir nesneye (object) dönüştürür.

Verilerin nasıl ayrıştırıldığı aşağıdadır:

• Pathname: Bu, /search veya /api/products gibi ana konumdur.
• Query: Bunlar, ?name=ali&id=7 gibi soru işaretinden sonra gelen anahtar-değer (key-value) çiftleridir.

url modülü, bu verilerin kodunuzda kullanılmasını kolaylaştırır. String'i bir JavaScript nesnesine dönüştürür.

Örnek kod:

const http = require("http");
const url = require("url");

const server = http.createServer((req, res) => {
    let parsedUrl = url.parse(req.url, true); 
    let pathname = parsedUrl.pathname;
    let queryData = parsedUrl.query;

    if (pathname === "/search") {
        res.writeHead(200, { "Content-Type": "text/plain" });
        res.end(`Searching logs for user: ${queryData.name} with ID: ${queryData.id}`);
    } else {
        res.end("Standard Endpoint View");
    }
});
server.listen(8000);

URL ayrıştırmayı öğrenmek, dinamik web siteleri oluşturmanıza yardımcı olur. Artık kullanıcı girdilerini doğrudan web adresinden yakalayabilirsiniz.

Kaynak: https://dev.to/ali_hamza_589ec7b3eb6688d/day-37-of-learning-mern-stack-4758