MERNスタック学習 37日目

MERNスタックの学習を始めて37日目です。

昨日は /about や /contact といったページに対してクリーンなルーティングを設定しました。今日はバックエンドのデータ通信に焦点を当て、URLのパース（解析）とクエリパラメータについて学習しました。

ウェブサイトで商品を検索するとき、サイトはURLを通じてデータを送信します。アドレスバーの疑問符（?）の後に、追加のテキストが表示されることがよくありますが、これがクエリデータです。

Node.jsの url モジュールを使用して、このデータを読み取る方法を学びました。このモジュールは、長いURL文字列を構造化されたオブジェクトに変換します。

データの内訳は以下の通りです：

url モジュールを使うことで、これらのデータをコード内で簡単に扱うことができます。文字列をJavaScriptオブジェクトに変換してくれるからです。

サンプルコード:

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のパースを学ぶことは、ダイナミックなウェブサイトを構築するのに役立ちます。これにより、ウェブアドレスから直接ユーザーの入力を取得できるようになります。

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