Criando um "Hello World" com Express e TypeScript
Se você é novo no mundo do desenvolvimento web, é provável que já tenha ouvido falar sobre TypeScript e Express.js. TypeScript é um superconjunto tipado de JavaScript que traz mais segurança e escalabilidade ao código JavaScript, enquanto o Express.js é um framework popular para construir aplicativos web e APIs com Node.js. Neste tutorial, vamos criar um simples “Hello World” usando essas duas tecnologias.
Pré-requisitos
Antes de começarmos, certifique-se de ter o Node.js e o npm instalados em seu sistema. Você pode fazer o download e instalar a versão mais recente do Node.js em nodejs.org.
Passo 1: Configurando o ambiente de desenvolvimento
Primeiro, vamos criar um novo diretório para o nosso projeto e navegar até ele:
Em seguida, inicialize um novo projeto Node.js executando o seguinte comando:
Este comando cria um arquivo ‘package.json‘ com as configurações padrão para o seu projeto.
Passo 2: Instalando as dependências
Agora, precisamos instalar as dependências necessárias para o nosso projeto, incluindo o Express.js e o TypeScript. Execute o seguinte comando para instalar essas dependências:
Express.js: É o framework que usaremos para lidar com as rotas e as requisições HTTP.
TypeScript: É a linguagem que usaremos para escrever nosso código.
@types/express: São as definições de tipo para o Express.js, permitindo-nos escrever código TypeScript compatível com o Express.
Passo 3: Configurando o TypeScript
Vamos criar um arquivo de configuração para o TypeScript chamado ‘tsconfig.json‘. Este arquivo contém as opções de configuração para o compilador TypeScript. Execute o seguinte comando para criar este arquivo:
Em seguida, abra o arquivo ‘tsconfig.json‘ e faça as seguintes alterações:
Essas opções configuram o TypeScript para compilar nosso código para o diretório ‘dist‘ e habilitam verificações estritas de tipos.
Passo 4: Escrevendo o código
Agora é hora de escrever nosso código. Crie um arquivo chamado index.ts na raiz do seu projeto e adicione o seguinte código:
Este código cria um servidor Express que escuta na porta 3000 e responde com “Hello World!” quando acessamos a rota raiz (‘/’).
Passo 5: Compilando e executando o código
Agora que nosso código está escrito, precisamos compilá-lo para JavaScript e executá-lo. Execute o seguinte comando para compilar o código TypeScript:
Isso irá compilar o código TypeScript em JavaScript e colocá-lo no diretório dist.
Finalmente, execute o seguinte comando para iniciar o servidor:
Agora você pode abrir seu navegador e acessar ‘http://localhost:3000‘ para ver o “Hello World!” sendo exibido.
Conclusão
Neste tutorial, você aprendeu como criar um simples “Hello World” usando TypeScript e Express.js. Você configurou o ambiente de desenvolvimento, instalou as dependências necessárias, configurou o TypeScript, escreveu o código e executou o servidor. Este é apenas o começo, e você pode expandir este projeto adicionando mais funcionalidades conforme o que for aprendendo sobre API’s.