{"id":67026,"date":"2024-02-14T13:46:45","date_gmt":"2024-02-14T16:46:45","guid":{"rendered":"https:\/\/kinsta.com\/pt\/?p=67026&preview=true&preview_id=67026"},"modified":"2024-02-20T08:38:57","modified_gmt":"2024-02-20T11:38:57","slug":"express-typescript","status":"publish","type":"post","link":"https:\/\/kinsta.com\/pt\/blog\/express-typescript\/","title":{"rendered":"Como Configurar o TypeScript com o Express"},"content":{"rendered":"

TypeScript \u00e9 uma linguagem de programa\u00e7\u00e3o fortemente tipada que estende as capacidades do JavaScript. Ela oferece uma gama de recursos para ajud\u00e1-lo a desenvolver aplicativos escal\u00e1veis com Node.js e Express.<\/p>\n

Uma das principais vantagens do TypeScript<\/a> em rela\u00e7\u00e3o ao JavaScript \u00e9 que ele fornece classes de tipos, o que facilita a cria\u00e7\u00e3o de c\u00f3digos mais previs\u00edveis e de f\u00e1cil manuten\u00e7\u00e3o. Al\u00e9m disso, o TypeScript oferece seguran\u00e7a de tipo, garantindo que seu c\u00f3digo esteja livre de erros de tempo de execu\u00e7\u00e3o e facilitando a detec\u00e7\u00e3o de falhas no in\u00edcio do desenvolvimento. A linguagem tamb\u00e9m vem com ferramentas de refatora\u00e7\u00e3o e preenchimento autom\u00e1tico, o que melhora a experi\u00eancia dos desenvolvedores.<\/p>\n

Al\u00e9m disso, o Node.js e o Express<\/a> oferecem excelente desempenho para aplicativos de qualquer escala. O uso de classes no TypeScript tamb\u00e9m ajuda na organiza\u00e7\u00e3o e na estrutura, auxiliando ainda mais na escalabilidade. Com essas ferramentas, voc\u00ea pode criar aplicativos robustos e dimension\u00e1veis para lidar com a demanda crescente.<\/p>\n

Este artigo demonstra a configura\u00e7\u00e3o de um aplicativo Express usando o TypeScript com um \u00fanico endpoint. Em seguida, ele explica como implantar seu aplicativo na hospedagem de aplicativos da Kinsta<\/a>.<\/p>\n

<\/div><\/kinsta-auto-toc>\n

Como criar um servidor Express<\/h2>\n

Para seguir este tutorial, verifique se voc\u00ea tem o Node.js e o npm<\/a> instalados em seu computador. Para configurar um servidor Express:<\/p>\n

    \n
  1. Crie um diret\u00f3rio usando o c\u00f3digo abaixo:\n
    mkdir sample_app && cd sample_app<\/code><\/pre>\n<\/li>\n
  2. Inicialize um aplicativo Node.js no diret\u00f3rio executando este comando:\n
    npm init -y<\/code><\/pre>\n
    O sinalizador -y<\/code> no comando aceita os prompts padr\u00e3o ao criar um arquivo package.json<\/strong> preenchido com o seguinte c\u00f3digo:<\/p>\n
    { \n  \"name\": \"sample_app\",\n  \"version\": \"1.0.0\",\n  \"description\": \"\", \n  \"main\": \"index.js\", \n  \"scripts\": { \n    \"test\": \"echo \\\"Error: no test specified\\\" && exit 1\" \n  }, \n  \"keywords\": [], \n  \"author\": \"\", \n  \"license\": \"ISC\" \n}<\/code><\/pre>\n<\/li>\n
  3. Em seguida, instale express<\/code> para adicionar funcionalidade essencial e dotenv<\/code> para gerenciamento de vari\u00e1veis de ambiente<\/a> no diret\u00f3rio que voc\u00ea acabou de criar executando este comando:\n
    npm i express dotenv<\/code><\/pre>\n<\/li>\n
  4. Crie um arquivo .env<\/strong> na raiz do diret\u00f3rio sample_app<\/strong> e preencha com a vari\u00e1vel abaixo.\n
    PORT=3000<\/code><\/pre>\n<\/li>\n
  5. Crie um aplicativo expresso que responda com um texto Hello World<\/code> quando os usu\u00e1rios visitarem http:\/\/localhost:3000<\/code>.\n
    const express = require(\"express\");\nconst dotenv = require(\"dotenv\");\n\n\/\/ configures dotenv to work in your application\ndotenv.config();\nconst app = express();\n\nconst PORT = process.env.PORT;\n\napp.get(\"\/\", (request, response) => { \n  response.status(200).send(\"Hello World\");\n}); \n\napp.listen(PORT, () => { \n  console.log(\"Server running at PORT: \", PORT); \n}).on(\"error\", (error) => {\n  \/\/ gracefully handle error\n  throw new Error(error.message);\n})<\/code><\/pre>\n
    dotenv.config()<\/code> voc\u00ea pode usar o recurso de configura\u00e7\u00e3o para preencher o ambiente de processo do seu aplicativo Node (process.env<\/code>) com vari\u00e1veis definidas em um arquivo .env<\/strong>.<\/li>\n
  6. Inicie seu aplicativo Node.js executando este comando:\n
    node index.js<\/code><\/pre>\n
    Verifique se o aplicativo funciona visitando http:\/\/localhost:3000 em seu navegador. Voc\u00ea deve obter uma resposta semelhante a esta.<\/p>\n
    \"Hello
    Hello World em http:localhost:3000.<\/figcaption><\/figure><\/li>\n<\/ol>\n
    Ative o TypeScript em um aplicativo Express<\/h2>\n
    Siga as etapas abaixo para usar o TypeScript em um aplicativo Express:<\/p>\n
      \n
    1. Instale o TypeScript executando este comando:\n
      npm i -D typescript<\/code><\/pre>\n
      A op\u00e7\u00e3o -D<\/code> permite que o npm<\/a> instale pacotes como depend\u00eancias de desenvolvimento. Isso significa que voc\u00ea pode utilizar os pacotes instalados com essa op\u00e7\u00e3o durante a fase de desenvolvimento.<\/li>\n
    2. Um dos pontos fortes da comunidade TypeScript \u00e9 o reposit\u00f3rio DefinitelyTyped do GitHub<\/a>. Ele armazena a documenta\u00e7\u00e3o das defini\u00e7\u00f5es de tipos para v\u00e1rios pacotes npm. Os usu\u00e1rios podem integrar rapidamente os pacotes npm em seus projetos sem se preocupar com dificuldades relacionadas a tipos, instalando apenas a defini\u00e7\u00e3o de tipo para esses pacotes com o npm.DefinitelyTyped \u00e9 uma ferramenta indispens\u00e1vel para os desenvolvedores de TypeScript. Ela permite que eles escrevam c\u00f3digos mais limpos e eficientes e reduzam a probabilidade de erros. Voc\u00ea instala as defini\u00e7\u00f5es de tipo tanto do express<\/code> e do dotenv<\/code> executando este comando:\n
      npm install -D @types\/express @types\/dotenv<\/code><\/pre>\n<\/li>\n
    3. Para inicializar o TypeScript, execute este comando.\n
      npx tsc --init<\/code><\/pre>\n
      O arquivo tsconfig.json<\/strong> gerado indica o diret\u00f3rio raiz do seu aplicativo TypeScript. Ele fornece op\u00e7\u00f5es de configura\u00e7\u00e3o para definir como os compiladores do TypeScript devem funcionar. Ele inclui uma s\u00e9rie de op\u00e7\u00f5es config<\/code> desativadas ou ativadas, com coment\u00e1rios que explicam cada op\u00e7\u00e3o.<\/li>\n
    4. Adicione uma propriedade outDir<\/code> ao objeto config<\/code> para definir o diret\u00f3rio de sa\u00edda.\n
      {\n  \"compilerOptions\": {\n    \/\/ \u2026\n    \"outDir\": \".\/dist\"\n    \/\/ \u2026\n  }\n}<\/code><\/pre>\n<\/li>\n<\/ol>\n
      Como criar um servidor TypeScript<\/h2>\n
      Para criar um servidor TypeScript, altere a extens\u00e3o .js<\/code> para .ts<\/code> e atualize o c\u00f3digo com essas defini\u00e7\u00f5es de tipo:<\/p>\n
      import express, { Request, Response } from \"express\";\nimport dotenv from \"dotenv\";\n\n\/\/ configures dotenv to work in your application\ndotenv.config();\nconst app = express();\n\nconst PORT = process.env.PORT;\n\napp.get(\"\/\", (request: Request, response: Response) => { \n  response.status(200).send(\"Hello World\");\n}); \n\napp.listen(PORT, () => { \n  console.log(\"Server running at PORT: \", PORT); \n}).on(\"error\", (error) => {\n  \/\/ gracefully handle error\n  throw new Error(error.message);\n});<\/code><\/pre>\n
      Para usar o pacote do compilador e compilar o arquivo TypeScript em JavaScript<\/a>, execute o comando abaixo no diret\u00f3rio raiz do seu aplicativo.<\/p>\n
      npx tsc<\/code><\/pre>\n
      Em seguida, inicie seu aplicativo executando o comando.<\/p>\n
      node dist\/index.js<\/code><\/pre>\n
      Se voc\u00ea visitar o site http:\/\/localhost:3000 em seu navegador, dever\u00e1 receber uma resposta “Hello World”.<\/p>\n
      Como implantar seu servidor TypeScript na Kinsta<\/h2>\n
      Agora, voc\u00ea est\u00e1 pronto para implantar seu aplicativo web. Voc\u00ea pode implantar seu aplicativo em muitas plataformas, incluindo a hospedagem de aplicativos da Kinsta<\/a>.<\/p>\n
      Antes de voc\u00ea enviar seu aplicativo para um reposit\u00f3rio Git, n\u00e3o \u00e9 recomend\u00e1vel usar o TypeScript e fazer o commit do arquivo JavaScript compilado no Git<\/a>. Inclua um script start<\/code> no arquivo package.json<\/strong>.<\/p>\n
      {\n  \/\/ \u2026\n  \"script\": {\n    \"start\": \"npx tsc && node dist\/index.js\",\n  }\n  \/\/ \u2026\t\n}<\/code><\/pre>\n
      Al\u00e9m disso, crie um arquivo .gitignore<\/a><\/strong> no diret\u00f3rio raiz do seu aplicativo e inclua node_modules<\/strong> e .env<\/strong> para evitar que voc\u00ea envie esses arquivos para o provedor do Git.<\/p>\n
      Depois que o reposit\u00f3rio estiver definido, siga estas etapas para implantar seu aplicativo na Kinsta:<\/p>\n
        \n
      1. Fa\u00e7a login ou crie uma conta para visualizar seu painel MyKinsta<\/a>.<\/li>\n
      2. Autorize a Kinsta com seu provedor Git.<\/li>\n
      3. Clique em Aplicativos<\/strong> na barra lateral esquerda e, em seguida, clique em Adicionar aplicativo<\/strong>.<\/li>\n
      4. Selecione o reposit\u00f3rio e a branch a partir da qual voc\u00ea deseja implantar.<\/li>\n
      5. Atribua um nome exclusivo ao seu aplicativo e escolha um local do centro de dados<\/strong>.<\/li>\n
      6. Use todas as configura\u00e7\u00f5es padr\u00e3o. O MyKinsta usa npm start<\/code> como ponto de entrada para implantar seu aplicativo. Se quiser usar outro comando, voc\u00ea pode ajustar o processo de tempo de execu\u00e7\u00e3o<\/a> no MyKinsta.<\/li>\n
      7. Clique em Criar aplicativo<\/strong>.<\/li>\n<\/ol>\n
        Ap\u00f3s a implanta\u00e7\u00e3o, o MyKinsta fornece uma URL para voc\u00ea acessar publicamente a implanta\u00e7\u00e3o do seu aplicativo. Voc\u00ea pode visitar a p\u00e1gina para confirmar que ela exibe “Hello World”.<\/p>\n
        Resumo<\/h2>\n
        Este guia demonstrou como voc\u00ea pode desenvolver e configurar um aplicativo Express usando TypeScript e implantar o aplicativo com a Kinsta. O TypeScript tem recursos extras que o JavaScript n\u00e3o tem – incluindo classes de tipos, seguran\u00e7a de tipos, ferramentas de refatora\u00e7\u00e3o e preenchimento autom\u00e1tico – para ajudar voc\u00ea a criar aplicativos escal\u00e1veis e detectar erros durante o desenvolvimento.<\/p>\n
        A Kinsta ajuda voc\u00ea a implantar seu aplicativo rapidamente com seguran\u00e7a e estabilidade aprimoradas. Com os 14 centros de dados que oferecem a m\u00e1quina C2 do Google, executada na rede de n\u00edvel premium do Google.<\/p>\n
        Voc\u00ea j\u00e1 usou TypeScript no passado? O que voc\u00ea acha de us\u00e1-lo com um servidor Express?<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"
        TypeScript \u00e9 uma linguagem de programa\u00e7\u00e3o fortemente tipada que estende as capacidades do JavaScript. Ela oferece uma gama de recursos para ajud\u00e1-lo a desenvolver aplicativos escal\u00e1veis …<\/p>\n","protected":false},"author":199,"featured_media":67027,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[992,978],"class_list":["post-67026","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-node-js","topic-tutoriais-javascript"],"yoast_head":"\nComo Configurar o TypeScript com o Express - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Aprenda o guia passo a passo sobre como configurar TypeScript com um servidor Express. Este artigo cobre tudo, desde a configura\u00e7\u00e3o inicial at\u00e9 a implanta\u00e7\u00e3o.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/pt\/blog\/express-typescript\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Como Configurar o TypeScript com o Express\" \/>\n<meta property=\"og:description\" content=\"Aprenda o guia passo a passo sobre como configurar TypeScript com um servidor Express. Este artigo cobre tudo, desde a configura\u00e7\u00e3o inicial at\u00e9 a implanta\u00e7\u00e3o.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/pt\/blog\/express-typescript\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstapt\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-02-14T16:46:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-20T11:38:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/02\/express-typescript.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"6084\" \/>\n\t<meta property=\"og:image:height\" content=\"3042\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jeremy Holcombe\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Aprenda o guia passo a passo sobre como configurar TypeScript com um servidor Express. Este artigo cobre tudo, desde a configura\u00e7\u00e3o inicial at\u00e9 a implanta\u00e7\u00e3o.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/02\/express-typescript.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@kinsta_pt\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_pt\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jeremy Holcombe\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/express-typescript\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/express-typescript\/\"},\"author\":{\"name\":\"Jeremy Holcombe\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21\"},\"headline\":\"Como Configurar o TypeScript com o Express\",\"datePublished\":\"2024-02-14T16:46:45+00:00\",\"dateModified\":\"2024-02-20T11:38:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/express-typescript\/\"},\"wordCount\":1083,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/express-typescript\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/02\/express-typescript-2.jpg\",\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/pt\/blog\/express-typescript\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/express-typescript\/\",\"url\":\"https:\/\/kinsta.com\/pt\/blog\/express-typescript\/\",\"name\":\"Como Configurar o TypeScript com o Express - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/express-typescript\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/express-typescript\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/02\/express-typescript-2.jpg\",\"datePublished\":\"2024-02-14T16:46:45+00:00\",\"dateModified\":\"2024-02-20T11:38:57+00:00\",\"description\":\"Aprenda o guia passo a passo sobre como configurar TypeScript com um servidor Express. Este artigo cobre tudo, desde a configura\u00e7\u00e3o inicial at\u00e9 a implanta\u00e7\u00e3o.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/express-typescript\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/pt\/blog\/express-typescript\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/express-typescript\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/02\/express-typescript-2.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/02\/express-typescript-2.jpg\",\"width\":6084,\"height\":3042},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/express-typescript\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tutoriais de JavaScript\",\"item\":\"https:\/\/kinsta.com\/pt\/topicos\/tutoriais-javascript\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Como Configurar o TypeScript com o Express\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/pt\/#website\",\"url\":\"https:\/\/kinsta.com\/pt\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/pt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/pt\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstapt\/\",\"https:\/\/x.com\/kinsta_pt\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21\",\"name\":\"Jeremy Holcombe\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g\",\"caption\":\"Jeremy Holcombe\"},\"description\":\"Senior Editor at Kinsta, WordPress Web Developer, and Content Writer. Outside of all things WordPress, I enjoy the beach, golf, and movies. I also have tall people problems.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/jeremyholcombe\/\"],\"url\":\"https:\/\/kinsta.com\/pt\/blog\/author\/jeremyholcombe\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Como Configurar o TypeScript com o Express - Kinsta\u00ae","description":"Aprenda o guia passo a passo sobre como configurar TypeScript com um servidor Express. Este artigo cobre tudo, desde a configura\u00e7\u00e3o inicial at\u00e9 a implanta\u00e7\u00e3o.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/pt\/blog\/express-typescript\/","og_locale":"pt_PT","og_type":"article","og_title":"Como Configurar o TypeScript com o Express","og_description":"Aprenda o guia passo a passo sobre como configurar TypeScript com um servidor Express. Este artigo cobre tudo, desde a configura\u00e7\u00e3o inicial at\u00e9 a implanta\u00e7\u00e3o.","og_url":"https:\/\/kinsta.com\/pt\/blog\/express-typescript\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstapt\/","article_published_time":"2024-02-14T16:46:45+00:00","article_modified_time":"2024-02-20T11:38:57+00:00","og_image":[{"width":6084,"height":3042,"url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/02\/express-typescript.jpg","type":"image\/jpeg"}],"author":"Jeremy Holcombe","twitter_card":"summary_large_image","twitter_description":"Aprenda o guia passo a passo sobre como configurar TypeScript com um servidor Express. Este artigo cobre tudo, desde a configura\u00e7\u00e3o inicial at\u00e9 a implanta\u00e7\u00e3o.","twitter_image":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/02\/express-typescript.jpg","twitter_creator":"@kinsta_pt","twitter_site":"@kinsta_pt","twitter_misc":{"Escrito por":"Jeremy Holcombe","Tempo estimado de leitura":"6 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/pt\/blog\/express-typescript\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/pt\/blog\/express-typescript\/"},"author":{"name":"Jeremy Holcombe","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21"},"headline":"Como Configurar o TypeScript com o Express","datePublished":"2024-02-14T16:46:45+00:00","dateModified":"2024-02-20T11:38:57+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/pt\/blog\/express-typescript\/"},"wordCount":1083,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/pt\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/pt\/blog\/express-typescript\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/02\/express-typescript-2.jpg","inLanguage":"pt-PT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/pt\/blog\/express-typescript\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/pt\/blog\/express-typescript\/","url":"https:\/\/kinsta.com\/pt\/blog\/express-typescript\/","name":"Como Configurar o TypeScript com o Express - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/pt\/blog\/express-typescript\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/pt\/blog\/express-typescript\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/02\/express-typescript-2.jpg","datePublished":"2024-02-14T16:46:45+00:00","dateModified":"2024-02-20T11:38:57+00:00","description":"Aprenda o guia passo a passo sobre como configurar TypeScript com um servidor Express. Este artigo cobre tudo, desde a configura\u00e7\u00e3o inicial at\u00e9 a implanta\u00e7\u00e3o.","breadcrumb":{"@id":"https:\/\/kinsta.com\/pt\/blog\/express-typescript\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/pt\/blog\/express-typescript\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/blog\/express-typescript\/#primaryimage","url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/02\/express-typescript-2.jpg","contentUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/02\/express-typescript-2.jpg","width":6084,"height":3042},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/pt\/blog\/express-typescript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Tutoriais de JavaScript","item":"https:\/\/kinsta.com\/pt\/topicos\/tutoriais-javascript\/"},{"@type":"ListItem","position":3,"name":"Como Configurar o TypeScript com o Express"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/pt\/#website","url":"https:\/\/kinsta.com\/pt\/","name":"Kinsta\u00ae","description":"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura","publisher":{"@id":"https:\/\/kinsta.com\/pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/pt\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/pt\/","logo":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstapt\/","https:\/\/x.com\/kinsta_pt","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21","name":"Jeremy Holcombe","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g","caption":"Jeremy Holcombe"},"description":"Senior Editor at Kinsta, WordPress Web Developer, and Content Writer. Outside of all things WordPress, I enjoy the beach, golf, and movies. I also have tall people problems.","sameAs":["https:\/\/www.linkedin.com\/in\/jeremyholcombe\/"],"url":"https:\/\/kinsta.com\/pt\/blog\/author\/jeremyholcombe\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/67026","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/users\/199"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/comments?post=67026"}],"version-history":[{"count":5,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/67026\/revisions"}],"predecessor-version":[{"id":67150,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/67026\/revisions\/67150"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/67026\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/67026\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/67026\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/67026\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/67026\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/67026\/translations\/jp"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/67026\/translations\/es"},{"href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/67026\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/media\/67027"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/media?parent=67026"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/tags?post=67026"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/topic?post=67026"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}