How to construct DTO in Nest.js for @Body












2















I am a beginner in Nest.js and I found it extremely good. I read the official docs and learned about DTOs. When My Body is like this:






{
"username" : "username",
"password" : "password"
}





then I can simply create user.dto.ts like this:






import { IsNotEmpty } from 'class-validator';

export class UserDTO {
@IsNotEmpty()
username: string;
@IsNotEmpty()
password: string;
}





Then I use this in my controller like this.






  @Post('login')
@UsePipes(new ValidationPipe())
login(@Body() data: UserDTO) {
return this.userService.login(data);
}





But my question is what if my Body is something like this.






{
"data": {
"username": "username",
"password": "password",
}
}





then what modifications I need to make in my ```user.dto.ts`` file to make it work? Thanks










share|improve this question



























    2















    I am a beginner in Nest.js and I found it extremely good. I read the official docs and learned about DTOs. When My Body is like this:






    {
    "username" : "username",
    "password" : "password"
    }





    then I can simply create user.dto.ts like this:






    import { IsNotEmpty } from 'class-validator';

    export class UserDTO {
    @IsNotEmpty()
    username: string;
    @IsNotEmpty()
    password: string;
    }





    Then I use this in my controller like this.






      @Post('login')
    @UsePipes(new ValidationPipe())
    login(@Body() data: UserDTO) {
    return this.userService.login(data);
    }





    But my question is what if my Body is something like this.






    {
    "data": {
    "username": "username",
    "password": "password",
    }
    }





    then what modifications I need to make in my ```user.dto.ts`` file to make it work? Thanks










    share|improve this question

























      2












      2








      2


      1






      I am a beginner in Nest.js and I found it extremely good. I read the official docs and learned about DTOs. When My Body is like this:






      {
      "username" : "username",
      "password" : "password"
      }





      then I can simply create user.dto.ts like this:






      import { IsNotEmpty } from 'class-validator';

      export class UserDTO {
      @IsNotEmpty()
      username: string;
      @IsNotEmpty()
      password: string;
      }





      Then I use this in my controller like this.






        @Post('login')
      @UsePipes(new ValidationPipe())
      login(@Body() data: UserDTO) {
      return this.userService.login(data);
      }





      But my question is what if my Body is something like this.






      {
      "data": {
      "username": "username",
      "password": "password",
      }
      }





      then what modifications I need to make in my ```user.dto.ts`` file to make it work? Thanks










      share|improve this question














      I am a beginner in Nest.js and I found it extremely good. I read the official docs and learned about DTOs. When My Body is like this:






      {
      "username" : "username",
      "password" : "password"
      }





      then I can simply create user.dto.ts like this:






      import { IsNotEmpty } from 'class-validator';

      export class UserDTO {
      @IsNotEmpty()
      username: string;
      @IsNotEmpty()
      password: string;
      }





      Then I use this in my controller like this.






        @Post('login')
      @UsePipes(new ValidationPipe())
      login(@Body() data: UserDTO) {
      return this.userService.login(data);
      }





      But my question is what if my Body is something like this.






      {
      "data": {
      "username": "username",
      "password": "password",
      }
      }





      then what modifications I need to make in my ```user.dto.ts`` file to make it work? Thanks






      {
      "username" : "username",
      "password" : "password"
      }





      {
      "username" : "username",
      "password" : "password"
      }





      import { IsNotEmpty } from 'class-validator';

      export class UserDTO {
      @IsNotEmpty()
      username: string;
      @IsNotEmpty()
      password: string;
      }





      import { IsNotEmpty } from 'class-validator';

      export class UserDTO {
      @IsNotEmpty()
      username: string;
      @IsNotEmpty()
      password: string;
      }





        @Post('login')
      @UsePipes(new ValidationPipe())
      login(@Body() data: UserDTO) {
      return this.userService.login(data);
      }





        @Post('login')
      @UsePipes(new ValidationPipe())
      login(@Body() data: UserDTO) {
      return this.userService.login(data);
      }





      {
      "data": {
      "username": "username",
      "password": "password",
      }
      }





      {
      "data": {
      "username": "username",
      "password": "password",
      }
      }






      javascript nestjs typeorm






      share|improve this question













      share|improve this question











      share|improve this question




      share|improve this question










      asked Nov 25 '18 at 23:46









      Usama TahirUsama Tahir

      313112




      313112
























          2 Answers
          2






          active

          oldest

          votes


















          4














          The answer is: You don't need to modify your DTO.



          @Body() decorator also takes in an optional argument: @Body(path?: string).



          The key here is to understand what @Body() does. @Body() without any argument will return req.body object. @Body('path') will return req.body.path (or req.body['path']. With this knowledge, you can pass 'data' in @Body('data') and it will return req.body.data which will be your DTO.



          @Post('login')
          @UsePipes(new ValidationPipe())
          login(@Body('data') data: UserDTO) {
          // data will be your req.body.data which is your UserDTO
          return this.userService.login(data);
          }





          share|improve this answer































            0














            You may create a wrapper class that would carry your dto such as



            export class Data<T> {

            @ApiModelProperty()
            readonly data: T;

            constructor(data: any = {}) {
            this.data = data;
            }
            }


            and in your controller you will have



            @Post('login')
            @UsePipes(new ValidationPipe())
            login(@Body() data: Data<UserDTO>) {
            return this.userService.login(data);
            }


            in your service you will do something like



            return new Data(this.userDto);





            share|improve this answer























              Your Answer






              StackExchange.ifUsing("editor", function () {
              StackExchange.using("externalEditor", function () {
              StackExchange.using("snippets", function () {
              StackExchange.snippets.init();
              });
              });
              }, "code-snippets");

              StackExchange.ready(function() {
              var channelOptions = {
              tags: "".split(" "),
              id: "1"
              };
              initTagRenderer("".split(" "), "".split(" "), channelOptions);

              StackExchange.using("externalEditor", function() {
              // Have to fire editor after snippets, if snippets enabled
              if (StackExchange.settings.snippets.snippetsEnabled) {
              StackExchange.using("snippets", function() {
              createEditor();
              });
              }
              else {
              createEditor();
              }
              });

              function createEditor() {
              StackExchange.prepareEditor({
              heartbeatType: 'answer',
              autoActivateHeartbeat: false,
              convertImagesToLinks: true,
              noModals: true,
              showLowRepImageUploadWarning: true,
              reputationToPostImages: 10,
              bindNavPrevention: true,
              postfix: "",
              imageUploader: {
              brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
              contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
              allowUrls: true
              },
              onDemand: true,
              discardSelector: ".discard-answer"
              ,immediatelyShowMarkdownHelp:true
              });


              }
              });














              draft saved

              draft discarded


















              StackExchange.ready(
              function () {
              StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53473153%2fhow-to-construct-dto-in-nest-js-for-body%23new-answer', 'question_page');
              }
              );

              Post as a guest















              Required, but never shown

























              2 Answers
              2






              active

              oldest

              votes








              2 Answers
              2






              active

              oldest

              votes









              active

              oldest

              votes






              active

              oldest

              votes









              4














              The answer is: You don't need to modify your DTO.



              @Body() decorator also takes in an optional argument: @Body(path?: string).



              The key here is to understand what @Body() does. @Body() without any argument will return req.body object. @Body('path') will return req.body.path (or req.body['path']. With this knowledge, you can pass 'data' in @Body('data') and it will return req.body.data which will be your DTO.



              @Post('login')
              @UsePipes(new ValidationPipe())
              login(@Body('data') data: UserDTO) {
              // data will be your req.body.data which is your UserDTO
              return this.userService.login(data);
              }





              share|improve this answer




























                4














                The answer is: You don't need to modify your DTO.



                @Body() decorator also takes in an optional argument: @Body(path?: string).



                The key here is to understand what @Body() does. @Body() without any argument will return req.body object. @Body('path') will return req.body.path (or req.body['path']. With this knowledge, you can pass 'data' in @Body('data') and it will return req.body.data which will be your DTO.



                @Post('login')
                @UsePipes(new ValidationPipe())
                login(@Body('data') data: UserDTO) {
                // data will be your req.body.data which is your UserDTO
                return this.userService.login(data);
                }





                share|improve this answer


























                  4












                  4








                  4







                  The answer is: You don't need to modify your DTO.



                  @Body() decorator also takes in an optional argument: @Body(path?: string).



                  The key here is to understand what @Body() does. @Body() without any argument will return req.body object. @Body('path') will return req.body.path (or req.body['path']. With this knowledge, you can pass 'data' in @Body('data') and it will return req.body.data which will be your DTO.



                  @Post('login')
                  @UsePipes(new ValidationPipe())
                  login(@Body('data') data: UserDTO) {
                  // data will be your req.body.data which is your UserDTO
                  return this.userService.login(data);
                  }





                  share|improve this answer













                  The answer is: You don't need to modify your DTO.



                  @Body() decorator also takes in an optional argument: @Body(path?: string).



                  The key here is to understand what @Body() does. @Body() without any argument will return req.body object. @Body('path') will return req.body.path (or req.body['path']. With this knowledge, you can pass 'data' in @Body('data') and it will return req.body.data which will be your DTO.



                  @Post('login')
                  @UsePipes(new ValidationPipe())
                  login(@Body('data') data: UserDTO) {
                  // data will be your req.body.data which is your UserDTO
                  return this.userService.login(data);
                  }






                  share|improve this answer












                  share|improve this answer



                  share|improve this answer










                  answered Nov 26 '18 at 4:03









                  Chau TranChau Tran

                  1,3311423




                  1,3311423

























                      0














                      You may create a wrapper class that would carry your dto such as



                      export class Data<T> {

                      @ApiModelProperty()
                      readonly data: T;

                      constructor(data: any = {}) {
                      this.data = data;
                      }
                      }


                      and in your controller you will have



                      @Post('login')
                      @UsePipes(new ValidationPipe())
                      login(@Body() data: Data<UserDTO>) {
                      return this.userService.login(data);
                      }


                      in your service you will do something like



                      return new Data(this.userDto);





                      share|improve this answer




























                        0














                        You may create a wrapper class that would carry your dto such as



                        export class Data<T> {

                        @ApiModelProperty()
                        readonly data: T;

                        constructor(data: any = {}) {
                        this.data = data;
                        }
                        }


                        and in your controller you will have



                        @Post('login')
                        @UsePipes(new ValidationPipe())
                        login(@Body() data: Data<UserDTO>) {
                        return this.userService.login(data);
                        }


                        in your service you will do something like



                        return new Data(this.userDto);





                        share|improve this answer


























                          0












                          0








                          0







                          You may create a wrapper class that would carry your dto such as



                          export class Data<T> {

                          @ApiModelProperty()
                          readonly data: T;

                          constructor(data: any = {}) {
                          this.data = data;
                          }
                          }


                          and in your controller you will have



                          @Post('login')
                          @UsePipes(new ValidationPipe())
                          login(@Body() data: Data<UserDTO>) {
                          return this.userService.login(data);
                          }


                          in your service you will do something like



                          return new Data(this.userDto);





                          share|improve this answer













                          You may create a wrapper class that would carry your dto such as



                          export class Data<T> {

                          @ApiModelProperty()
                          readonly data: T;

                          constructor(data: any = {}) {
                          this.data = data;
                          }
                          }


                          and in your controller you will have



                          @Post('login')
                          @UsePipes(new ValidationPipe())
                          login(@Body() data: Data<UserDTO>) {
                          return this.userService.login(data);
                          }


                          in your service you will do something like



                          return new Data(this.userDto);






                          share|improve this answer












                          share|improve this answer



                          share|improve this answer










                          answered Nov 26 '18 at 15:35









                          kyserslickkyserslick

                          146116




                          146116






























                              draft saved

                              draft discarded




















































                              Thanks for contributing an answer to Stack Overflow!


                              • Please be sure to answer the question. Provide details and share your research!

                              But avoid



                              • Asking for help, clarification, or responding to other answers.

                              • Making statements based on opinion; back them up with references or personal experience.


                              To learn more, see our tips on writing great answers.




                              draft saved


                              draft discarded














                              StackExchange.ready(
                              function () {
                              StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53473153%2fhow-to-construct-dto-in-nest-js-for-body%23new-answer', 'question_page');
                              }
                              );

                              Post as a guest















                              Required, but never shown





















































                              Required, but never shown














                              Required, but never shown












                              Required, but never shown







                              Required, but never shown

































                              Required, but never shown














                              Required, but never shown












                              Required, but never shown







                              Required, but never shown







                              Popular posts from this blog

                              Create new schema in PostgreSQL using DBeaver

                              Deepest pit of an array with Javascript: test on Codility

                              Costa Masnaga