Node.js ベースの HTTP サーバーをローカルに構築する方法-フロントエンドQ&A-php.cn

ホームページ

ウェブフロントエンド

フロントエンドQ&A

Node.js ベースの HTTP サーバーをローカルに構築する方法

PHPz

Apr 06, 2023 am 08:53 AM

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 サイトの他の関連記事を参照してください。

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。