close

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

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

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

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

 

以下は、を使用して To Do リスト アプリケーションを構築する具体的な例です Express。

ステップ 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 と を使用して Web アプリケーションを構築する簡単な例です Express。 To Do リストへのタスクの追加、編集、削除などの機能を追加することで、このアプリケーションを拡張できます。