TypeScript com Express para desenvolvimento de backend

O TypeScript aprimora a experiência de desenvolvimento ao fornecer verificação de tipo estático, o que pode levar a um código mais robusto e sustentável. Integrar o TypeScript com o Express, uma estrutura web popular para Node.js, combina os benefícios de ambas as ferramentas para desenvolvimento de backend. Este guia descreve como configurar e usar o TypeScript com o Express de forma eficaz.

Configurando o Projeto

Para começar a usar TypeScript com Express, primeiro inicialize um novo projeto Node.js e instale as dependências necessárias. Veja como configurar um novo projeto:

mkdir my-express-app
cd my-express-app
npm init -y
npm install express
npm install --save-dev typescript @types/node @types/express ts-node

Os comandos acima inicializam um novo projeto Node.js, instalam o Express e adicionam o TypeScript junto com definições de tipo para Node.js e Express. O pacote ts-node também é instalado para executar arquivos TypeScript diretamente.

Configurando TypeScript

Crie um arquivo tsconfig.json para configurar o TypeScript. Este arquivo especifica opções do compilador e configurações do projeto. Aqui está uma configuração básica:

{
  "compilerOptions": {
    "target": "ES6",
    "module": "commonjs",
    "strict": true,
    "esModuleInterop": true,
    "skipLibCheck": true,
    "forceConsistentCasingInFileNames": true
  },
  "include": ["src/**/*.ts"],
  "exclude": ["node_modules"]
}

Essa configuração garante que o TypeScript seja compilado no ES6, use módulos CommonJS e inclua todos os arquivos TypeScript no diretório src, excluindo node_modules.

Criando um aplicativo expresso

Crie o arquivo principal do aplicativo. No diretório src, crie um arquivo chamado index.ts com o seguinte conteúdo:

import express, { Request, Response } from 'express';

const app = express();
const port = 3000;

app.get('/', (req: Request, res: Response) => {
  res.send('Hello TypeScript with Express!');
});

app.listen(port, () => {
  console.log(`Server is running at http://localhost:${port}`);
});

Este aplicativo Express simples configura um servidor que responde com "Olá TypeScript com Express!" quando acessado na URL raiz.

Executando o aplicativo

Para executar o aplicativo TypeScript, use ts-node. Adicione um script a package.json para simplificar esse processo:

{
  "scripts": {
    "start": "ts-node src/index.ts"
  }
}

Agora, inicie o servidor com:

npm start

O servidor será executado e poderá ser acessado em http://localhost:3000.

Adicionando definições de tipo

As definições de tipo ajudam o TypeScript a entender os tipos usados ​​em bibliotecas externas. Para Express e Node.js, as definições de tipo são instaladas via:

npm install --save-dev @types/node @types/express

Essas definições de tipo aprimoram a experiência de desenvolvimento ao fornecer preenchimento automático e verificação de tipo para funcionalidades do Express e do Node.js.

Conclusão

Integrar TypeScript com Express fornece uma combinação poderosa para desenvolvimento de backend. A tipagem estática oferecida pelo TypeScript ajuda a capturar erros antecipadamente e melhora a qualidade do código, enquanto o Express fornece uma estrutura robusta para construir aplicativos da web. Com uma configuração e instalação adequadas, desenvolver com TypeScript e Express se torna uma experiência suave e produtiva.