ホームページ >ウェブフロントエンド >フロントエンドQ&A >Node.js ベースの HTTP サーバーをローカルに構築する方法
Node.js ベースの HTTP サーバーをローカルに構築する方法
- PHPzオリジナル
- 2023-04-06 08:53:54931ブラウズ
Node.js はサーバー上で実行される JavaScript ランタイム環境であり、効率的でスケーラブルなネットワーク アプリケーションを構築するために使用できます。オープンソース プラットフォームとして、Node.js には世界最大の開発コミュニティがあり、その豊富なモジュラー ライブラリにより、開発者は Web サーバー (Web サーバー)、API サーバー、リアルタイム アプリケーションなど、さまざまな種類のサーバー アプリケーションを簡単に構築できます。この記事では、Node.js ベースの HTTP サーバーをローカルに構築する方法を紹介します。
1. 準備作業
サーバーの構築を開始する前に、いくつかの準備作業を行う必要があります。まず、Node.js をインストールする必要があります。 Node.js インストール パッケージは、Node.js の公式 Web サイト (https://nodejs.org/) からダウンロードできます。インストールが完了したら、コマンドラインで「node -v」と入力し、バージョン番号が表示されれば、Node.js は正しくインストールされています。
2. 作業ディレクトリの作成
最初に、サーバー ファイルを保存するための作業ディレクトリを作成する必要があります。コマンド ラインで「mkdir node-http-server」と入力して、node-http-server という名前のディレクトリを作成します。
3. サーバー ファイルの作成
node-http-server ディレクトリに、server.js ファイルを作成する必要があります。テキスト エディタを使用して、次のコードを入力します。
const http = require('http');
const port = 3000;
const server = http.createServer((req, res) => {
res.statusCode = 200;
res.setHeader('Content-Type', 'text/plain');
res.end('Hello World!');
});
server.listen(port, () => {
console.log(`Server running at http://localhost:${port}/`);
});
このコードは、ポート 3000 でリッスンし、要求を受信すると「Hello World!」応答を返す HTTP サーバーを作成します。このコードを実行すると、コンソールに「Server running at http://localhost:3000/」というプロンプト メッセージが表示されます。ブラウザに http://localhost:3000/ と入力すると、「Hello World!」という応答が表示されます。
4. HTML ページの追加
server.js ファイルを変更して HTML ページを返すことができます。 node-http-server ディレクトリで、index.html ファイルを作成し、次のコードを入力します。
<!DOCTYPE html> <html> <head> <title>Node.js HTTP server</title> </head> <body> <h1>Hello World!</h1> </body> </html>
次に、server.js ファイルを変更して、次のコードを入力します。
const http = require('http');
const fs = require('fs');
const port = 3000;
const server = http.createServer((req, res) => {
res.statusCode = 200;
res.setHeader('Content-Type', 'text/html');
fs.readFile('index.html', (err, data) => {
if (err) {
res.statusCode = 500;
res.end('Error loading index.html');
} else {
res.end(data);
}
});
});
server.listen(port, () => {
console.log(`Server running at http://localhost:${port}/`);
});
This code pass fs モジュールは、index.html ファイルを読み取り、それを応答としてクライアントに送信します。ブラウザに http://localhost:3000/ と入力すると、index.html ページが表示されます。
5. サードパーティ パッケージを使用する
Node.js コミュニティには、仕事の効率化に役立つサードパーティ パッケージが多数あります。たとえば、Express フレームワークを使用して、より複雑な Web アプリケーションを構築できます。 node-http-server ディレクトリで、コマンド ラインを使用して「npm init」と入力し、プロンプトに従って情報を入力し、package.json ファイルを生成します。次に、コマンド ラインを使用して npm install Express --save と入力し、Express フレームワークをインストールします。
server.js ファイルで、Express モジュールを導入し、次のコードを使用して Express に基づいて HTTP サーバーを作成します。
const express = require('express');
const app = express();
const port = 3000;
app.get('/', (req, res) => {
res.send('Hello Express!');
});
app.listen(port, () => {
console.log(`Server running at http://localhost:${port}/`);
});
このコードは、Express フレームワークを使用して HTTP サーバーを作成します。リッスンするサーバー 「/」パスから GET リクエストを受信すると、「Hello Express!」レスポンスが返されます。ブラウザに http://localhost:3000/ と入力すると、「Hello Express!」という応答が表示されます。
概要
この記事では、Node.js ベースの HTTP サーバーをローカルに構築する方法を紹介します。まず Node.js のインストールから始め、作業ディレクトリ、サーバー ファイル、HTML ページの作成方法を学び、サードパーティ フレームワーク Express を使用してより複雑な HTTP サーバーを作成しました。これらの基本操作をマスターしたら、Node.js をさらに探索して、より複雑なアプリケーションを構築できるようになります。
以上がNode.js ベースの HTTP サーバーをローカルに構築する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。