概要
Node.js のミドルウェアの基本から始めましょう。
Node.jsのミドルウェアとは何ですか?
ミドルウェア アプリケーションの要求と応答のサイクルで次のミドルウェア関数に移動することで、オブジェクトの要求、オブジェクトへの応答、および関数の実行を順番に実行するためのアクセスを提供する関数です。また、要求オブジェクトと応答オブジェクトを変更して、検証、要求本体の解析などの操作を実行するためのアクセスも提供します。
Node.js の Body-Parser ミドルウェアとは何ですか?
” ボディパーサー 」は、HTTP POST リクエストを管理するボディ解析ミドルウェアです。 「POST」リクエストは、リソースを作成または変更するためにデータをサーバーに送信します。 「bode-parser」ミドルウェアは、受信したリクエストの本文を JavaScript オブジェクト (アプリケーションのコンテンツ タイプが JSON の場合) および HTML フォーム (MIME タイプが application/x-www-form-urlencoded の場合) として解析します。それが完了したら、それをアプリケーションで使用できます。
body-parser ミドルウェアの基本を理解したら、その使用法に入ってみましょう。
Node.js で Body-parser ミドルウェアを使用する方法
Node.js で body-parser ミドルウェアを使用するには、以下の手順に従います。
- ステップ 1: Node.js プロジェクトを初期化する
- ステップ 2: Body Parser をインストールする
- ステップ 3: Express と EJS をインストールする
- ステップ 4: EJS テンプレートを作成する
- ステップ 5: Body Parser ミドルウェアを使用する
- ステップ 6: Node.js アプリケーションをデプロイする
Node.js プロジェクトの初期化から始めましょう。
ステップ 1: Node.js プロジェクトを初期化する
まず、以下の「」を実行して Node.js プロジェクトを初期化します。 npm (ノード パッケージ マネージャー)」の初期化コマンド:
npm初期化 - そして上記のコマンドでは、「 -そして' フラグは、すべてのクエリに「はい」と答えるために使用されます。
出力には、「 パッケージ.json 次のプロパティのセットを含むファイルが正常に作成されました。
ステップ 2: Body Parser をインストールする
次に、以下の「」を実行して、body-parser パッケージを現在の Node.js アプリケーションにインストールします。 npm ” インストールコマンド:
npm インストール本体 - パーサー以下の出力は、body-parser パッケージが指定された Node.js アプリケーションに正常にインストールされたことを示しています。
ステップ 3: Express と EJS をインストールする
次に、「」をインストールします。 ない (埋め込み JavaScript テンプレート)」ライブラリを Node.js アプリケーションに追加します。 「ejs」は、Node.js で使用される評判の高い JavaScript エンジンで、HTML データをプレーンな JavaScript として受け取ります。
npm インストール ejs「ejs」ライブラリが現在の Node.js アプリケーションに追加されていることがわかります。
さらに、「」をインストールします。 急行 Node.js アプリケーションを迅速かつ簡単に構築するための Web フレームワーク:
npm インストールエクスプレス「express」も Node.js アプリケーションに追加されました。
ステップ 4: EJS テンプレートを作成する
必要なパッケージがすべてインストールされたら、次のコード行を含む「ejs」テンプレートを作成し、「 サンプルフォーム.ejs ' ファイル：
DOCTYPE html >< html >
< 頭 >
< タイトル > 体 - パーサー ミドルウェア タイトル >
頭 >
< 体 >
< 中心 >
< h1 > サンプル日記 h1 >
< フォームアクション = 「セーブデータ」 方法 = '役職' >
< 前 >
< ラベル > タイトル : ラベル >< 入力方式 = '文章' 名前 = 'タイトル' > < br >
< ラベル > 日付 ラベル >< 入力方式 = '日付' 名前 = '日付' >< br >
< ラベル > 日付 ラベル >< 入力方式 = '日付' 名前 = '日付' >< br >
< 入力方式 = '提出する' 価値 = 「日記を提出する」 >< br >
前 >
形状 >
中心 >
体 >
html >
上記のコードの説明は次のとおりです。
- ” <タイトル> ”タグはHTM1ドキュメントのタイトルを指定します。
- ” <中央> 」タグは、コンテンツを Web ページの中央に配置します。
- ” ” タグは、第 1 レベルの見出し要素を挿入します。
- ” <フォーム> ” タグは、ユーザーから情報を収集するフォーム要素を作成します。 「form」要素内に「 アクション ” 属性は、フォーム送信時に実行されるアクションを指定します。 方法 「post」値を持つ「」属性は、データをサーバーに送信します。
- ” <前> ”タグは指定した要素をソースコードと同じ固定フォント幅でページ上に表示します。
- ” <ラベル> ”タグは入力フィールドのラベルを指定します。
- ” <入力> ” type は、” タイプの入力フィールドを追加します。 文章 ”と名前” タイトル ”。
- 次の 2 つの「 」タグは、指定されたタイプと名前の入力フィールドを追加します。
ステップ 5: Body Parser ミドルウェアを使用する
ここで「.js」ファイルを「」という名前で作成します。 インデックス.js 」を作成し、その中の body-parser ミドルウェアを使用して、すべての受信リクエストの本文を解析します。 「.js」ファイルが作成されたら、そのファイル内の次のコード行をコピーします。
定数 ボディパーサー = 必要とする ( 「ボディパーサー」 )定数 急行 = 必要とする ( '急行' )
定数 パス = 必要とする ( 'パス' )
定数 アプリ = 急行 ( )
ポートさせてください = プロセス。 環境 。 ポート || 8080
アプリ。 セット ( 「景色」 、 パス。 参加する ( __ディレクトリ名 ) )
アプリ。 セット ( 「ビューエンジン」 、 'いいえ' )
アプリ。 使用 ( ボディパーサー。 URLコード化された ( { 延長された : 真実 } ) )
アプリ。 使用 ( ボディパーサー。 json ( ) )
アプリ。 得る ( 「/」 、 関数 ( 要求、要求 ) {
解像度。 与える ( 「サンプルフォーム」 )
} ) ;
アプリ。 役職 ( '/saveData' 、 ( 要求、要求 ) => {
コンソール。 ログ ( 「ボディパーサーの使用:」 、必須 体 )
} )
アプリ。 聞く ( ポート、機能 ( エラー ) {
もし ( エラー ) 投げる エラー
コンソール。 ログ ( 「サーバーはPORT上に作成されました」 、 ポート )
} )
上記のコード行の説明を以下に示します。
- まず、「 必要とする（） 」メソッドは、現在の Node.js アプリケーションに「body-parser」、「express」、および「path」モジュールをインポートします。
- 次に、「」を使用して高速アプリケーションのインスタンスを作成します。 急行（） 」コンストラクター。
- その後、「 プロセス.env 「」プロパティはデフォルトでローカルサーバーを実行します。 ポート ”。デフォルトのポートが使用中の場合、サーバーは指定されたポートで実行されます。 8080 ”。
- 次に、指定されたミドルウェアを使用してビュー エンジンをセットアップします。「ビュー」はすべての Web ページが保存されているフォルダーを示し、「 path.join() 」メソッドは、現在のディレクトリのパス セグメントを結合し、単一のパスを作成します。
- すべてが完了したら、「 app.use() ” メソッドは、指定された” ボディパーサー 」ミドルウェアを指定されたパスに配置します。このボディパーサーミドルウェアは「 URLコード化された 」パーサーは、「content-type」ヘッダーが「type」オプションと一致する「urlencoded」本文のみを解析します。
- 2 番目の「ボディパーサー」は「 JSON 」パーサーを使用して、受信リクエストの本文をキー/値形式の JSON オブジェクトとして解析します。
- ” app.get() ” メソッドは、指定されたパスに HTTP 'GET' リクエストを送信し、' 要求 （リクエスト）」、および「 レス （応答）」パラメータを設定します。
- コールバック関数内では、「 res.render() 」メソッドは、指定されたコールバック関数が実行されるときに応答をレンダリングします。
- 「app.post()」メソッドは、URL 内のデータを表示しないため、より安全な HTTP 「POST」リクエストを送信します。また、「」を使用するコールバック関数も定義します。 必須本文 」を使用して入力フィールドからデータを取得します。
- 最後に、「 app.listen() 」メソッドは、指定されたポートに接続を構築し、コールバック関数を定義します。この機能では、「 もし ” ステートメントは、プログラムの実行中に発生するとエラーをスローします。 console.log() 」とコンソールに確認文が表示されます。
ステップ 6: Node.js アプリケーションをデプロイする
最後に、「」を使用して Node.js アプリケーションをデプロイします。 ノード ” キーワードを次のように入力します。
ノードインデックス。 js
上記のコマンドを実行すると、指定したポートにサーバーが正常に作成されたことを示す確認メッセージが表示されます。
今すぐ次の URL にアクセスしてください http://localhost:8080 サンプル日記を参照してください。 「サンプル日記」Web ページですべての入力フィールドに入力し、「」をクリックします。 日記を提出する 」ボタンを押してコンテンツを保存します。
情報を送信すると、端末は「サンプル日記」で使用されている HTML 要素のすべての本文を JSON オブジェクトとして自動的に表示することがわかります。
Node.js での body-parser ミドルウェアの使用については以上です。
結論
「」を使用するには ボディパーサー ” Node.js では、” URLコード化された ' そしてその ' JSON 」すべての受信リクエストの本文を解析し、JSON オブジェクトとして表示するパーサー。 「POST」リクエストの本文を処理し、それを解析して、HTML ドキュメントで使用されているすべての要素のコンテンツを取得します。これは、受信 HTTP リクエスト本文によって送信された日付を処理するためのシンプルかつ簡単な方法を提供します。この投稿では、Node.js での body-parser ミドルウェアの使用法を実際に示しました。