Express フレームワークを使用して Web アプリケーションを構築する方法

Web テクノロジの継続的な発展に伴い、フロントエンド開発の重要性がますます高まっており、多くの人が新しいテクノロジを探索することに熱心であり、その中でも Node.js は非常に人気のあるテクノロジとなっています。 Node.js は、高性能でスケーラブルな Web アプリケーションを開発するための Chrome ブラウザ V8 エンジンに基づく JavaScript ランタイム環境です。 Node.js は、さまざまなプラットフォームでのアプリケーションの開発とデプロイメントを容易にする軽量で効率的なソリューションを提供することを目的としています。

Node.js では、ページを形成するさまざまな方法があります。最も一般的なのは、Express、Koa、Hapi などの Web フレームワークを使用することです。これらのフレームワークを使用すると、多くの便利な機能とミドルウェアを提供しながら、Web アプリケーションを迅速に作成できます。ここでは、Express フレームワークを使用して Web アプリケーションを構築する方法を説明します。

まず、Node.js パッケージ マネージャー (npm) を介して Express をインストールする必要があります:

npm install express

次に、プロジェクトに app.js という名前のファイルを作成し、次のコードを記述します。 ##

const express = require('express');
const app = express();

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

app.listen(3000, function(){
  console.log('App listening on port 3000!');
});

上記のコードでは、Express フレームワークを導入し、Express インスタンスを作成しました。

app.get()このメソッドは、HTTP GET リクエストと一致するために使用されます。ユーザーがルート パスにアクセスすると、Hello World 文字列が返されます。 app.listen() メソッドはアプリケーションを起動し、ポート 3000 をリッスンします。

ファイルを保存して実行します:

node app.js

ブラウザで

http://localhost:3000 にアクセスすると、Hello World 文字列が表示されます。これは、Express フレームワークを使用して Web アプリケーションを作成する基本的なプロセスです。もちろん、実際の開発では、通常、さらに多くの処理ロジックとルーティング構成が必要になります。

Express フレームワークは、静的ファイルの提供、テンプレート エンジン、パラメータ解析、セッション管理など、多くの便利な機能とミドルウェアを提供します。以下は静的ファイル サービスの使用例です。

const express = require('express');
const path = require('path');
const app = express();

app.use(express.static(path.join(__dirname, 'public')));

app.get('/', function(req, res){
  res.sendFile(path.join(__dirname, 'index.html'));
});

app.listen(3000, function(){
  console.log('App listening on port 3000!');
});

静的ファイル サービスを提供するには

express.static() メソッドを使用します。path.join() メソッドは次のとおりです。絶対パスを取得するために使用されます。 app.get()このメソッドは、index.html ファイルを返します。これは、基本的な静的ファイルの提供例です。実際の開発では、テンプレート エンジンを使用して HTML ページを動的に生成することもできます。

つまり、Node.js は、高性能でスケーラブルな Web アプリケーションを作成するための非常に強力なツールです。 Express フレームワークを使用すると、Web 開発プロセスが簡素化され、開発効率が向上します。この記事がお役に立てば幸いです。

以上がExpress フレームワークを使用して Web アプリケーションを構築する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。