{"id":76074,"date":"2024-02-14T17:39:44","date_gmt":"2024-02-14T16:39:44","guid":{"rendered":"https:\/\/kinsta.com\/fr\/?p=76074&preview=true&preview_id=76074"},"modified":"2024-02-15T17:35:59","modified_gmt":"2024-02-15T16:35:59","slug":"express-typescript","status":"publish","type":"post","link":"https:\/\/kinsta.com\/fr\/blog\/express-typescript\/","title":{"rendered":"Comment configurer TypeScript avec Express"},"content":{"rendered":"

TypeScript est un langage de programmation fortement typ\u00e9 qui \u00e9tend les capacit\u00e9s de JavaScript. Il offre une gamme de fonctionnalit\u00e9s pour vous aider \u00e0 d\u00e9velopper des applications \u00e9volutives avec Node.js et Express.<\/p>\n

L’un des principaux avantages de TypeScript<\/a> par rapport \u00e0 JavaScript est qu’il fournit des classes de types, ce qui facilite l’\u00e9criture d’un code plus pr\u00e9visible et plus facile \u00e0 maintenir. En outre, TypeScript offre la s\u00e9curit\u00e9 des types, ce qui garantit que votre code est exempt d’erreurs d’ex\u00e9cution et facilite la d\u00e9tection des failles d\u00e8s le d\u00e9but du d\u00e9veloppement. Le langage est \u00e9galement dot\u00e9 d’outils de refactorisation et d’autocompl\u00e9tion, qui am\u00e9liorent l’exp\u00e9rience des d\u00e9veloppeurs.<\/p>\n

En outre, Node.js et Express<\/a> offrent d’excellentes performances pour les applications de toute taille. L’utilisation de classes dans TypeScript facilite l’organisation et la structure, ce qui contribue \u00e0 l’\u00e9volutivit\u00e9. Gr\u00e2ce \u00e0 ces outils, vous pouvez cr\u00e9er des applications robustes et \u00e9volutives pour r\u00e9pondre \u00e0 une demande croissante.<\/p>\n

Cet article pr\u00e9sente la mise en place d’une application Express \u00e0 l’aide de TypeScript avec un seul point de terminaison. Il explique ensuite comment d\u00e9ployer votre application sur l ‘h\u00e9bergement d’applications de Kinsta<\/a>.<\/p>\n

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

Comment cr\u00e9er un serveur Express<\/h2>\n

Pour suivre ce tutoriel, assurez-vous que Node.js et npm<\/a> sont install\u00e9s sur votre ordinateur. Pour configurer un serveur Express :<\/p>\n

    \n
  1. Cr\u00e9ez un r\u00e9pertoire en utilisant le code ci-dessous :\n
    mkdir sample_app && cd sample_app<\/code><\/pre>\n<\/li>\n
  2. Initialisez une application Node.js dans le r\u00e9pertoire en ex\u00e9cutant cette commande :\n
    npm init -y<\/code><\/pre>\n
    Le drapeau -y<\/code> de la commande accepte les invites par d\u00e9faut lors de la cr\u00e9ation d’un fichier package.json<\/strong> rempli avec le code suivant :<\/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. Ensuite, installez express<\/code> pour ajouter des fonctionnalit\u00e9s essentielles et dotenv<\/code> pour la gestion des variables d’environnement<\/a> dans le r\u00e9pertoire que vous venez de cr\u00e9er en ex\u00e9cutant cette commande :\n
    npm i express dotenv<\/code><\/pre>\n<\/li>\n
  4. Cr\u00e9ez un fichier .env<\/strong> \u00e0 la racine du r\u00e9pertoire sample_app<\/strong> et remplissez-le avec la variable ci-dessous.\n
    PORT=3000<\/code><\/pre>\n<\/li>\n
  5. Cr\u00e9ez une application express qui r\u00e9pond par un texte Hello World<\/code> lorsque les utilisateurs visitent 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> node.js remplit l’environnement du processus de votre application Node (process.env<\/code>) avec des variables d\u00e9finies dans un fichier .env.<\/strong><\/li>\n
  6. D\u00e9marrez votre application Node.js en ex\u00e9cutant cette commande :\n
    node index.js<\/code><\/pre>\n
    V\u00e9rifiez que l’application fonctionne en visitant http:\/\/localhost:3000 dans votre navigateur. Vous devriez obtenir une r\u00e9ponse similaire \u00e0 celle-ci.<\/p>\n
    \"Hello
    Hello World sur http:localhost:3000.<\/figcaption><\/figure><\/li>\n<\/ol>\n
    Activer TypeScript dans une application Express<\/h2>\n
    Suivez les \u00e9tapes ci-dessous pour utiliser TypeScript dans une application Express :<\/p>\n
      \n
    1. Installez TypeScript en ex\u00e9cutant cette commande :\n
      npm i -D typescript<\/code><\/pre>\n
      L’option -D<\/code> permet \u00e0 npm<\/a> d’installer des paquets en tant que d\u00e9pendances dev. Vous pouvez utiliser les paquets que vous installez avec cette option dans la phase de d\u00e9veloppement.<\/li>\n
    2. L’une des forces de la communaut\u00e9 TypeScript est le d\u00e9p\u00f4t GitHub DefinitelyTyped<\/a>. Il stocke la documentation des d\u00e9finitions de types pour divers paquets npm. Les utilisateurs peuvent rapidement int\u00e9grer des packages npm dans leurs projets sans se soucier des difficult\u00e9s li\u00e9es aux types en installant uniquement la d\u00e9finition de type pour ces packages avec npm.DefinitelyTyped est un outil indispensable pour les d\u00e9veloppeurs TypeScript. Il leur permet d’\u00e9crire un code plus propre et plus efficace et de r\u00e9duire la probabilit\u00e9 d’erreurs. Vous installez les d\u00e9finitions de type de express<\/code> et dotenv<\/code> en ex\u00e9cutant cette commande :\n
      npm install -D @types\/express @types\/dotenv<\/code><\/pre>\n<\/li>\n
    3. Pour initialiser TypeScript, ex\u00e9cutez cette commande.\n
      npx tsc --init<\/code><\/pre>\n
      Le fichier tsconfig.json<\/strong> g\u00e9n\u00e9r\u00e9 indique le r\u00e9pertoire racine de votre application TypeScript. Il fournit des options de configuration pour d\u00e9finir le fonctionnement des compilateurs TypeScript. Il comprend une s\u00e9rie d’options config<\/code> d\u00e9sactiv\u00e9es ou activ\u00e9es, avec des commentaires expliquant chaque option.<\/li>\n
    4. Ajoutez une propri\u00e9t\u00e9 outDir<\/code> \u00e0 l’objet config<\/code> pour d\u00e9finir le r\u00e9pertoire de sortie.\n
      {\n  \"compilerOptions\": {\n    \/\/ \u2026\n    \"outDir\": \".\/dist\"\n    \/\/ \u2026\n  }\n}<\/code><\/pre>\n<\/li>\n<\/ol>\n
      Comment cr\u00e9er un serveur TypeScript<\/h2>\n
      Pour cr\u00e9er un serveur TypeScript, changez l’extension .js<\/code> en .ts<\/code> et mettez \u00e0 jour le code avec ces d\u00e9finitions de type :<\/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
      Pour utiliser le compilateur et compiler le fichier TypeScript en JavaScript<\/a>, ex\u00e9cutez la commande ci-dessous dans le r\u00e9pertoire racine de votre application.<\/p>\n
      npx tsc<\/code><\/pre>\n
      D\u00e9marrez ensuite votre application en ex\u00e9cutant la commande.<\/p>\n
      node dist\/index.js<\/code><\/pre>\n
      En visitant http:\/\/localhost:3000 sur votre navigateur, vous devriez obtenir une r\u00e9ponse du type \u00ab Hello World \u00bb.<\/p>\n
      Comment d\u00e9ployer votre serveur TypeScript sur Kinsta<\/h2>\n
      Vous \u00eates maintenant pr\u00eat \u00e0 d\u00e9ployer votre application sur le web. Vous pouvez d\u00e9ployer votre application sur de nombreuses plateformes, y compris l’h\u00e9bergement d’applications Kinsta<\/a>.<\/p>\n
      Avant de pousser votre application vers un d\u00e9p\u00f4t Git, il n’est pas conseill\u00e9 d’utiliser TypeScript et de livrer le fichier JavaScript compil\u00e9 \u00e0 Git<\/a>. Incluez un script start<\/code> dans le fichier 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
      Cr\u00e9ez \u00e9galement un fichier .gitignore<\/a><\/strong> dans le r\u00e9pertoire racine de votre application et incluez node_modules<\/strong> et .env<\/strong> pour \u00e9viter de pousser ces fichiers vers votre fournisseur Git.<\/p>\n
      Une fois que votre d\u00e9p\u00f4t est configur\u00e9, suivez les \u00e9tapes suivantes pour d\u00e9ployer votre application sur Kinsta :<\/p>\n
        \n
      1. Connectez-vous ou cr\u00e9ez un compte pour afficher votre tableau de bord MyKinsta<\/a>.<\/li>\n
      2. Autorisez Kinsta avec votre fournisseur Git.<\/li>\n
      3. Cliquez sur Applications<\/strong> dans la colonne lat\u00e9rale de gauche, puis cliquez sur Ajouter une application<\/strong>.<\/li>\n
      4. S\u00e9lectionnez le d\u00e9p\u00f4t et la branche \u00e0 partir desquels vous souhaitez d\u00e9ployer l’application.<\/li>\n
      5. Attribuez un nom unique \u00e0 votre application et choisissez l’emplacement du centre de donn\u00e9es<\/strong>.<\/li>\n
      6. Utilisez toutes les configurations par d\u00e9faut. MyKinsta utilise npm start<\/code> comme point d’entr\u00e9e pour d\u00e9ployer votre application. Si vous souhaitez utiliser une autre commande, vous pouvez ajuster le processus d’ex\u00e9cution<\/a> dans MyKinsta.<\/li>\n
      7. Cliquez sur Cr\u00e9er une application<\/strong>.<\/li>\n<\/ol>\n
        Apr\u00e8s le d\u00e9ploiement, MyKinsta fournit une URL pour acc\u00e9der publiquement au d\u00e9ploiement de votre application. Vous pouvez visiter la page pour confirmer qu’elle affiche \u00ab Hello World \u00bb<\/p>\n
        R\u00e9sum\u00e9<\/h2>\n
        Ce guide a montr\u00e9 comment d\u00e9velopper et configurer une application Express en utilisant TypeScript et d\u00e9ployer l’application avec Kinsta. TypeScript poss\u00e8de des capacit\u00e9s suppl\u00e9mentaires que JavaScript n’a pas – y compris les classes de type, la s\u00e9curit\u00e9 de type, les outils de refactorisation et l’autocompl\u00e9tion – pour vous aider \u00e0 construire des applications \u00e9volutives et \u00e0 d\u00e9tecter les erreurs pendant le d\u00e9veloppement.<\/p>\n
        Kinsta vous aide \u00e0 d\u00e9ployer rapidement votre application avec une s\u00e9curit\u00e9 et une stabilit\u00e9 accrues. Les 14 centres de donn\u00e9es offrent la machine C2 de Google, qui fonctionne sur le r\u00e9seau de niveau sup\u00e9rieur de Google.<\/p>\n
        Avez-vous d\u00e9j\u00e0 utilis\u00e9 TypeScript ? Que pensez-vous de son utilisation avec un serveur Express ?<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"
        TypeScript est un langage de programmation fortement typ\u00e9 qui \u00e9tend les capacit\u00e9s de JavaScript. Il offre une gamme de fonctionnalit\u00e9s pour vous aider \u00e0 d\u00e9velopper des …<\/p>\n","protected":false},"author":199,"featured_media":76075,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[994,980],"class_list":["post-76074","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-node-js","topic-tutoriel-javascript"],"yoast_head":"\nComment configurer TypeScript avec Express - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"D\u00e9couvrez le guide \u00e9tape par \u00e9tape de la configuration de TypeScript avec un serveur Express. Cet article explique tout, de la configuration initiale au d\u00e9ploiement.\" \/>\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\/fr\/blog\/express-typescript\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Comment configurer TypeScript avec Express\" \/>\n<meta property=\"og:description\" content=\"D\u00e9couvrez le guide \u00e9tape par \u00e9tape de la configuration de TypeScript avec un serveur Express. Cet article explique tout, de la configuration initiale au d\u00e9ploiement.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/fr\/blog\/express-typescript\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstafrance\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-02-14T16:39:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-15T16:35:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/02\/express-typescript-2.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=\"D\u00e9couvrez le guide \u00e9tape par \u00e9tape de la configuration de TypeScript avec un serveur Express. Cet article explique tout, de la configuration initiale au d\u00e9ploiement.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/02\/express-typescript-2.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jeremy Holcombe\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/express-typescript\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/express-typescript\/\"},\"author\":{\"name\":\"Jeremy Holcombe\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21\"},\"headline\":\"Comment configurer TypeScript avec Express\",\"datePublished\":\"2024-02-14T16:39:44+00:00\",\"dateModified\":\"2024-02-15T16:35:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/express-typescript\/\"},\"wordCount\":1131,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/express-typescript\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/02\/express-typescript-2.jpg\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/express-typescript\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/express-typescript\/\",\"url\":\"https:\/\/kinsta.com\/fr\/blog\/express-typescript\/\",\"name\":\"Comment configurer TypeScript avec Express - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/express-typescript\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/express-typescript\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/02\/express-typescript-2.jpg\",\"datePublished\":\"2024-02-14T16:39:44+00:00\",\"dateModified\":\"2024-02-15T16:35:59+00:00\",\"description\":\"D\u00e9couvrez le guide \u00e9tape par \u00e9tape de la configuration de TypeScript avec un serveur Express. Cet article explique tout, de la configuration initiale au d\u00e9ploiement.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/express-typescript\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/express-typescript\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/express-typescript\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/02\/express-typescript-2.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/02\/express-typescript-2.jpg\",\"width\":6084,\"height\":3042},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/express-typescript\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tutoriels JavaScript\",\"item\":\"https:\/\/kinsta.com\/fr\/sujets\/tutoriel-javascript\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Comment configurer TypeScript avec Express\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/fr\/#website\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solutions d'h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstafrance\/\",\"https:\/\/x.com\/kinsta_fr\",\"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\/fr\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21\",\"name\":\"Jeremy Holcombe\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/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\/fr\/blog\/author\/jeremyholcombe\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Comment configurer TypeScript avec Express - Kinsta\u00ae","description":"D\u00e9couvrez le guide \u00e9tape par \u00e9tape de la configuration de TypeScript avec un serveur Express. Cet article explique tout, de la configuration initiale au d\u00e9ploiement.","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\/fr\/blog\/express-typescript\/","og_locale":"fr_FR","og_type":"article","og_title":"Comment configurer TypeScript avec Express","og_description":"D\u00e9couvrez le guide \u00e9tape par \u00e9tape de la configuration de TypeScript avec un serveur Express. Cet article explique tout, de la configuration initiale au d\u00e9ploiement.","og_url":"https:\/\/kinsta.com\/fr\/blog\/express-typescript\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstafrance\/","article_published_time":"2024-02-14T16:39:44+00:00","article_modified_time":"2024-02-15T16:35:59+00:00","og_image":[{"width":6084,"height":3042,"url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/02\/express-typescript-2.jpg","type":"image\/jpeg"}],"author":"Jeremy Holcombe","twitter_card":"summary_large_image","twitter_description":"D\u00e9couvrez le guide \u00e9tape par \u00e9tape de la configuration de TypeScript avec un serveur Express. Cet article explique tout, de la configuration initiale au d\u00e9ploiement.","twitter_image":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/02\/express-typescript-2.jpg","twitter_creator":"@kinsta_fr","twitter_site":"@kinsta_fr","twitter_misc":{"\u00c9crit par":"Jeremy Holcombe","Dur\u00e9e de lecture estim\u00e9e":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/fr\/blog\/express-typescript\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/blog\/express-typescript\/"},"author":{"name":"Jeremy Holcombe","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21"},"headline":"Comment configurer TypeScript avec Express","datePublished":"2024-02-14T16:39:44+00:00","dateModified":"2024-02-15T16:35:59+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/express-typescript\/"},"wordCount":1131,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/express-typescript\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/02\/express-typescript-2.jpg","inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/fr\/blog\/express-typescript\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/fr\/blog\/express-typescript\/","url":"https:\/\/kinsta.com\/fr\/blog\/express-typescript\/","name":"Comment configurer TypeScript avec Express - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/express-typescript\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/express-typescript\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/02\/express-typescript-2.jpg","datePublished":"2024-02-14T16:39:44+00:00","dateModified":"2024-02-15T16:35:59+00:00","description":"D\u00e9couvrez le guide \u00e9tape par \u00e9tape de la configuration de TypeScript avec un serveur Express. Cet article explique tout, de la configuration initiale au d\u00e9ploiement.","breadcrumb":{"@id":"https:\/\/kinsta.com\/fr\/blog\/express-typescript\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/fr\/blog\/express-typescript\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/blog\/express-typescript\/#primaryimage","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/02\/express-typescript-2.jpg","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/02\/express-typescript-2.jpg","width":6084,"height":3042},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/fr\/blog\/express-typescript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Tutoriels JavaScript","item":"https:\/\/kinsta.com\/fr\/sujets\/tutoriel-javascript\/"},{"@type":"ListItem","position":3,"name":"Comment configurer TypeScript avec Express"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/fr\/#website","url":"https:\/\/kinsta.com\/fr\/","name":"Kinsta\u00ae","description":"Solutions d'h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es","publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/fr\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstafrance\/","https:\/\/x.com\/kinsta_fr","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\/fr\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21","name":"Jeremy Holcombe","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/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\/fr\/blog\/author\/jeremyholcombe\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/76074","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/users\/199"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/comments?post=76074"}],"version-history":[{"count":2,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/76074\/revisions"}],"predecessor-version":[{"id":76077,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/76074\/revisions\/76077"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/76074\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/76074\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/76074\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/76074\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/76074\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/76074\/translations\/jp"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/76074\/translations\/es"},{"href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/76074\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media\/76075"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media?parent=76074"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/tags?post=76074"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/topic?post=76074"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}