Node.js と Express を使用したシンプルな Web アプリケーションの構築

Express は、Node.js をベースにした強力で柔軟な Web アプリケーション フレームワークです。Express は、そのシンプルな構文と軽量な構造により、ユーザー応答性の高い Web アプリケーションを迅速に構築できます。

Express は、HTTP リクエストの処理、ルートの構築、ミドルウェアの管理、動的コンテンツのレンダリングに必要な機能とツールを提供します。単純な Web サイトから複雑な Web アプリケーションまで、堅牢で柔軟な Web アプリケーションを作成できます。

Express を使用するには、フレームワークをインストールし、クライアントからのリクエストをリッスンするサーバーを作成する必要があります。ルートとミドルウェアを定義することにより、リクエストの処理、データベースへのアクセス、認証とセキュリティの実行、およびユーザーへの動的コンテンツの表示が可能になります。

 

Express を使用して To Do リスト アプリケーションを構築する具体的な例を次に示します。

ステップ 1: インストールとプロジェクトのセットアップ

  1. Node.js をコンピューターにインストールします ( https://nodejs.org )。
  2. ターミナルを開き、プロジェクト用の新しいディレクトリを作成しますmkdir todo-app。
  3. プロジェクト ディレクトリに移動しますcd todo-app。
  4. 新しい Node.js プロジェクトを初期化しますnpm init -y。

ステップ 2: Express をインストールする

  1. Express パッケージをインストールしますnpm install express。

ステップ 3:server.js ファイルを作成する

  1. プロジェクト ディレクトリに、server.js という名前の新しいファイルを作成します。
  2. server.js ファイルを開き、次の内容を追加します。
// Import the Express module
const express = require('express');

// Create an Express app
const app = express();

// Define a route for the home page
app.get('/', (req, res) => {
  res.send('Welcome to the To-Do List App!');
});

// Start the server
app.listen(3000, () => {
  console.log('Server is running on port 3000');
});
​

 

ステップ 4: アプリケーションを実行する

  1. ターミナルを開き、プロジェクト ディレクトリ (todo-app) に移動します。
  2. 次のコマンドを使用してアプリケーションを実行しますnode server.js。
  3. Web ブラウザを開いて、URL にアクセスしますhttp://localhost:3000。
  4. 「ToDo リスト アプリへようこそ!」というメッセージが表示されます。ブラウザに表示されます。

これは、Node.js と Express を使用して Web アプリケーションを構築する簡単な例です。To Do リストへのタスクの追加、編集、削除などの機能を追加することで、このアプリケーションを拡張できます。