ホームページ  >  記事  >  ウェブフロントエンド  >  Node.jsを使用して簡単なWebサーバーを構築する方法

Node.jsを使用して簡単なWebサーバーを構築する方法

PHPz
PHPzオリジナル
2023-04-26 09:14:541119ブラウズ

Node.js はバックエンド サービス用の JavaScript ランタイム環境で、開発者はこれを使用してサーバー側とクライアント側のアプリケーションを同じ言語で作成できます。 Node.js は、他のバックエンド テクノロジと比較して、処理能力が高く、スケーラビリティが優れています。この記事では、Node.js を使用してシンプルかつ強力な Web サーバーを構築する方法を紹介します。

ステップ 1 - Node.js をインストールする

まず、コンピューターに Node.js をインストールする必要があります。 Node.js 公式 Web サイトからインストール パッケージをダウンロードしてインストールできます。 Node.js が正常にインストールされたら、コマンド ラインから node -v を実行して、Node.js が正しく動作していることを確認できます。

ステップ 2 - 依存関係をインストールする

アプリケーションの作成を開始する前に、必要な依存関係をいくつかインストールする必要があります。コマンド ラインでプロジェクト フォルダーに移動し、次のコマンドを実行します:

npm init -y

これにより、アプリケーションとすべての依存関係に関する情報を保存する package.json ファイルが作成されます。

次に、Express と Nodemon をインストールする必要があります。 Express は、ルーティングとミドルウェアを迅速に作成するのに役立つ人気のある Web フレームワークです。 nodemon は、コードを保存するときにサーバーを自動的に再起動する開発ツールです。

コマンド ラインで次のコマンドを入力して、これらの依存関係をインストールします。

npm install Express nodemon --save

--save オプションは、依存関係をパッケージに追加します。 json ファイルを作成すると、後でアプリケーションを簡単に再構築できるようになります。

ステップ 3 - サーバーの作成

次に、最初のサーバーを作成しましょう。プロジェクトフォルダーにindex.jsという名前のファイルを作成し、次のコードを入力してください:

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

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

app.listen( 3000, ( ) => {
console.log('Server listens on port 3000');
});

ここでは、Express ライブラリを導入し、instance of app という名前のファイルを作成しました。ここに、ルート URL に対して応答し、Hello World! を返す GET ルートを追加します。クライアントに返送されました。

最後に、app.listen() を使用してサーバーを特定のポートにバインドします。この例では、サーバーをポート 3000 にバインドしました。

ステップ 4 - サーバーの起動

最初のサーバーを作成したので、nodemon を使用してサーバーを起動できます。コマンド ラインに次のコマンドを入力します:

nodemonindex.js

これにより、アプリケーションが起動され、コードが変更されたときにサーバーが自動的に再起動されます。次に、ブラウザで http://localhost:3000 にアクセスすると、Hello World! が表示されるはずです。情報。

ステップ 5 - ルートを追加する

最初のサーバーを作成したので、ルートを追加して、クライアントにさらにデータを送信しましょう。次のコードを Index.js ファイルに追加します:

app.get('/users', (req, res) => {
const users = [

{ id: 1, name: 'John' },
{ id: 2, name: 'Jane' },

] ;

res.json(users);
});

この例では、/users URL に応答する新しいルートを作成し、両方を含む JSON オブジェクトを追加します。ユーザーはクライアントに送り返されます。

ここで http://localhost:3000/users にアクセスすると、次の JSON 応答が表示されます:

[
{

"id": 1,
"name": "John"

},
{

"id": 2,
"name": "Jane"

}
]

コードをより適切に整理するために、ルートを別のファイルにカプセル化することもできます。

ステップ 6 - 静的ファイルを使用する

画像、スタイル シート、JavaScript ファイルなどの静的ファイルをサーバーに提供したい場合は、express が提供する組み込みミドルウェア機能を使用できます。 。次のコードを Index.js ファイルに追加します。

app.use(express.static('public'));

ここでは、静的ファイルを提供するためにパブリック フォルダーを使用するように Express に指示します。ファイル。 style.css というファイルをパブリック フォルダーに作成し、HTML ファイル内でそのファイルにリンクできます。

上記の手順を通じて、Node.js と Express を使用して、シンプルだが強力な Web サーバーを構築する方法を学びました。この記事が、すぐに始めて独自の Web アプリケーションの構築を始めるのに役立つことを願っています。

以上がNode.jsを使用して簡単なWebサーバーを構築する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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