+」という名前のフォルダーを作成して移動します。+`という新しいファイルを作成し、テキストエディターを使用してそれを開き、次のコンテンツを追加します。+`としてマークされています。編集が終了したら、ファイルを保存して終了します。この手順では、データベースのデータベーススキーマ、インターフェイス、およびデータベースに保存するデータのデータ転送オブジェクトを作成しました。次に、ブログ用のモジュール、コントローラー、およびサービスを生成します。ステップ4-ブログ用のモジュール、コントローラー、およびサービスの作成このステップでは、ブログ用のモジュールを作成して、アプリケーションの既存の構造を改善します。このモジュールは、アプリケーションのファイル構造を整理します。次に、ルートを処理し、クライアントからのHTTPリクエストを処理するコントローラーを作成します。最後に、アプリケーションのコントローラーが処理するには複雑すぎるビジネスロジックをすべて処理するサービスを設定します。モジュールの生成AngularフロントエンドWebフレームワークと同様に、Nest.jsはモジュラー構文を使用します。Nest.jsアプリケーションにはモジュール設計があります。単一のルートモジュールがインストールされているため、小規模なアプリケーションには十分です。アプリケーションが成長し始めると、Nest.jsはコードを関連機能に分割する複数モジュールの組織を推奨します。`などのプロパティを持つオブジェクトを受け取ります。+」の配列を取ります。構造をより整理するために、このブログアプリケーション用の新しいモジュールを生成します。module次のような出力が表示されます。+`という名前の新しいモジュールを生成し、新しく作成されたモジュールをアプリケーションのルートモジュールにインポートしました。これにより、Nest.jsはルートモジュール以外の別のモジュールを認識することができます。このファイルには、次のコードが表示されます。+`を必要なプロパティで更新します。ファイルを保存して終了します。サービスの生成Nest.jsでプロバイダーとも呼ばれる_service_は、HTTP要求のみを処理し、より複雑なタスクをサービスにリダイレクトすることを目的としたコントローラーからロジックを削除するように設計されました。Injectable()+`デコレータが付いたプレーンなJavaScriptクラスです。新しいサービスを生成するには、プロジェクトディレクトリ内にいる間にターミナルから次のコマンドを実行します。service次のような出力が表示されます。`ファイルを作成しました。+」ファイルを作成しました。新しく作成されたサービスを自動的にインポートし、blog.module.tsに追加しました。サービスは、アプリケーション内のすべてのロジックを処理し、データベースとの対話を担当し、適切な応答をコントローラーに返します。+`ファイルを開き、内容を次のように置き換えます。`からインポートしました。+」というデータ転送オブジェクトをインポートしました。`)`を追加しました。`モデルが挿入されます。これで、この注入されたモデルを使用して、すべての投稿を取得し、単一の投稿を取得し、他のデータベース関連のアクティビティを実行できます。次に、次のメソッドを作成しました。getPosts()+:データベースからすべての投稿を取得します。getPost()+:データベースから単一の投稿を取得します。addPost()+:新しい投稿を追加します。editPost()+:単一の投稿を更新します。deletePost()+:特定の投稿を削除します。完了したら、ファイルを保存して終了します。バックエンドAPIからMongoDBデータベースとの適切な対話を処理するいくつかのメソッドのセットアップと作成が完了しました。次に、フロントエンドクライアントからのHTTP呼び出しを処理する必要なルートを作成します。js、_controllers_は、アプリケーションのクライアント側からの着信要求を処理し、適切な応答を返す責任があります。他のほとんどのWebフレームワークと同様に、アプリケーションがリクエストをリッスンし、それに応答することが重要です。`コマンドを利用して新しいコントローラーファイルを生成します。`+`にいることを確認し、次のコマンドを実行します。controller次のような出力が表示されます。`ディレクトリ内に2つの新しいファイルを作成したことを示しています。前者は、新しく作成されたコントローラーの自動テストを作成するために使用できるファイルです。後者はコントローラーファイル自体です。+`メタデータで装飾されたTypeScriptファイルです。このコマンドは、新しく作成されたコントローラーもインポートし、ブログモジュールに追加しました。+`ファイルを開き、次の内容で更新します。`モジュールからのHTTPリクエストを処理するために必要なモジュールをインポートしました。」をインポートしました。+`ファイル内で既に定義されている関数にアクセスして利用するようにしました。injection_と見なされるパターンです。最後に、次の非同期メソッドを作成しました。GETリクエストを受信する機能を実行して、データベースからすべての投稿を取得し、適切な応答を返します。`)`で装飾されています。`を取り、データベースから単一の投稿を取得します。ValidateObjectId()`という名前の追加メソッドが追加されたことに気付きました。`インターフェースを実装します。+`パラメータが見つかることを検証して保証することです。このメソッドは次のセクションで定義します。HTTPリクエストを処理します。`ファイルにさらに2つのメソッドを追加する必要があります。deletePost()+`メソッドを含めます。`のクエリパラメータを受け入れ、単一の投稿を更新する機能を実行します。+`メソッドを使用して、編集する必要のある投稿に適切な検証を提供しました。+`のクエリパラメータを受け入れ、データベースから特定の投稿を削除します。+`と同様に、ここで定義した各非同期メソッドにはメタデータデコレータがあり、Nest.jsがルーティングメカニズムとして使用するプレフィックスを受け取ります。どのコントローラーがどのリクエストを受信するかを制御し、リクエストを処理してレスポンスを返すメソッドをそれぞれポイントします。+`のプレフィックスを受け取ります。getPosts()+`メソッドによって処理されることを意味します。この例は、他のメソッドがHTTP要求を処理する方法に似ています。ファイルを保存して終了します。+`ファイルについては、https://github.com/do-community/nest-vue-project/blob/master/blog-backend/src/blog/blog.blog.controller.tsにアクセスしてください。このアプリケーションの[DOコミュニティリポジトリ]。このセクションでは、アプリケーションをより整理した状態に保つためのモジュールを作成しました。データベースと対話して適切な応答を返すことにより、アプリケーションのビジネスロジックを処理するサービスを作成しました。+」などのHTTPリクエストを処理するために必要なメソッドを作成しました。次のステップでは、バックエンドのセットアップを完了します。」とも呼ばれる一意のIDで識別できます。投稿を取得するには、このIDをクエリパラメータとして渡す必要があります。+`内の任意のメソッドから初期化できる再利用可能な関数を作成する必要があります。+`という名前の新しいフォルダーを作成します。`という新しいファイルを作成して開きます。+`データを定義します。`メソッドを実装します。transform()`という名前の単一のメソッドがあります。+」を持つこのアプリケーションのフロントエンドからのHTTPリクエストは無効と見なされます。ファイルを保存して閉じます。Of`モデルを設定する必要があります。」でモデルを構築するとアプリケーションの組織が維持されます。+`を開き、次の強調表示された行で更新します。MongooseModule.forFeature()`メソッドを使用して、モジュールに登録するモデルを定義します。+`を挿入できません。コンテンツの追加が終了したら、ファイルを保存して閉じます。APIを作成し、MongoDBと統合しました。次のセクションでは、フロントエンドアプリケーションが別のポートで実行されるため、別のサーバーからのHTTPリクエストを許可するようにサーバーを構成します。ステップ6-CORSを有効にする1つのドメインから別のドメインへのHTTP要求は、サーバーによって許可されるように指定されている場合を除き、多くの場合デフォルトでブロックされます。sharing(CORS)を有効にする必要があります。これは、Webページ上の制限されたリソースの要求を許可する手法です。`ファイルに追加する必要があります。+`にあるテキストエディターでこのファイルを開き、次の強調表示されたコンテンツで更新します。app.listen(3000);}bootstrap();ファイルを保存して終了します。バックエンドのセットアップが完了したので、フロントエンドに焦点を移し、Vue.jsを使用して、これまでに構築されたAPIを使用します。ステップ7-Vue.jsフロントエンドの作成このセクションでは、Vue.jsを使用してフロントエンドアプリケーションを作成します。CLIは、手間をかけずに新しいVue.jsプロジェクトを迅速に生成およびインストールできる標準ツールです。CLIをマシンにグローバルにインストールする必要があります。`++`フォルダーから作業する代わりに、ローカルプロジェクトの開発フォルダーに移動して実行します。+」コマンドを使用して新しいVue.jsプロジェクトを作成します。createこのコマンドを入力すると、短いプロンプトが表示されます。」を押して複数の機能を強調表示して、このプロジェクトに必要な機能を選択します。Formatter」を選択します。これにより、ルーターファイル内で履歴モードが有効になり、このプロジェクト用に自動的に生成されます。