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（/）で処理するためのルートを設定します。クライアント（通常はWebブラウザ）がサーバーのルート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

スクリプト実行後

サーバーが起動し、Webブラウザで http://localhost:3000 にアクセスできます。ブラウザには Hello, World! が表示されます。