MERNスタック学習 36日目

MERNスタック学習 36日目

MERNスタック学習の36日目を迎えています。

昨日は初めてのローカルWebサーバーを構築しました。今日はバックエンドのルーティングに焦点を当てました。

ルーティングは、サーバーに対して異なるリクエストをどのように処理するかを指示するものです。バックエンドは交通整理（トラフィックコントローラー）のような役割を果たします。URLに基づいて、どのコンテンツを表示するかを決定します。

req.url プロパティの使い方を学びました。このプロパティには、ユーザーがブラウザに入力したパスが格納されています。

論理条件を使用して、ユーザーを適切な場所に誘導します。

ロジックの仕組みは以下の通りです：

• サーバーが送られてきたURLを確認します。
• URLが "/" の場合、サーバーはホームページを返します。
• URLが "/about" の場合、サーバーはアバウトページを返します。
• URLがどの条件にも一致しない場合、サーバーは404エラーを返します。

このプロセスによって、アプリケーションを整理された機能的な状態に保つことができます。

コード例：

const server = http.createServer((req, res) => {
    if (req.url === "/") {
        res.end("Welcome to the Homepage!");
    } else if (req.url === "/about") {
        res.end("This is the About Page detailing our stack.");
    } else {
        res.writeHead(404, { "Content-Type": "text/plain" });
        res.end("404: Page Not Found!");
    }
});

出典: https://dev.to/ali_hamza_589ec7b3eb6688d/day-36-of-learning-mern-stack-183m