Como usar o TypeScript com seu projeto Node.js

O TypeScript é útil para criar aplicativos complexos e arquiteturas robustas, como microsserviços. É claro que o TypeScript não pode fazer nada que o JavaScript não possa, mas pode tornar projetos complexos mais gerenciáveis. A tipagem estrita do TypeScript e o suporte para interfaces significam que ele é ótimo para programação orientada a objetos. Vimos muitas empresas recorrerem ao TypeScript para codificar seu back-end.

Não há melhor momento para começar a usar o TypeScript em seu projeto Node.js do que agora. Mas como você pode configurá-lo para seu projeto Node.js? Você vai descobrir neste artigo.

O que é TypeScript?

TypeScript é uma versão compilada e estritamente tipada do JavaScript desenvolvida e mantida pela Microsoft. O código TypeScript é transpilado para JavaScript.

A natureza de digitação estrita do TypeScript ajuda os desenvolvedores a evitar bugs em seu código. Ele compilará apenas o código que satisfaça as regras de seus tipos de dados especificados. Isso torna o código TypeScript mais robusto do que sua contraparte JavaScript pura.

Ele também suporta programação funcional e orientada a objetos. Todos esses recursos o tornam altamente escalável e adequado para o desenvolvimento de aplicativos complexos.

Como configurar o TypeScript no Node. JS

Você terá que obter algumas configurações aqui e ali para começar a usar o TypeScript com seu projeto Node.js. Mas não se preocupe, é fácil.

No entanto, certifique-se de que instale o pacote npm do Node.js antes de proceder.

Inicialize um arquivo package.json

Abra seu terminal e crie uma pasta de projeto. Em seguida, insira este novo diretório e inicialize um projeto Node.js:

npm init

O comando acima cria um pacote.json arquivo para armazenar suas dependências.

Instalar TypeScript e outras dependências

Em seguida, vá em frente e instale o TypeScript em seu projeto Node.js:

npm i -D texto datilografado

o -D palavra-chave garante que o TypeScript seja instalado como parte do devDependencies dentro pacote.json.

Você também terá que instalar @tipos/expresso, uma definição de TypeScript para Express.js:

npm instalar -D @types/express

A seguir, inicialize um tsconfig.json Arquivo. Isso detalha as opções do compilador base para seu projeto:

npx tsc --iniciar

O comando acima cria um tsconfig.json arquivo na pasta raiz do seu projeto.

Além disso, instale o Express.js. Você pode ignorar isso se pretende apenas gerenciar servidores com primitivos HTTP integrados do Node.js. Mas o Express.js facilita isso:

npm instalar expressar

A seguir, instale nómon, um pacote que reinicia seu servidor automaticamente sempre que houver alterações em seu código. Certifique-se de instalar isso globalmente para que funcione:

npm instalar -g nodemon

Configurar TypeScript com Node. JS

Abra o tsconfig.json arquivo que você inicializou anteriormente usando seu editor de código escolhido. Pode haver muito neste arquivo. Embora você possa configurar este arquivo em sua forma atual, você pode substituir todo o seu conteúdo pelo abaixo para torná-lo mais simples.

Aqui está tudo que você precisa em tsconfig.json Para começar:

{
"Opções do compilador": {
"módulo": "commonjs",
"esModuleInterop": verdadeiro,
"alvo": "es6",
"móduloResolução": "nó",
"mapa de origem": verdadeiro,
"outDir": "distância" //Especifica o diretório do transpilador. 
 },
"lib": ["es2015"]
}

Agora, abra pacote.json. Veja como está atualmente após a instalação do TypeScript e do Express:

Em seguida, adicione as seguintes configurações ao roteiros variedade:

"roteiros": {
"teste": "eco \"Erro: nenhum teste especificado\"&& saída 1",
"construir": "npx tsc",
"começar": "nó ./dist/app.js",
"distância": "tsc -p.",
 "dev": "nodemon ./src/app.ts", //Substituir esta com o correto diretóriocaminhopor app.ts dentro sua caso
"tipo": "módulo"
}

A configuração acima aponta seu servidor para iniciar app.js, o transpilador. Não se preocupe, este é um arquivo padrão que será criado automaticamente em um distância pasta quando você executa o construir roteiro. Você vai fazer isso mais tarde na linha.

A configuração então especifica o script de desenvolvimento primário como app.ts.

Portanto, quando você inicia o ambiente de desenvolvimento, nómon corre app.ts. O Node.js então compila isso em JavaScript dentro app.js—que se comunica com o servidor HTTP.

A seguir, crie um src pasta no diretório raiz do seu projeto. Dentro desta pasta, crie um arquivo TypeScript vazio e nomeie-o app.ts.

Crie o Diretório do Transpiler

O transpilador é um arquivo JavaScript que compila o código TypeScript em JavaScript nativo. Portanto, isso garante que o servidor possa se relacionar com seu código como JavaScript em vez do script estritamente tipado.

Assim, enquanto o TypeScript lida com a estrutura do código, o arquivo transpiler a compila em JavaScript.

Agora execute o construir roteiro para criar o distância diretório do transpiler automaticamente:

npm executar compilação

O comando acima compila seu código TypeScript em JavaScript. A pasta criada contém dois arquivos; app.js e app.js.map.

Aberto pacote.json novamente. Você verá uma chave na matriz chamada a Principal. Você pode ver que seu valor aponta para index.js. Substitua isso pelo app.js (transpilador) diretório de arquivos:

"a Principal": "./dist/app.js",

Após a formatação, pacote.json deve ficar assim:

Isso é tudo para a parte de configurações.

Criar e executar uma solicitação HTTP

Agora tente criar e executar uma solicitação HTTP por meio do servidor Express.js para ver se seu código compila como deveria.

Dentro app.ts:

importar expresso, {Solicitação, Resposta} a partir de 'expressar'
const aplicativo = expresso()
app.get('/', async (req: Request, res: Response)=>{
 console.log('Olá Mundo')
 res.send('Olá Mundo')
})
const porta = 8080
app.listen (porta, (): vazio=>{
console.registro(`App está ouvindo em http://localhost:${porta}`)
})

Em seguida, abra a linha de comando para o diretório raiz do seu projeto e execute o desenvolvedor script para iniciar seu projeto:

npm executar dev

Abra seu navegador e vá para localhost: 8080, e você verá a resposta (Olá Mundo). Você também verá isso no terminal se tiver aplicado o console.log comando como fizemos no exemplo acima.

TypeScript tem perspectivas de alta demanda

Quase não há muita diferença entre TypeScript e JavaScript. Mas o primeiro facilita o desenvolvimento com a adição de tipagem estrita.

TypeScript é uma linguagem valiosa em frameworks de front-end como Angular, e não podemos negar seu desempenho e escalabilidade. Está se tornando mais popular e as perspectivas de emprego para desenvolvedores de TypeScript continuam aumentando.

Uma introdução ao Angular

Leia a seguir

Sobre o autor