NODEJS 101 - NODEJS プロジェクトのセットアップ

Node.js は、開発者が JavaScript を使用してサーバー側アプリケーションを構築および実行できるようにする、オープンソースのクロスプラットフォームのバックエンド JavaScript ランタイム環境です。2009 年に Ryan Dahl によって作成され、それ以来、Web アプリケーションやネットワーク サービスを構築するための人気のあるプラットフォームになりました。

Node.js は、Google Chrome ブラウザで使用される V8 JavaScript エンジン上に構築されており、サーバー側で JavaScript コードを実行できます。これにより、開発者は Web アプリケーションのフロントエンドとバックエンドの両方で同じ言語とコードベースを使用できるようになり、効率の向上と開発時間の短縮につながる可能性があります。

今日のブログでは、node js プロジェクトのコーディングを開始するための設定方法を段階的に説明していきます。

ディレクトリを作成する

最初のステップは、常にコードが存在する新しいディレクトリを作成することです。このためには、(Linux ターミナルを使用している人の場合) コマンドを使用します。mkdir <name of your project>私の名前を NodeTutorial とします。

次に、作成したばかりの NodeTutorial ディレクトリに cd で移動します。cd <name of your project

NPM初期化

npm initpackage.jsonは、プロジェクトの新しいファイルを作成するためにnodejsで使用されるコマンドです。このファイルは、名前、バージョン、説明、作成者、ライセンス、依存関係など、プロジェクトに関する情報が含まれるメタデータ ファイルです。

最初に自問するのは、なぜこのファイルが必要なのかということです。なぜそれを生成する必要があるのでしょうか?

1. 依存関係管理 - このファイルには、すべての依存関係 (プロジェクトの実行に必要なライブラリとモジュール) がリストされます。
2. バージョン管理 - プロジェクトのバージョン、作成者、ライセンス、その他のメタデータに関する情報が含まれます。この情報は、変更を追跡し、プロジェクトのさまざまなバージョンを管理するのに役立つため、Git などのバージョン管理システムに役立ちます。
3. 自動化 - 多くの自動化ツールやサービスは、package.jsonファイルに依存してテスト、構築、展開などのタスクを実行します。たとえば、継続的インテグレーション (CI) ツールは、このpackage.jsonファイルを使用して、どのテストを実行するか、どの依存関係をインストールするかを決定します。
4. 設定 - このpackage.jsonファイルは、 を使用して実行できるカスタム スクリプトを定義するために使用することもできますnpm run <script-name>。これらのスクリプトは、コードのコンパイル、テストの実行、サーバーの起動などのタスクに使用できます。これにより、開発者は、他の開発者が簡単に実行できるプロジェクトのカスタム ワークフローを定義できます。

実行すると、npm initいくつかの質問が表示されますが、すでに作成されている場合はいつでも戻って編集できるため、空白のままにしても問題ありません。

Enter キーを押し続け、デフォルトのままにしておきます。このコマンドを実行すると、以下のスクリーンショットに見られるように、package.json ファイルが作成されます。

ここで、私たちのプロジェクトはすでにノード プロジェクト用に設定されています。あとは、テンプレート言語を定義することだけです。テンプレート エンジンとは何ですか?

テンプレートエンジン

テンプレート エンジンは、Web 開発で 1 つまたは複数のテンプレートに基づいて HTML またはその他のマークアップを動的に生成するために使用されるツールです。テンプレートはページの構造とレイアウトを定義し、テンプレート エンジンはテンプレートにデータを入力して、ブラウザに送信できる最終出力を作成します。

一般的な Nodejs テンプレート エンジンには次のようなものがあります。

1. Handlebars: Mustache スタイルの構文を使用する、シンプルで柔軟なテンプレート エンジン。
2. EJS: HTML テンプレート内に JavaScript コードを記述できるようにする埋め込み JavaScript テンプレート。
3. Pug (旧名 Jade): インデントを使用してテンプレートの構造を定義する、クリーンで簡潔なテンプレート エンジンです。
4. Nunjucks: マクロ、フィルター、継承などの機能を含む強力なテンプレート エンジン。

ejs(express) をインストールして、オブジェクトを完成させ、クライアントに HTTP 応答を送信できるようにします。

NPM のインストール

上で説明した依存関係を覚えていますか? Node.js プロジェクトでは依存関係が必要です。依存関係は、すべてのコードを最初から作成しなくてもアプリケーションに機能を追加できる外部ライブラリとモジュールを提供するためです。

高速テンプレート エンジンをインストールします。npm install express

このディレクトリを ls すると、新しいファイルとフォルダーが追加されていることがわかります。

ここから、クライアントに簡単なページを提供します

Index.js ファイルを作成し、次のコードを貼り付けます。

#index.js
const express = require('express');
const app = express();

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

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

次のステートメントが表示されることがわかります: サーバーはポート 3000 で起動しました。ブラウザでこのURLにアクセスすると、「hello multiverse line」と表示されることがわかります。URLは`ですhttp://localhost:3000/

これで、NODEJS 101 クラスは完了です。少し時間をとって、マイルストーンを達成したことを祝福しましょう。

チャオ！