DEV Community

Cover image for Cursus NestJS - Nest JS from scratch
WebeleonFR for Webeleon

Posted on • Updated on

Cursus NestJS - Nest JS from scratch

Installation des dépendances

Pour l'occasion, créons un dossier vide:

mkdir 0-nest-from-scratch
cd 0-nest-from-scratch
Enter fullscreen mode Exit fullscreen mode

Dans un premier temps, il faut initialiser npm.

npm init
Enter fullscreen mode Exit fullscreen mode

Installation des dépendances de développement:

npm i -D @typescript@4.3.5 @types/node
Enter fullscreen mode Exit fullscreen mode

Installation des dépendances:

npm i @nestjs/core @nestjs/common @nestjs/platform-express reflect-metadata
Enter fullscreen mode Exit fullscreen mode

Configuration de Typescript

La première chose à faire dans un projet typescript est de configurer typescript via le fichier tsconfig.json

{
  "include": ["src/**/*"], 
  "compilerOptions": {
    "module": "CommonJS",
    "target": "ES2017",
    "outDir": "dist",
    "experimentalDecorators": true
  }
}
Enter fullscreen mode Exit fullscreen mode

Création d'un module

Une application NestJS, ça commence par un module.
Donc on va créer le fichier src/app.module.ts.

Un module c'est une classe exportée sur laquelle on applique le décorateur @Module qui nous vient de @nestjs/common.

import { Module } from '@nestjs/common';

@Module({})
export class AppModule {}
Enter fullscreen mode Exit fullscreen mode

Création d'un controlleur

C'est bien beau d'avoir un module mais faut-il encore en faire quelque chose.
Et pour cela nous allons créer un controlleur.
Un controlleur c'est une classe exportée sur laquelle on applique le décorateur @Controller importé de @nestjs/common.

import { Controller } from '@nestjs/common';

@Controller()
export class AppController {}
Enter fullscreen mode Exit fullscreen mode

Pour le moment, notre controlleur n'est pas très utile...
Nous allons donc lui ajouter une méthode sayHello qui retournera la string Hello Nest.

import { Controller } from '@nestjs/common';

@Controller()
export class AppController {
  sayHello(): string {
    return 'Hello Nest';
  }
}
Enter fullscreen mode Exit fullscreen mode

Une méthode, c'est bien. Une route, c'est mieux!
Pour transformer la méthode sayHello en routeur http, il suffit de lui appliquer le décorateur @Get()

import { Controller, Get } from '@nestjs/common';

@Controller()
export class AppController {
  @Get()
  sayHello(): string {
    return 'Hello Nest';
  }
}
Enter fullscreen mode Exit fullscreen mode

Pour en finir avec notre super controlleur, ajoutons-le tout simplement dans le module que nous avons créé précédemment.
Ajoutons la classe AppController dans la section controllers des options de notre module.

import { Module } from '@nestjs/common';
import { AppController } from './app.controller';

@Module({
  controllers: [AppController]
})
export class AppModule {}
Enter fullscreen mode Exit fullscreen mode

Un fichier de démarrage: main.ts

Top!
Maintenant que nous avons un module et un controlleur, il va nous falloir démarrer notre application.

Pour réaliser ce miracle, nous allons créer un fichier main.ts qui va se charger de compiler le module et lancer le serveur.
On commence par créer une fonction asynchrone que l'on appellera bootstrap.
Et ensuite on l'execute.

async function bootstrap() {}
bootstrap();
Enter fullscreen mode Exit fullscreen mode

À l'intérieur de la fonction bootstrap, créons une variable app qui va recevoir le résultat awaiter de NestFactory.create() avec notre AppModule en paramètre.

import { NestFactory } from '@nestjs/core';
import { AppModule } from './app.module';

async function bootstrap() {
  const app = await NestFactory.create(AppModule);
}
bootstrap();
Enter fullscreen mode Exit fullscreen mode

Finalement, on await la fonction app.listen() sur le port 3000.

import { NestFactory } from '@nestjs/core';
import { AppModule } from './app.module';

async function bootstrap() {
  const app = await NestFactory.create(AppModule);
  await app.listen(3000)
}
bootstrap()
Enter fullscreen mode Exit fullscreen mode

Il ne reste plus qu'à retourner dans le terminal pour transpiler et tester notre superbe API.

Compiler, lancer et tester

De retour dans le terminal, on peut utiliser la commande tsc installée par typescript pour transpiler dans le dossier dist.

node_modules/.bin/tsc
Enter fullscreen mode Exit fullscreen mode

Une fois la transpilation terminée, on peut lancer notre API via commande:

node dist/main.js
Enter fullscreen mode Exit fullscreen mode

Et pour tester, un petit curl des familles sera du meilleur des goûts.

curl http://localhost:3000
Enter fullscreen mode Exit fullscreen mode

questions?

Je serai heureux de répondre à toutes vos questions en commentaires

☎️Discord Webeleon

🎁Code sur github

Oldest comments (0)