MERNスタック学習 37日目

MERNスタック学習の37日目です。

昨日は /about や /contact といったページの構造的なルーティングを設定しました。今日はバックエンド開発に移り、URLのパースとクエリパラメータに焦点を当てました。

ウェブサイトで商品を検索するとき、そのデータはURLの中に含まれています。Node.jsでこのデータを読み取り、活用する方法を学びました。

URLは単なるテキストの文字列ではありません。構造化されたオブジェクトです。仕組みは以下の通りです：

これらのアドレスを分解するために url モジュールを使用しました。パーサーが生のURLを利用可能なオブジェクトに変換します。

今日使用したコードは以下の通りです：

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

この方法により、クエリテキストをきれいなJavaScriptオブジェクトに変換できます。これにより、データの扱いがシンプルかつ効率的になります。

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