NodejsでWebページを書く方法-フロントエンドQ&A-php.cn

ホームページ

ウェブフロントエンド

フロントエンドQ&A

NodejsでWebページを書く方法

PHPz

May 17, 2023 am 09:06 AM

Node.js は、JavaScript 開発者がサーバー側でプログラムを作成できるようにする、非常に人気のあるサーバー側 JavaScript ランタイム環境です。軽量かつ効率的で拡張が容易なため、サーバーサイドやモバイルアプリケーションの開発分野で広く使用されています。この記事では、Node.jsを使ったWebページの書き方を紹介します。

Node.js のインストール

まず、コンピューターに Node.js をインストールする必要があります。オペレーティングシステムのバージョンは、Node.js の公式 Web サイト (https://nodejs.org/en/download/) からダウンロードできます。

Web サーバーの作成

Node.js で Web サーバーを作成するのは非常に簡単です。 HTTP モジュールをインポートしてサーバーを作成するだけです。以下は簡単な例です:

const http = require('http');

const server = http.createServer((req, res) => {
  res.statusCode = 200;
  res.setHeader('Content-Type', 'text/plain');
  res.end('Hello, world!');
});

server.listen(3000, () => {
  console.log('Server running at http://localhost:3000/');
});

ログイン後にコピー

上記のコードは HTTP サーバーを作成し、サーバー上でポート 3000 のリッスンを開始し、Web クライアントに「Hello, world!」を送信します。

リクエストとレスポンスの処理

Node.js のコールバック関数を使用して、HTTP リクエストとレスポンスを処理できます。上の例では、サーバーは「Hello, world!」で応答しますが、HTML ページ、JSON 形式、またはその他のタイプのコンテンツを返すように応答をカスタマイズすることもできます。以下は、HTML Web ページを返す例です。

const http = require('http');

const server = http.createServer((req, res) => {
  res.statusCode = 200;
  res.setHeader('Content-Type', 'text/html');
  res.write('<html><body><h1>Hello, world!</h1></body></html>');
  res.end();
});

server.listen(3000, () => {
  console.log('Server running at http://localhost:3000/');
});

ログイン後にコピー

上記のコードは、HTTP サーバーを作成し、「Hello, world!」というテキストを含む「h1」タグを含む HTML ページを返します。そして、「Content-Type」ヘッダーは「text/html」に設定されます。

サードパーティモジュールの使用

Node.js には、一般的に使用されるモジュールが多数用意されていますが、完全な Web アプリケーションを作成するには、サードパーティモジュールの使用が必要になる場合があります。以下は、Node.js の Express フレームワークを使用して Web サーバーを作成する例です:

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

app.get('/', (req, res) => {
  res.send('Hello, world!');
});

app.listen(3000, () => {
  console.log('Server running at http://localhost:3000/');
});

ログイン後にコピー

上記のコードは、Express フレームワークに基づいて HTTP サーバーを作成し、クライアントに「Hello, world!」を送信します。。

テンプレートエンジンの使用

テンプレートエンジンを使用すると、HTML ページを簡単に作成できます。 EJS、Handlebars、Mustache など、多くのテンプレートエンジンを Node.js で使用できます。以下は、EJS テンプレートエンジンを使用して動的 HTML ページを作成する例です。

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

app.set('view engine', 'ejs');

app.get('/', (req, res) => {
  const data = {
    title: 'Homepage',
    message: 'Hello, world!'
  };
  res.render('index', data);
});

app.listen(3000, () => {
  console.log('Server running at http://localhost:3000/');
});

ログイン後にコピー

上記のコードは、EJS テンプレートエンジンを使用して動的 HTML ページを作成します。ページ上では、「data」オブジェクトのデータを使用してタイトルとメッセージをレンダリングします。

概要

この記事では、Node.js を使用して Web サーバーを作成し、HTTP リクエストと応答を処理する方法を学びました。また、サードパーティのモジュールとテンプレートエンジンを使用して Web アプリケーション開発を簡素化する方法についても説明しました。スキルが向上するにつれて、Node.js のより高度で複雑な機能を徐々にマスターして、より優れた Web アプリケーションを開発できるようになります。

以上がNodejsでWebページを書く方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明

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