Nodejsプロジェクトをビルドする方法

Node.js プロジェクトを構築する

Node.js の人気に伴い、この JavaScript ランタイムに注目する開発者が増えています。多くの人が Node.js プロジェクトのセットアップ方法を知りたいと考えています。この記事では、Node.js プロジェクトを構築する方法と、いくつかの便利なツールとテクニックを紹介します。

1. Node.js をインストールする

まず、Node.js がインストールされていることを確認します。 Node.js 公式 Web サイト (https://nodejs.org) から Node.js インストーラーをダウンロードし、ウィザードに従ってインストールできます。

インストールが完了したら、ターミナルを開き (Windows システムでは「run」コマンドで cmd を開くことができます)、「node -v」コマンドを入力して、Node.js が正常にインストールされたかどうかをテストできます。インストールが成功すると、Node.jsのバージョン番号が出力されます。

2. IDE の選択

次のステップは、Node.js コードを作成するための開発ツール (IDE) を選択することです。一般的に使用される Node.js 開発ツールには、Visual Studio Code、Sublime Text、Atom、WebStorm などが含まれます。

この記事では、開発に Visual Studio Code を使用します。

3. 新しいプロジェクトを作成します

Visual Studio Code を開き、[フォルダーを開く] を選択して、新しいフォルダーを作成し、「myapp」という名前を付けます。

フォルダー内に新しいフォルダーを作成し、「public」という名前を付けます。ここには、JavaScript や CSS ファイルなどの静的ファイルが保存されます。

次に、「myapp」フォルダーの下に新しいファイルを作成し、「app.js」という名前を付けます。これは、Node.js アプリケーションのエントリ ポイント ファイルになります。

4. app.js にコードを記述します

「app.js」を開いて次のコードを入力します:

const http = require('http');
const fs = require('fs');
const path = require('path');

const hostname = '127.0.0.1';
const port = 3000;

const server = http.createServer((req, res) => {
  console.log(`Request for ${req.url} received.`);

  let filePath = '.' + req.url;
  if (filePath == './') {
    filePath = './public/index.html';
  }

  const extname = String(path.extname(filePath)).toLowerCase();
  const mimeTypes = {
    '.html': 'text/html',
    '.js': 'text/javascript',
    '.css': 'text/css',
    '.json': 'application/json',
    '.png': 'image/png',
    '.jpg': 'image/jpg',
    '.gif': 'image/gif',
    '.svg': 'image/svg+xml',
    '.wav': 'audio/wav',
    '.mp4': 'video/mp4',
    '.woff': 'application/font-woff',
    '.ttf': 'application/font-ttf',
    '.eot': 'application/vnd.ms-fontobject',
    '.otf': 'application/font-otf',
    '.wasm': 'application/wasm'
  };

  const contentType = mimeTypes[extname] || 'application/octet-stream';

  fs.readFile(filePath, (err, content) => {
    if (err) {
      if (err.code == 'ENOENT') {
        res.writeHead(404, { 'Content-Type': 'text/html' });
        res.end(`<h1>404 Not Found</h1><p>The requested URL ${req.url} was not found on this server.</p>`);
      } else {
        res.writeHead(500, { 'Content-Type': 'text/html' });
        res.end(`<h1>500 Internal Server Error</h1><p>Sorry, we couldn't process your request. Please try again later.</p>`);
      }
    } else {
      res.writeHead(200, { 'Content-Type': contentType });
      res.end(content, 'utf-8');
    }
  });
});

server.listen(port, hostname, () => {
  console.log(`Server running at http://${hostname}:${port}/`);
});

このコード スニペットは HTTP サーバーを作成します。リクエストは次のとおりです。対応するファイルと照合されます。たとえば、「/about.html」がリクエストされた場合、サーバーは myapp/public フォルダーで about.html ファイルを検索して返します。リクエストがファイルと一致しない場合は、404 エラーが返されます。

5. ルーティングの追加

ルーティングを追加することでアプリケーションを拡張できます。ここでは、「/hello」パスへの GET リクエストを処理するための単純なルートを追加します。

次のコードを app.js ファイルの最後に追加します。

server.on('request', (req, res) => {
  if (req.method === 'GET' && req.url === '/hello') {
    res.writeHead(200, { 'Content-Type': 'text/plain' });
    res.end('Hello, world!\n');
  }
});

このコード スニペットはリクエストをリッスンし、単純な「Hello, world!」文字列を返します。

6. アプリケーションの実行

Node.js アプリケーションの開発が完了したので、アプリケーションを実行する必要があります。ターミナルに次のコマンドを入力します。

node app.js

これにより、アプリケーションが起動され、ポート 3000 にバインドされます。

ここで、ブラウザに「http://localhost:3000/」と入力すると、静的 Web ページが開きます。 「http://localhost:3000/hello」と入力すると、「Hello, world!」という文字列が返されます。

7. 概要

Node.js は、開発者が拡張性の高いアプリケーションを迅速に構築するのに役立つ、非常に人気のある JavaScript ランタイムです。この記事で紹介したヒントとツールを使用すると、Node.js アプリケーションを簡単に構築できます。

この記事がお役に立てば幸いです。また、独自の Node.js プロジェクトの構築が成功することを願っています。

以上がNodejsプロジェクトをビルドする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。