ホームページ > 記事 > ウェブフロントエンド > Node.jsを使用して簡単なWebサーバーを構築する方法
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 サイトの他の関連記事を参照してください。