Express.js を使って最初のバックエンドアプリケーションを作成します。準備はできていますか？

Express.js のインストール

アプリ用の新しいディレクトリを作成し、フォルダーをコードエディタで開きます。準備が整いました。ターミナルで次のコマンドを実行します：

npm install express

これは、仮想アプリストアから Express.js を注文し、npm が配達してくれるようなものです。

その結果、アプリのファイル・フォルダー構成は次のようになります：

基本的なプロジェクト構成：

• node_modules - インストールされたパッケージを格納；
• package.json および package-lock.json - プロジェクトの依存関係とスクリプトの一覧；
• app.js または index.js - Express アプリケーションのエントリーポイント。これは手動で作成します。

最初のExpressアプリの構築

Node.jsとExpress.jsフレームワークを使用したシンプルなWebサーバーの作成手順。以下のステップに従うこと:

ステップ1: Expressのインポート

ライブラリとして、まずファイルにインポートする必要がある:

const express = require('express');

ステップ2: Expressアプリケーションインスタンスの作成

Expressアプリケーションのインスタンスを作成する。このapp変数は、Webサーバーの動作を設定および定義するために使用される。

const app = express();

ステップ3: ポートの設定

サーバーが待ち受けるポート番号を定義。ここでは3000番に設定しているが、利用可能な任意のポート番号を選択可能。

const port = 3000;

ステップ4: ルートの定義

HTTP GETリクエストをルートURL（/）で処理するルートを設定。クライアント（通常はウェブブラウザ）がサーバーのルートURLにアクセスすると、Hello, World! というレスポンスを返す。

app.get('/', (req, res) => {
  res.send('Hello, World!');
});

• app.get('/') - ルートパス（/）へのGETリクエストを処理するルートの定義。異なるHTTPメソッド（GET、POST、PUT、DELETEなど）ごとにルートを定義可能；
• (req, res) => { ... } - 指定したルートにクライアントがGETリクエストを送信した際に実行されるコールバック関数。2つの引数 req（リクエストオブジェクト）と res（レスポンスオブジェクト）を受け取る。この例では、Hello, World! というテキストをレスポンスとして送信。

ステップ5: サーバーの起動

サーバーを起動し、指定したポート（この場合は3000番）で待ち受けを開始。サーバーが正常に起動すると、どのポートで待ち受けているかを示すメッセージがコンソールに出力される。

app.listen(port, () => {
  console.log(`Server is running on port ${port}`);
});

app.listen(port, ...) - 指定したポートでサーバーを起動し、待ち受けを開始するメソッド。第2引数はサーバーが起動した際に実行されるコールバック関数。

ステップ6：アプリの実行

ターミナルで node コマンドを使用してアプリを実行。

node index

スクリプト実行後

サーバーが起動し、ウェブブラウザで http://localhost:3000 にアクセス可能。ブラウザに Hello, World! が表示される。