Node.js を始めるための初心者ガイド

Node Js Wo Shimerutameno Chu Xin Zhegaido



Node.js は Web 開発における強力なツールであることが証明されており、その効率性、信頼性、スケーラビリティにより開発者の間で人気を集めています。何かに飛び込む前に基本を理解し、すべてを 1 か所で理解するのは非常に気分が良いものです。 Node.js を深く理解したい場合は、適切な場所にアクセスする必要があります。この記事を読んだ後、ユーザーは Node.js でコード スクリプトを作成する作業を開始できます。

この投稿では次の内容について説明します。

Node.jsとは何ですか?

Google の検索エンジンで最も頻繁に検索されるクエリは、「Node.js とは何ですか?」です。最もよくある質問は、「Node.js はプログラミング言語ですか?」です。フレームワークですか?図書館ですか?簡略化するために、Node.js は、JS ライブラリによってサポートされるランタイム環境として定義できます。







よく知られているオープンソースのクロスプラットフォーム Javascript ランタイム環境の 1 つは Node.js です。適応性があるため、あらゆるプロジェクトやアプリケーションで使用できます。特徴は、Google Chrome と同じエンジンである V8 エンジンを使用していることです。このため、Node.js は、サーバー側でスクリプトを作成したり、開発環境外でコード スクリプトを実行したりする場合に最適な選択肢となります。



Node.js は、他のサーバーサイド プログラミング言語とはまったく異なります。バックエンドサーバーやWebサーバーではないことに注意してください。単独では何もできませんが、モジュールのコレクションがスケーラブルなプロジェクトの作成に役立ちます。これは単一のサーバー上で実行され、単一のリクエストごとに追加のスレッドを生成しません。さらに、大部分の NodeJS ライブラリの作成には非ブロッキング パラダイムが使用されているため、ブロッキング動作は規則ではなく例外となります。非同期 I/O プリミティブは、JavaScript コードがブロックされないようにする Node.js の標準ライブラリの機能です。



Node.js が I/O 操作 (ネットワーク上でのクルード操作の実行など) を実行する場合、スレッドをブロックしたり、応答を待機して CPU サイクルを無駄にしたりすることはありません。代わりに、応答を受信した後に操作を再開します。





Node.js の簡単な例

Node.js の概念を理解するための簡単な例は、Web サーバーを作成し、テキストを記述することです。これは Node.js の入門なので、Web ポートにイントロ行を追加しましょう。

