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

Hari ke-37 Belajar MERN Stack

Saya sedang berada di hari ke-37 perjalanan belajar MERN stack saya.

Kemarin saya mengatur routing struktural untuk halaman seperti /about dan /contact. Hari ini saya beralih ke pengembangan backend. Saya fokus pada URL parsing dan query parameters.

Saat Anda mencari produk di sebuah situs web, datanya tersimpan di dalam URL. Saya belajar cara membaca dan menggunakan data ini di Node.js.

URL lebih dari sekadar rangkaian teks. URL adalah sebuah objek terstruktur. Begini cara kerjanya:

• Pathname: Ini adalah lokasi utama, seperti /search atau /api/products.
• Query: Ini adalah pasangan data setelah tanda tanya, seperti ?name=ali&id=7.

Saya menggunakan module url untuk mengurai alamat-alamat ini. Parser mengubah URL mentah menjadi objek yang dapat digunakan.

Berikut adalah kode yang saya gunakan hari ini:

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);

Metode ini mengubah teks query menjadi objek JavaScript yang bersih. Hal ini membuat penanganan data menjadi sederhana dan efisien.

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