定数 http = 必要とする ( 「http」 ;

定数 サーバポート = 3000 ;

定数 サーバ = http. サーバーの作成 ( ( 要求、要求 => {

解像度。 ステータスコード = 200 ;

解像度。 setHeader ( 「コンテンツタイプ」 'テキスト/プレーン' ;

解像度。 終わり ( 「Node.js を始めるための初心者ガイド!」 \n ' ;

} ;

サーバ。 聞く ( サーバポート、 ( => {

コンソール。 ログ ( `httpでサーバーが実行されています : //ローカルホスト:${サーバーポート}/`);

} ;

このコードでは:



  • 「const http = require('http')」は、HTTP サーバーの作成とそれに関連付けられた機能の処理に役立つ http モジュールをインポートします。
  • 「const serverPort = 3000」は、サーバーが動作するポートを定義します。
  • 「const server = http.createServer((req, res) => {})」は、http モジュールのサーバー作成メソッドを使用して、2 つの引数を取るコールバック関数を持つサーバーを作成します。1 つはリクエストで、もう 1 つはレスポンスです。リクエストに対して生成されます。
  • コールバック関数内では、HTTPS ステータス コードが 200 に設定され、応答コンテンツ タイプがプレーン テキストに設定されます。さらに、Web サーバーには「Node.js 入門の初心者ガイド」というタイトルのメッセージが表示されます。
  • 「server.listen(serverPort, () =>{})」は、サーバーを起動し、サーバー上のすべての受信リクエストをリッスンするために呼び出されます。コールバック関数はサーバーの起動後に呼び出され、サーバーが起動されたポートを示すメッセージを端末に表示します。

出力

実行には以下の行を使用します。

ノードアプリ。 js

どこ App.js はアプリケーション名です。

ターミナルの出力は次のとおりです。

これは、サーバーが起動し、受信リクエストをリッスンしていることを示します。サーバー上の応答を確認するには、次のリンクを使用します。 http://localhost:3000/ ”。

サーバー側の出力は次のように表示されます。

Node.js はどのように機能するのでしょうか?

Node.js は、サーバーが多数のリクエストを同時に処理できるようにするプラットフォームです。リクエストの処理に使用するスレッドは 1 つだけですが、スレッドを使用して入出力操作を効果的に管理します。スレッドは、タスクを同時に実行する命令のグループです。 Node.js は、タスクが完了するまで停止せずに次のタスクを開始するまでタスクを制御するイベント ループで動作します。

Node.js イベント ループは、連続的な半無限ループです。このループは、Node.js の同期イベントと非同期イベントを管理します。Node.js プロジェクトが起動されるとすぐに実行がトリガーされ、難しいタスクがシステムにシームレスに転送されます。これにより、メインスレッド上の他のタスクがスムーズに実行できるようになります。

Node.js のイベント ループの詳細な概念を理解して把握するために、次のコードを作成しました。 専用記事 このトピックにおいて。

Node.jsのメリット

Node.js の主なメリットは次のとおりです。

  • スケーラビリティ : 水平方向と垂直方向の双方向でのアプリの成長を簡素化します。
  • リアルタイム Web アプリ : 高速同期を必要とし、HTTP への過剰な負荷を防ぐタスクに最適です。
  • スピード : データベースへのデータの出し入れ、ネットワークとのリンク、ファイルの操作などのタスクを迅速に実行します。
  • 学びやすさ : Node.js は Javascript を使用しているため、初心者にとって学びやすいです。
  • キャッシングのメリット : 1 つの部分のみを保存するため、要求されたときにコードを再度実行する必要はありません。キャッシュは高速メモリであり、追加の読み込み時間を節約します。
  • データストリーミング : HTTP リクエストとレスポンスを別のイベントとして処理し、パフォーマンスを向上させます。
  • ホスティング : PaaS や Heroku などの Web サイトに簡単に設置できます。
  • 企業サポート : Netflix、SpaceX、Walmart などの大企業によって使用されています。

Windows に Node.js をインストールするにはどうすればよいですか?

Node.js アプリケーションの開発を始めるので、Windows 環境がある場合は Node.js 環境をセットアップする必要があります。 Windows オペレーティング システムで Node.js 環境をセットアップするには、以下の段階的なガイドラインに従ってください。

ステップ 1: Node.js インストーラー パッケージをダウンロードする

Node.jsの公式Webサイトにアクセスします。 Node.js 公式ウェブサイト 最新バージョンの Node.js をダウンロードしてください。また、npm パッケージ マネージャーが Node.js アプリケーションのスケーリングに重要な役割を果たすため、それとともにインストールされているかどうかも確認してください。

「Windows インストーラー」をクリックするだけでダウンロードが開始されます。ダウンロード版は64bit版となり、LTS(Long Term Support)版を推奨いたします。インストーラー パッケージャーを実行して Node.js をインストールします。

ステップ 2: Node.js と NPM モジュールをコンピューターにインストールする

以下の画面が表示されるので、「次へ」ボタンをクリックします。

「次へ」をクリックすると、新しいウィンドウが表示され、Node.js msi ライブラリをダウンロードするパスの入力を求められます。

次に、下のウィンドウで目的のパスを選択し、「次へ」ボタンをクリックします。

この「次へ」ボタンをクリックすると、カスタム セットアップのウィンドウが表示され、インストールするパッケージを選択するよう求められます。このウィンドウから npm パッケージ マネージャーを選択します。デフォルトでは、Node.js ランタイムが選択されています。 npm パッケージ マネージャーでは、Node.js と npm パッケージの両方がインストールされます。

最後に、「インストール」ボタンをクリックして作業を開始します。

ステップ 3: インストールされているバージョンを確認する

どのバージョンがインストールされているかを知ることが重要なので、それを確認するには、Windows の検索バーに移動し、コマンド プロンプトに次のように入力します。

コマンド プロンプト ウィンドウが開いたら、確認のために 2 つのコマンドを入力します。

Node.jsのバージョン

Node.js のバージョンは、コマンド プロンプトで次のコマンドを使用して確認できます。

ノード -

インストールされているバージョンが表示されます

NPMバージョン

npm のバージョンを確認するには、次のコマンドを使用します。

npm -

npm のバージョンがターミナルに表示されます。

これで、Node.js 環境をセットアップしてアプリケーションの開発を開始できるようになります。

すべてのユーザーが Windows を使用しているわけではないため、すべてのユーザーのニーズを満たすことが望ましいです。以下は Mac に Node.js をインストールするプロセスです。

Mac に Node.js をインストールするにはどうすればよいですか?

Mac を使用しているユーザーの場合、インストールは Windows とまったく同じです。に行きます Node.jsの公式サイト Mac 用のパッケージをダウンロードします。

ステップ 1: Mac 用パッケージ マネージャーをダウンロードする

Node の公式 Web サイトにアクセスし、NodeJS の MacOSInstaller をダウンロードします。

https://nodejs.org/en/download/current

上記画面の指定ボタンをクリックするとダウンロードが開始されます。

ユーザーはインストールする場所を指定できます。

ステップ 2: Node.js .pkg ファイルをインストールする

インストーラー ファイルを実行し、インストール ガイドに従います。

「インストール」ボタンをクリックするとNode.jsのインストールが始まります。

NodeJS のインストールが完了すると、概要が表示されます。

「閉じる」ボタンをクリックしてインストールを終了します。

ステップ 3: Node.js のインストールとバージョンを確認する

Node.js がインストールされていることを確認し、そのバージョンを確認するには、次のコマンドを使用します。

ノード -- バージョン

ステップ 4: NPM をグローバルにアップグレードする

以下に入力したコマンドを実行して、「-global」フラグを使用してすべてのシステム ユーザーの NPM をアップグレードします。

sudo apt install npm -- グローバル

ステップ 5: ノード パスを $PATH 変数に設定する

次のコマンドを実行して、NodeJS の PATH 変数を設定します。

エクスポートパス =/ ユーザー / 地元 / ギット / 置き場 :/ ユーザー / 地元 / 置き場 : $パス

注記: 上記のコマンドの「/usr/local/bin」は、デフォルトで NodeJS がインストールされる場所です。

ステップ 6: 「.bash\_profile」内の PATH の詳細を更新する

以下のコマンドを使用して、パスの詳細を「~/.bash\_profile」に追加します。

エコー 'エクスポート PATH=/usr/local/bin:$PATH' >> / バッシュ \_プロフィール

ステップ 7: ~/.bashrc を更新する

すべてのユーザーが利用できるようにするには、以下のコマンドを実行します。

ソース〜 / bashrc

NodeJS のインストールと MacOS での NodeJS 用の PATH 変数の設定については以上です。

Linux に Node.js をインストールするにはどうすればよいですか?

Debian ベースの Linux オペレーティング システムに Node.js をインストールするには、以下の段階的な手順に従います。

ステップ 1: ターミナルを開く

まず、「CTRL+ALT+T」キーボード ショートカット キーを使用してターミナルを起動します。

ステップ 2: システムを更新およびアップグレードする

以下に入力したコマンドを実行して、システムのリポジトリを更新およびアップグレードします。

sudo aptアップデート && sudo 適切なアップグレード - そして

ステップ 3: apt パッケージ マネージャーを使用してノードをインストールする

システムのリポジトリを更新した後、次のコマンドを使用して、公式の APT パッケージ マネージャーから Node.js をインストールします。

sudo apt install nodejs

ステップ 4: ノードのインストールを確認する

インストールしたら、以下のコマンドを使用して Node.js のバージョンを確認し、インストールを確認します。

ノード -

ステップ 5: NPM をインストールする

ほとんどの場合、NPM が必要となるため、NodeJS と一緒に NPM をインストールすることをお勧めします。 NPM は公式 APT リポジトリからも入手でき、指定されたコマンドを使用してインストールできます。

sudo apt install npm

ステップ 6: NPM のインストールを確認する

次のコマンドを使用して、NPM バージョンも確認し、NPM のインストールを確認します。

npm -

これは、Debian ベースの Linux オペレーティング システムに Node と NPM をインストールする方法です。

初めての Node.js プログラムを作成するには? (こんにちは世界)

Node.js でアプリケーションを開発する準備はすべて整いました。非常に一般的な最初のプログラムを作成しましょう。誰かが新しい言語やフレームワークを学び始めるとき、通常、最初のプログラムは「Hello World」を出力することです。別の方法で皆さんにこんにちはと言うのは、とても気持ちがよく、私たちの新しい旅の始まりを伝えることができます。以下は開始するためのコードです。

// App.js

コンソール。 ログ ( 'こんにちは世界!' ;

このコード スクリプトを実行するには、次のコマンドを使用します。

ノードアプリ。 js

出力

Hello World というステートメントがターミナルに記録されます。

ノードコアモジュールをインポートするには?

ユーザーは、コード スクリプト内で作業する目的のモジュールを使用するには、「require()」関数を使用する必要があります。たとえば、「fs」(ファイル システム)モジュールを使用する場合、インポート コード行は次のようになります。

定数 fs = 必要とする ( 「fs」

これにより、そのモジュールのすべての機能がインポートされ、その内容が実行時に変更できないことを意味する定数変数である fs 変数に保存されます。次に、「fs」変数を使用することで、ユーザーは必要な機能を実装できます。

次に、モジュールがインポートされ、その機能がコード スクリプトで使用される簡単なコード例を作成してみましょう。

例: HTTP モジュールの使用

定数 http = 必要とする ( 「http」 ;

// 単純なHTTPサーバー

定数 httpサーバー = http. サーバーの作成 ( ( 要求、要求 => {

解像度。 ライトヘッド ( 200 { 「コンテンツタイプ」 : 'テキスト/html' } ;

解像度。 書く ( '' ;

解像度。 書く ( '' ;

解像度。 書く ( '<頭>' ;

解像度。 書く ( '' ;

解像度。 書く ( '' ;

解像度。 書く ( 'Hello World!' ;

解像度。 書く ( '' ;

解像度。 書く ( '<本体>' ;

解像度。 書く (

ハロー、ワールド!

;

解像度。 書く ( '' ;

解像度。 書く ( '' ;

解像度。 終わり ( ;

} ;

// ポート 3000 でリッスンします

httpサーバー。 聞く ( 3000 ( => {

コンソール。 ログ ( 「サーバーはポート 3000 でリッスンしています」 ;

} ;

このコードでは:



  • 「const http = require(‘http’)」は、http モジュールの内容をインポートし、定数変数「http」に格納します。
  • 「const httpServer = http.createServer((req, res) =>」は単純な HTTP サーバーを作成し、テキスト Hello World と基本的な HTML を追加します。createServer メソッドは 2 つの引数を使用してサーバーを作成します。1 つはサーバー上のリクエストで、もう 1 つはサーバー上のリクエストです。 2 つ目は、そのリクエストに対して生成されるレスポンスです。
  • 「httpServer.listen(3000, () =>」はローカル ホストのポート 3000 を指定し、サーバーがアクティブでポート 3000 でリッスンしているというメッセージを端末に記録します。

Node アプリを実行するには、以下に示すように、node コマンドを使用して JS ファイルを実行します。

ノードアプリ。 js

ここで、App.js はファイル名です。







出力



このコードを実行すると、ターミナルに表示されるメッセージは次のようになります。







ここで、サーバー側の出力を検証し、「Hello World」というメッセージが出力されるかどうかを確認する必要があります。



メッセージはサーバー上で正常に印刷され、基本的な HTML を使用してフォントが調整されました。

Node.js: コアモジュール

Node.js のいくつかのモジュールは次のとおりです。

  • http: Node.jsでHTTPサーバーを作成できるようになります
  • 主張する: アサート関数のコレクションは主にテストに役立ちます
  • fs: ファイル操作を処理できるようになります
  • パス: ファイルパスを処理する一連のメソッド
  • プロセス: 現在の Node.js プロセスに関する情報と制御を提供します。
  • あなた: オペレーティング システムに関する情報を提供します
  • クエリ文字列: URL クエリ文字列の解析とフォーマットに使用されるツール
  • URL: このモジュールは、URL 解決と解析のためのツールを提供します

NPM パッケージをインストールするにはどうすればよいですか?

NPM (Node Package Manager) は、Node.js プロジェクトでサードパーティのライブラリやツールを管理および使用するのに役立ちます。 NPM パッケージをインストールするには、以下の手順に従ってください。

ステップ 1: 必要なパッケージをインストールする

Node.js で Web アプリケーションを開発する場合に非常に一般的な Express モジュールをインストールしましょう。 Express をインストールするには、次のコマンドを使用します。

npm インストールエクスプレス

このコマンド ラインは、Express モジュールをプロジェクト フォルダーにインストールします。

ステップ 2: モジュールを Package.json に保存する

NPM は、package.json ファイルを新しい依存関係で自動的に更新します。プロジェクトの依存関係の開発として明示的に保存する場合は、-save-dev または -save フラグを使用します。

npm インストールエクスプレス -- 保存 - dev # 開発依存関係として保存

npm インストールエクスプレス -- save # 本番環境の依存関係として保存します

NPM パッケージが重要な理由

NPM パッケージは、Node.js 開発環境において非常に重要です。考えられる理由は次のとおりです。

  • コードの再利用性: NPM パッケージは、再利用できるコードの記録を保持します。最適化された既製のメソッドを提供することで、開発者の時間を節約します。
  • 依存関係の管理: NPM を使用すると、プロジェクト要件の処理が容易になります。プロジェクト要件のリストは package.json ファイルに含まれているため、プロジェクト要件の使用と共有が簡単になります。
  • コミュニティへの貢献: NPM は、他の人が多くのフリー ソフトウェア パッケージで使用できるように自分の成果を共有する開発者の大きなグループを構築するのに役立ちます。この共同の貢献により、アプリケーションの開発期間が短縮されます。
  • バージョン管理: NPM では、プロジェクトのパッケージ バージョンを書き留めることができます。これにより、必要な変更のスムーズな作業と処理が保証されます。
  • 効率と一貫性: 効率的なパッケージを使用すると、プロジェクトの効率が向上し、開発チーム全体でコードの一貫性を維持できます。

それでおしまい。目的のパッケージをインストールする方法を学習しただけでなく、Node.js 開発環境でこれらのパッケージが必要な理由も理解できました。

Express JS を始めるにはどうすればよいですか?

効率的な Web アプリケーションを作成するには、Express.js フレームワークが使用されます。 「express」モジュールは、Node.js で Web アプリケーションを構築するのに最適です。以下に、このパッケージの使用を開始する手順を示します。

ステップ 1: Express のインストール

Express をインストールするには、ターミナルで次のコマンドを使用します。

npm インストールエクスプレス

Express モジュールがすでにインストールされている場合は、このコマンドでモジュールが更新されます。

ステップ 2: アプリケーションで Express モジュールをテストする

上記の手順により、Express がパッケージ フォルダーにインストールされ、ユーザーは「require」モジュールを次のように使用してコード スクリプトにインポートすることでモジュールを使用できるようになります。

定数 急行 = 必要とする ( '急行'

Express モジュールの機能を使用する簡単なコード スクリプトをテストしてみましょう。

定数 急行 = 必要とする ( '急行' ;

定数 アプリ = 急行 ( ;

アプリ。 得る ( '/' ( 要求、要求 => {

解像度。 送信 ( 「ハローエクスプレス!」 ;

} ;

定数 ポート = 3000 ;

アプリ。 聞く ( ポート、 ( => {

コンソール。 ログ ( `ポート $ でリッスンしているサーバー { ポート } ` ;

} ;

上記のコードでは次のようになります。

  • const Express = require('express') 」は、Express モジュールをインポートし、定数変数「express」に格納します。これにより、このライブラリに関連付けられた関数を使用できるようになります。
  • const app = Express() 」は、エクスプレス アプリケーションを定義するために使用されます。
  • 「app.get('/', (req, res) =>」 Express アプリケーションが応答を送信するためのルートを定義します 「ハローエクスプレス」 エクスプレス申請へ。
  • 3000 ローカルホスト上の「port」という名前の定数変数に指定されます。
  • 「app.listen(ポート, () =>」 ポート 3000 にリスナーを作成し、サーバーが指定されたポートでリッスンしているというメッセージを端末に記録します。

出力

このアプリケーションを実行するには、次のコマンドを使用します。

ノードアプリ。 js

ターミナルの出力は次のように表示されます。

したがって、サーバーはアクティブで、ローカル ホストのポート 3000 をリッスンしています。ブラウザでそのリンクにアクセスすると、出力は次のように表示されます。

Express モジュールのインストール、アプリケーションの作成、サーバー ポートの起動方法については以上です。

Express で静的ファイルをレンダリングするにはどうすればよいですか?

Express では、express.static() 関数は、HTML、CSS、画像などの静的ファイルのレンダリングに使用されます。以下は、Express で静的ファイルをレンダリングするプロセスです。

ステップ 1: プロジェクトを作成する

開始する前に、Express がインストールされていることを確認してください。インストールされていない場合は、次のコマンドを実行できます。

npm インストールエクスプレス -- 保存

このコマンドは、Express モジュールをローカルの node_modules フォルダーにインストールし、package.json ファイル内で更新します。

ステップ 2: 静的ファイルのファイルを作成する

次に、作業ディレクトリにフォルダーを作成します。 public という名前のフォルダーを作成し、レンダリングする静的ファイルを保存します。すべての HTML および CSS 静的ファイルをこのディレクトリに配置してレンダリングします。

ステップ 3: 静的ファイルをレンダリングするための Express のセットアップ

Express.static() メソッドを使用して、ユーザーがレンダリングする静的ファイルのディレクトリを指定します。

ファイルのレンダリングでは 2 つのコード スクリプトが使用されます。1 つはパブリック フォルダーに配置された HTML コードを取得するバックエンド用です。バックエンドに重点を置いているため、HTML コードはシンプルに保たれています。

Node.js スクリプト

定数 急行 = 必要とする ( '急行' ;

定数 アプリ = 急行 ( ;

アプリ。 使用 ( 急行。 静的 ( '公共' ;

定数 ポート = 3000 ;

アプリ。 聞く ( ポート、 ( => {

コンソール。 ログ ( `ポート $ でリッスンしているサーバー { ポート } ` ;

} ;

このコードでは:

  • 「const Express = require('express')」 Express モジュールをスクリプトにインポートして、その機能を使用します。
  • 「const app = Express()」 アプリケーションを起動します
  • 「app.use(express.static(‘public’))」 ファイルをフェッチし、それらを使用してレンダリングするための高速アプリケーションを提供するディレクトリを指定します。
  • 3000 エクスプレスアプリケーションに指定されています。
  • 「:app.listen(ポート, () =>」 サーバーがアクティブであり、メッセージをログに記録することで指定されたポートでリッスンしていることを示します。

HTMLスクリプト

DOCTYPE html >

< htmlのみ = 'で' >

< >

< メタ文字セット = 「UTF-8」 >

< メタ名 = 「ビューポート」 コンテンツ = 「幅=デバイス幅、初期スケール=1.0」 >

< タイトル > 静的 レンダリング例 タイトル >

>

< >

< h1 > Express を使用したレンダリング 静的 ファイル h1 >

>

html >

このコードでは、フロントエンドではなくバックエンドに焦点を当てているため、見出しのみが作成されていますが、必要に応じて機能を追加できます。

出力

次に、次のコードで Node.js スクリプトを実行します。

ノードアプリ。 js

サーバーの準備ができており、ポート 3000 でリッスンしていることを示す次のメッセージが端末に記録されます。

ブラウザでローカル ホスト ポート 3000 を開いて、Express モジュールによってレンダリングされた HTML コード スクリプトを確認します。

Express で静的ファイルをレンダリングする手順はこれですべてです。次に、動的ファイルをレンダリングする方法を見てみましょう。

Express で動的ファイルをレンダリングするには?

ユーザーは、テンプレート エンジンを使用して Express で動的ファイルをレンダリングし、データに基づいて HTML を動的に生成できます。以下で使用されるテンプレートは、動的ファイルをレンダリングするために非常に一般的な EJS (Embedded Javascript) です。

ステップ 1: EJS をインストールする

次のコマンドを使用して、プロジェクト フォルダーに EJS をインストールします。

npm インストール ejs -- 保存

ステップ 2: EJS を使用して Express をセットアップする

Node.js ファイルで EJS テンプレートをビュー エンジンとして設定します。

//App.js

定数 急行 = 必要とする ( '急行' ;

定数 アプリ = 急行 ( ;

定数 ポート = 3000 ;

アプリ。 セット ( 「ビューエンジン」 'いいえ' ;

アプリ。 使用 ( 急行。 静的 ( '公共' ;

アプリ。 得る ( '/ユーザーID' ( 要求、要求 => {

定数 ユーザーID = 必須 パラメータ ID ;

定数 ユーザーデータ = {

ID : ユーザーID、

ユーザー名 : `ユーザー$ { ユーザーID } `、

Eメール : `ユーザー$ { ユーザーID } @例。 `、

} ;

解像度。 与える ( 'ユーザー' { ユーザー : ユーザーデータ } ;

} ;

アプリ。 聞く ( ポート、 ( => {

コンソール。 ログ ( `サーバーはhttpで実行されています : //ローカルホスト:${PORT}`);

} ;

上記のコードによって実行される操作は次のとおりです。

  • 「const Express = require(‘express’)」はノードモジュールからエクスプレスモジュールをインポートします。
  • 「const app =express()」は、Express アプリケーションのインスタンスを作成します。
  • 「app.set(‘view Engine’, ‘ejs’)」は、ファイルを動的にレンダリングするために ejs テンプレートを使用して Express を構成します。
  • 「app.use(express.static(‘public’))」は、Node プロジェクトのパブリック フォルダーに保存されている静的ファイルの提供を有効にします。
  • 「app.get(‘/user/:id’, (req, res) => {…})」は、リクエストをリッスンする ar 引用符を定義します。
  • 「res.render('user', { user: userData })」は、EJS テンプレート ファイルをレンダリングします。
  • 「app.listen(PORT, () => {…})」はポート 3000 でサーバーを起動し、ユーザーは「」と入力できます。 http://localhost:3000/user/123 」をブラウザで表示します。

ステップ 3: EJS テンプレート

プロジェクトディレクトリ内に「views」というディレクトリが作成され、その中にEJSテンプレートファイル「user.ejs」が作成されます。このファイルには、ユーザーがレンダリングしたい動的コンテンツが保持されます。このファイルに次のコードを貼り付けます

DOCTYPE html >

< htmlのみ = 'で' >

< >

< メタ文字セット = 「UTF-8」 >

< メタ名 = 「ビューポート」 コンテンツ = 「幅=デバイス幅、初期スケール=1.0」 >

< タイトル > ユーザープロフィール タイトル >

>

< >

< h1 > ユーザープロフィール h1 >

< p > ユーザーID : <%= ユーザー。 ID %> p >

< p > ユーザー名 : <%= ユーザー。 ユーザー名 %> p >

< p > Eメール : <%= ユーザー。 Eメール %> p >

>

html >

主な目的はファイルのコンテンツを動的にレンダリングすることなので、必要なフロント コードのみが使用されます。

ステップ 4: サーバーを起動する

ユーザーは、次のコード スニペットを使用して Express アプリケーションを開始できるようになります。

ノードアプリ。 js

ここで、App.js はディレクトリ内のファイルの名前です。このコードを実行すると、ターミナルに次のメッセージが表示されます。

これでユーザーはリンクを使用できるようになります http://localhost:3000/user/123 ブラウザでは、コンテンツは次のように動的にレンダリングされます。

Node.js の Express モジュールを使用してファイルのコンテンツを動的にレンダリングする手順はこれですべてです。

結論

この記事では、Node.js を最初から最後まで説明し、多数のイベントに対するノンストップおよびイベントベースの JavaScript 時間で Node.js がどのように動作するかを示します。有名な Web 構築ツールである Express について説明し、NPM や Web サイト上で静的または動的情報を表示する方法についても言及します。この記事ではすべてを詳細に説明していますが、Node.js について学ぶための優れた初心者ガイドです。