{"id":50345,"date":"2026-06-22T17:17:06","date_gmt":"2026-06-22T10:17:06","guid":{"rendered":"\/fr\/tutoriels\/?p=50345"},"modified":"2026-06-22T17:27:43","modified_gmt":"2026-06-22T10:27:43","slug":"comment-deployer-une-application-codex","status":"publish","type":"post","link":"\/fr\/tutoriels\/comment-deployer-une-application-codex","title":{"rendered":"Comment d\u00e9ployer une application Codex"},"content":{"rendered":"<p>Vous pouvez d&eacute;ployer une application cr&eacute;&eacute;e avec Codex de plusieurs fa&ccedil;ons, notamment &agrave; l&rsquo;aide d&rsquo;outils en ligne de commande, de plateformes bas&eacute;es sur des conteneurs, de pipelines CI\/CD ou de d&eacute;ploiements bas&eacute;s sur Git, selon la plateforme d&rsquo;h&eacute;bergement que vous choisissez.<\/p><p>Avec Hostinger, vous pouvez d&eacute;ployer une application Codex bas&eacute;e sur Node.js en important un d&eacute;p&ocirc;t GitHub ou un fichier ZIP via le processus de configuration de l&rsquo;application web Node.js dans hPanel. Hostinger g&egrave;re automatiquement la d&eacute;tection du framework, le processus de compilation et le d&eacute;ploiement. Aucune configuration manuelle du serveur n&rsquo;est donc n&eacute;cessaire.<\/p><p>Voici comment d&eacute;ployer une application cr&eacute;&eacute;e avec Codex sur Hostinger :<\/p><ol class=\"wp-block-list\">\n<li><strong>Pr&eacute;parez votre projet Codex pour le d&eacute;ploiement.<\/strong> Exportez votre projet depuis Codex via GitHub ou sous forme de fichier ZIP, et assurez-vous qu&rsquo;il inclut un fichier <strong>package.json<\/strong> avant de le d&eacute;ployer.<\/li>\n\n\n\n<li><strong>D&eacute;ployez votre application.<\/strong> Apr&egrave;s avoir choisi un pack d&rsquo;h&eacute;bergement Node.js, connectez un d&eacute;p&ocirc;t GitHub pour des red&eacute;ploiements automatiques ou importez un fichier ZIP pour une configuration unique plus rapide.<\/li>\n\n\n\n<li><strong>Ajoutez des variables d&rsquo;environnement.<\/strong> Si votre application utilise des cl&eacute;s d&rsquo;API, des URL de base de donn&eacute;es ou des secrets d&rsquo;authentification, vous pouvez les ajouter comme variables d&rsquo;environnement dans hPanel au lieu de les coder en dur dans votre projet.<\/li>\n\n\n\n<li><strong>Testez la version en direct de votre application Codex.<\/strong> Ouvrez l&rsquo;URL en ligne et v&eacute;rifiez que votre application se charge correctement et que ses fonctionnalit&eacute;s principales fonctionnent comme pr&eacute;vu.<\/li>\n\n\n\n<li><strong>G&eacute;rez votre application d&eacute;ploy&eacute;e.<\/strong> Surveillez l&rsquo;utilisation des ressources, mettez &agrave; jour les variables d&rsquo;environnement, corrigez les vuln&eacute;rabilit&eacute;s et red&eacute;ployez de nouvelles versions &agrave; mesure que votre application &eacute;volue.<\/li>\n\n\n\n<li><strong>Surveillez les vuln&eacute;rabilit&eacute;s et mettez &agrave; jour les d&eacute;pendances.<\/strong> Hostinger analyse automatiquement votre application d&eacute;ploy&eacute;e afin de d&eacute;tecter les packages npm vuln&eacute;rables. Pour les applications connect&eacute;es &agrave; GitHub, vous pouvez utiliser la fonctionnalit&eacute; de correction automatique pour corriger les vuln&eacute;rabilit&eacute;s sans avoir &agrave; v&eacute;rifier chaque d&eacute;pendance manuellement.<\/li>\n<\/ol><p>Une fois votre projet d&eacute;ploy&eacute;, pensez &agrave; v&eacute;rifier r&eacute;guli&egrave;rement votre base de code. Codex &eacute;tant un agent IA capable de g&eacute;n&eacute;rer et de modifier du code rapidement, il est recommand&eacute; d&rsquo;examiner les changements qu&rsquo;il propose avant chaque d&eacute;ploiement. Vous pourrez ainsi rep&eacute;rer d&rsquo;&eacute;ventuelles erreurs ou modifications involontaires avant qu&rsquo;elles n&rsquo;affectent vos utilisateurs.<\/p><h2 class=\"wp-block-heading\" id=\"h-1-preparez-votre-application-codex-pour-le-deploiement\">1. Pr&eacute;parez votre application Codex pour le d&eacute;ploiement<\/h2><p>Si vous avez connect&eacute; un d&eacute;p&ocirc;t GitHub pendant votre session de compilation, Codex peut y envoyer votre code directement. Vous pouvez aussi t&eacute;l&eacute;charger les fichiers du projet depuis Codex et les regrouper dans une archive ZIP si vous pr&eacute;f&eacute;rez ne pas vous connecter &agrave; un d&eacute;p&ocirc;t.<\/p><p>Dans tous les cas, assurez-vous que votre projet export&eacute; inclut un fichier <strong>package.json<\/strong> avant de le d&eacute;ployer. Hostinger utilise ce fichier pour d&eacute;tecter votre framework, identifier les d&eacute;pendances et d&eacute;terminer le bon processus de compilation.<\/p><p>Sans cela, la d&eacute;tection automatique du framework peut &eacute;chouer, et vous devrez peut-&ecirc;tre indiquer manuellement des valeurs comme le r&eacute;pertoire de sortie, la commande de compilation ou le point d&rsquo;entr&eacute;e de l&rsquo;application. Vous trouverez ces valeurs dans votre fichier <strong>package.json<\/strong> ou dans les fichiers de configuration du framework.<\/p><p>Hostinger prend en charge diff&eacute;rents frameworks Node.js : Angular, Astro, Next.js, Nuxt, Parcel, React, React Router, Svelte, SvelteKit, Vite, Vue.js, Express, Fastify et Hono. Les versions de Node.js prises en charge sont 18.x, 20.x, 22.x et 24.x.<\/p><p>V&eacute;rifier la compatibilit&eacute; en amont peut vous &eacute;viter bien des probl&egrave;mes lors du d&eacute;ploiement de votre application Node.js.<\/p><p>Pensez &eacute;galement &agrave; rassembler tous les &eacute;l&eacute;ments n&eacute;cessaires avant de commencer : variables d&rsquo;environnement, cl&eacute;s d&rsquo;API, identifiants de base de donn&eacute;es et autres param&egrave;tres de configuration. Les avoir &agrave; port&eacute;e de main vous permettra de gagner du temps et de limiter les risques d&rsquo;erreur pendant le processus de d&eacute;ploiement.<\/p><h2 class=\"wp-block-heading\" id=\"h-2-deployez-votre-application-codex\">2. D&eacute;ployez votre application Codex<\/h2><p>Pour commencer, vous aurez besoin d&rsquo;un h&eacute;bergement pour application web Node.js. Si vous avez d&eacute;j&agrave; un pack d&rsquo;h&eacute;bergement Business ou Cloud chez Hostinger, il vous suffit de vous connecter &agrave; hPanel. Ensuite, rendez-vous dans <strong>Sites web<\/strong> &rarr; <strong>Ajouter un site web<\/strong> &rarr; <strong>Application web Node.js<\/strong>.<\/p><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"516\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2026\/06\/Screenshot-2026-06-22-at-11.25.19-1-scaled.png\/w=1024,h=1024,fit=scale-down\" alt=\"\" class=\"wp-image-50534\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2026\/06\/Screenshot-2026-06-22-at-11.25.19-1-scaled.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2026\/06\/Screenshot-2026-06-22-at-11.25.19-1-scaled.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2026\/06\/Screenshot-2026-06-22-at-11.25.19-1-scaled.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2026\/06\/Screenshot-2026-06-22-at-11.25.19-1-scaled.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>Vous pouvez &eacute;galement consulter notre <a href=\"https:\/\/www.hostinger.com\/fr\/web-apps-hosting\/codex-hosting\">page d&rsquo;h&eacute;bergement pour l&rsquo;application Codex<\/a> et acheter un pack si vous h&eacute;bergez une application web avec Hostinger pour la premi&egrave;re fois.<\/p><p>Lors de la configuration de l&rsquo;h&eacute;bergement Node.js, il vous sera demand&eacute; de choisir un nom de domaine &agrave; associer &agrave; votre projet. Vous pouvez aussi opter pour un nom de domaine temporaire g&eacute;n&eacute;r&eacute; al&eacute;atoirement.<\/p><div class=\"wp-block-image wp-block-image aligncenter size-large\">\n<figure class=\"wp-lightbox-container\" data-wp-context='{\"imageId\":\"6a3930076fba3\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a3930076fba3\"><img decoding=\"async\" width=\"1024\" height=\"516\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2026\/06\/Screenshot-2026-06-22-at-11.32.04-scaled.png\/w=1024,h=1024,fit=scale-down\" alt=\"\" class=\"wp-image-50536\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2026\/06\/Screenshot-2026-06-22-at-11.32.04-scaled.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2026\/06\/Screenshot-2026-06-22-at-11.32.04-scaled.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2026\/06\/Screenshot-2026-06-22-at-11.32.04-scaled.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2026\/06\/Screenshot-2026-06-22-at-11.32.04-scaled.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p>Ensuite, s&eacute;lectionnez la m&eacute;thode de votre choix pour d&eacute;ployer une application Codex :<\/p><ul class=\"wp-block-list\">\n<li><strong>D&eacute;p&ocirc;t GitHub.<\/strong> Connectez votre d&eacute;p&ocirc;t directement &agrave; Hostinger. Apr&egrave;s la configuration initiale, chaque modification envoy&eacute;e vers la branche connect&eacute;e d&eacute;clenche automatiquement un nouveau d&eacute;ploiement. Id&eacute;al pour les projets que vous continuerez &agrave; mettre &agrave; jour.<\/li>\n\n\n\n<li><strong>Importation d&rsquo;un fichier ZIP.<\/strong> Importez les fichiers de votre projet Codex sous forme d&rsquo;archive compress&eacute;e. Aucune connexion &agrave; GitHub n&rsquo;est n&eacute;cessaire. Id&eacute;al pour les prototypes ou les d&eacute;ploiements ponctuels.<\/li>\n<\/ul><div class=\"wp-block-image wp-block-image aligncenter size-large\">\n<figure class=\"wp-lightbox-container\" data-wp-context='{\"imageId\":\"6a3930077067d\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a3930077067d\"><img decoding=\"async\" width=\"1024\" height=\"516\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2026\/06\/Screenshot-2026-06-22-at-11.40.30-scaled.png\/w=1024,h=1024,fit=scale-down\" alt=\"\" class=\"wp-image-50538\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2026\/06\/Screenshot-2026-06-22-at-11.40.30-scaled.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2026\/06\/Screenshot-2026-06-22-at-11.40.30-scaled.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2026\/06\/Screenshot-2026-06-22-at-11.40.30-scaled.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2026\/06\/Screenshot-2026-06-22-at-11.40.30-scaled.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p>Quelle que soit la m&eacute;thode choisie, Hostinger lira votre fichier <strong>package.json<\/strong> et d&eacute;tectera automatiquement votre framework ainsi que vos param&egrave;tres de compilation. Pour la plupart des projets, la configuration sugg&eacute;r&eacute;e fonctionne telle quelle. Vous pouvez donc simplement cliquer sur <strong>Deploy (D&eacute;ployer)<\/strong>.<\/p><div class=\"wp-block-image wp-block-image aligncenter size-large\">\n<figure class=\"wp-lightbox-container\" data-wp-context='{\"imageId\":\"6a39300770903\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a39300770903\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/06\/1780912207223-0.png\" alt=\"Page de r&eacute;vision des param&egrave;tres de build d&rsquo;une application Codex dans le parcours d&rsquo;h&eacute;bergement Node.js de Hostinger\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p>Si votre framework n&rsquo;est pas d&eacute;tect&eacute; et est class&eacute; dans la cat&eacute;gorie <strong>Autre<\/strong>, vous devrez saisir manuellement le r&eacute;pertoire de sortie et le fichier d&rsquo;entr&eacute;e avant de d&eacute;ployer.<\/p><div class=\"wp-block-image wp-block-image aligncenter size-large\">\n<figure class=\"wp-lightbox-container\" data-wp-context='{\"imageId\":\"6a39300770b3c\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a39300770b3c\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/06\/1780912212493-0.png\" alt=\"Les champs de saisie des param&egrave;tres de build manuels de l&rsquo;application web Codex dans le hPanel de Hostinger\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p>Pour un tutoriel complet &eacute;tape par &eacute;tape, consultez notre <a href=\"https:\/\/www.hostinger.com\/support\/how-to-deploy-apps-built-with-codex-on-hostinger\/\">guide sur le d&eacute;ploiement d&rsquo;applications cr&eacute;&eacute;es avec Codex sur Hostinger<\/a> (en anglais).<\/p><h2 class=\"wp-block-heading\" id=\"h-3-ajoutez-des-variables-denvironnement\">3. Ajoutez des variables d&rsquo;environnement<\/h2><p>De nombreuses applications cr&eacute;&eacute;es avec Codex s&rsquo;appuient sur des variables d&rsquo;environnement pour fonctionner, en particulier celles qui se connectent &agrave; des bases de donn&eacute;es externes, g&egrave;rent l&rsquo;authentification des utilisateurs, traitent des paiements ou interagissent avec des API tierces.<\/p><p>Si votre application remplit l&rsquo;une de ces fonctions, elle s&rsquo;attendra &agrave; ce que certaines valeurs, telles que des cl&eacute;s d&rsquo;API, des URL de base de donn&eacute;es ou des secrets d&rsquo;authentification, soient disponibles au moment de l&rsquo;ex&eacute;cution.<\/p><p>Vous pouvez ajouter ces valeurs depuis le hPanel plut&ocirc;t que de les int&eacute;grer directement dans votre projet. Cette approche permet de conserver les donn&eacute;es sensibles hors de votre base de code et de mettre &agrave; jour les valeurs plus facilement, sans avoir &agrave; red&eacute;ployer l&rsquo;application.<\/p><p>V&eacute;rifiez le code g&eacute;n&eacute;r&eacute; par Codex afin d&rsquo;identifier les noms des variables attendues par votre application. Pour les applications Next.js, les exemples courants incluent <strong>DATABASE_URL<\/strong>,&nbsp;<strong>API_KEY<\/strong>, et&nbsp;<strong>NEXT_PUBLIC_*<\/strong>.<\/p><p>Pour ajouter une variable d&rsquo;environnement, ouvrez la section <strong>Environment variables<\/strong> <strong>(Variables d&rsquo;environnement)<\/strong> dans le menu lat&eacute;ral gauche du tableau de bord de votre h&eacute;bergement Node.js, puis cliquez sur <strong>Add environment variable<\/strong> <strong>(Ajouter une variable d&rsquo;environnement)<\/strong>. Vous serez ensuite invit&eacute; &agrave; renseigner la cl&eacute; et sa valeur.<\/p><div class=\"wp-block-image wp-block-image aligncenter size-large\">\n<figure class=\"wp-lightbox-container\" data-wp-context='{\"imageId\":\"6a39300770ec0\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a39300770ec0\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/06\/1780912217186-0.png\" alt=\"Menu des variables d&rsquo;environnement sur le tableau de bord d&rsquo;h&eacute;bergement Node.js dans hPanel\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p>Pour les connexions &agrave; une base de donn&eacute;es, le tableau de bord Node.js de Hostinger inclut un assistant de configuration int&eacute;gr&eacute; pour Supabase et MongoDB Atlas. Ouvrez votre tableau de bord Node.js, acc&eacute;dez au menu <strong>Database<\/strong> <strong>(Base de donn&eacute;es)<\/strong>, cliquez sur <strong>Connect (Connecter)<\/strong>, puis s&eacute;lectionnez le fournisseur de base de donn&eacute;es de votre choix.<\/p><div class=\"wp-block-image wp-block-image aligncenter size-large\">\n<figure class=\"wp-lightbox-container\" data-wp-context='{\"imageId\":\"6a39300771092\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a39300771092\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/06\/1780912222275-0.png\" alt=\"L&rsquo;assistant de connexion &agrave; la base de donn&eacute;es dans le tableau de bord d&rsquo;h&eacute;bergement Node.js de hPanel\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p>Suivez ensuite les instructions affich&eacute;es &agrave; l&rsquo;&eacute;cran pour renseigner les informations de connexion. Hostinger les enregistre automatiquement en tant que variables d&rsquo;environnement et red&eacute;ploie votre projet afin que la nouvelle configuration soit prise en compte imm&eacute;diatement.<\/p><h2 class=\"wp-block-heading\" id=\"h-4-testez-votre-application-codex\">4. Testez votre application Codex<\/h2><p>Une fois le d&eacute;ploiement termin&eacute; et les variables d&rsquo;environnement connect&eacute;es, acc&eacute;dez &agrave; l&rsquo;URL en ligne de votre application et v&eacute;rifiez que tout fonctionne comme pr&eacute;vu.<\/p><p>Commencez par v&eacute;rifier que <strong>l&rsquo;application se charge correctement <\/strong>et que <strong>toutes les pages sont accessibles<\/strong>. Testez ensuite les <strong>fonctionnalit&eacute;s principales<\/strong> de votre application, notamment les formulaires, les boutons, les flux d&rsquo;authentification, les int&eacute;grations d&rsquo;API, les fonctionnalit&eacute;s li&eacute;es &agrave; la base de donn&eacute;es et les autres interactions utilisateur essentielles. <\/p><p>Si votre application utilise des variables d&rsquo;environnement ou des services externes, v&eacute;rifiez &eacute;galement que ces connexions fonctionnent correctement. Si vous rencontrez un probl&egrave;me, consultez les journaux de d&eacute;ploiement dans hPanel pour obtenir plus d&rsquo;informations. Recherchez le message d&rsquo;erreur correspondant, mettez &agrave; jour votre projet ou vos param&egrave;tres de compilation si n&eacute;cessaire, puis red&eacute;ployez l&rsquo;application.<\/p><p>Apr&egrave;s chaque d&eacute;ploiement, poursuivez vos tests afin de v&eacute;rifier que le probl&egrave;me a bien &eacute;t&eacute; r&eacute;solu.<\/p><h2 class=\"wp-block-heading\" id=\"h-5-gerez-votre-application-codex\">5. G&eacute;rez votre application Codex<\/h2><p>Apr&egrave;s le d&eacute;ploiement, vous pouvez g&eacute;rer votre application Codex depuis le tableau de bord Node.js dans hPanel. Ce tableau de bord vous offre un espace centralis&eacute; pour surveiller votre application, mettre &agrave; jour sa configuration, r&eacute;soudre les probl&egrave;mes et red&eacute;ployer l&rsquo;application si n&eacute;cessaire.<\/p><div class=\"wp-block-image wp-block-image aligncenter size-large\">\n<figure class=\"wp-lightbox-container\" data-wp-context='{\"imageId\":\"6a3930077144f\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a3930077144f\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/06\/1780912227912-0.png\" alt=\"Tableau de bord d&rsquo;h&eacute;bergement Node.js dans hPanel\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p>Depuis le tableau de bord, vous pouvez acc&eacute;der aux &eacute;l&eacute;ments suivants :<\/p><ul class=\"wp-block-list\">\n<li><strong>Lien rapide vers le d&eacute;p&ocirc;t GitHub<\/strong> : si vous avez d&eacute;ploy&eacute; votre application via GitHub, un lien direct vers le d&eacute;p&ocirc;t connect&eacute; s&rsquo;affiche.<\/li>\n\n\n\n<li><strong>Statut du dernier d&eacute;ploiement<\/strong> : v&eacute;rifiez si le d&eacute;ploiement le plus r&eacute;cent a r&eacute;ussi ou &eacute;chou&eacute;, avec la date et l&rsquo;heure correspondantes ainsi qu&rsquo;un acc&egrave;s aux journaux de d&eacute;ploiement.<\/li>\n\n\n\n<li><strong>Journaux de d&eacute;ploiement<\/strong> : consultez les d&eacute;tails des &eacute;tapes de compilation et de d&eacute;ploiement pour faciliter le diagnostic des probl&egrave;mes.<\/li>\n\n\n\n<li><strong>Variables d&rsquo;environnement<\/strong> : ajoutez, modifiez ou supprimez les variables d&rsquo;environnement utilis&eacute;es par votre application.<\/li>\n\n\n\n<li><strong>Param&egrave;tres et red&eacute;ploiement<\/strong> : mettez &agrave; jour les param&egrave;tres de compilation et red&eacute;ployez l&rsquo;application apr&egrave;s avoir effectu&eacute; des modifications.<\/li>\n\n\n\n<li><strong>Gestionnaire de fichiers<\/strong> : parcourez et g&eacute;rez les fichiers d&eacute;ploy&eacute;s directement depuis le hPanel.<\/li>\n\n\n\n<li><strong>Graphiques d&rsquo;utilisation des ressources<\/strong> : surveillez la consommation du processeur (CPU), de la m&eacute;moire (RAM) et des entr&eacute;es\/sorties (I\/O).<\/li>\n<\/ul><p>Vous trouverez &eacute;galement une option <strong>Red&eacute;marrer<\/strong> pour les applications c&ocirc;t&eacute; serveur qui ex&eacute;cutent un processus persistant, comme les applications Express.js, Next.js ou NestJS.<\/p><p>&Agrave; mesure que votre application &eacute;volue, il est recommand&eacute; de surveiller r&eacute;guli&egrave;rement l&rsquo;utilisation des ressources. Si le trafic augmente ou que votre application commence &agrave; ex&eacute;cuter des charges de travail plus exigeantes, consultez fr&eacute;quemment les graphiques d&rsquo;utilisation du CPU, de la RAM et des I\/O dans le tableau de bord.<\/p><p>Lorsque l&rsquo;utilisation se rapproche des limites de votre pack d&rsquo;h&eacute;bergement, envisagez d&rsquo;optimiser votre application ou d&rsquo;augmenter les ressources allou&eacute;es afin de maintenir des performances fiables.<\/p><h2 class=\"wp-block-heading\" id=\"h-6-surveillez-les-vulnerabilites-et-mettez-a-jour-les-dependances\">6. Surveillez les vuln&eacute;rabilit&eacute;s et mettez &agrave; jour les d&eacute;pendances<\/h2><p>D&eacute;ployer votre application n&rsquo;est qu&rsquo;un d&eacute;but. Comme les applications cr&eacute;&eacute;es avec Codex s&rsquo;appuient souvent sur des packages npm, il est important de surveiller les vuln&eacute;rabilit&eacute;s et de mettre r&eacute;guli&egrave;rement les d&eacute;pendances &agrave; jour.<\/p><p>Hostinger <strong>analyse les applications Codex d&eacute;ploy&eacute;es &agrave; la recherche de vuln&eacute;rabilit&eacute;s npm connues<\/strong> et g&eacute;n&egrave;re des rapports indiquant les noms des packages concern&eacute;s, les niveaux de gravit&eacute; et les versions corrig&eacute;es disponibles. <\/p><p>Vous pouvez acc&eacute;der &agrave; ces rapports en allant dans <strong>Security (S&eacute;curit&eacute;) &rarr; Vulnerabilities (Vuln&eacute;rabilit&eacute;s)<\/strong> dans votre tableau de bord Node.js.<\/p><div class=\"wp-block-image wp-block-image aligncenter size-large\">\n<figure class=\"wp-lightbox-container\" data-wp-context='{\"imageId\":\"6a39300771816\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a39300771816\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/06\/1780912233831-0.png\" alt=\"Analyseur de vuln&eacute;rabilit&eacute;s des applications web Node.js dans le tableau de bord hPanel\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p>Lorsqu&rsquo;une vuln&eacute;rabilit&eacute; est d&eacute;tect&eacute;e, mettez &agrave; jour la d&eacute;pendance concern&eacute;e vers la version recommand&eacute;e, puis red&eacute;ployez l&rsquo;application. Des mises &agrave; jour r&eacute;guli&egrave;res des d&eacute;pendances permettent de r&eacute;duire les risques de s&eacute;curit&eacute;, d&rsquo;am&eacute;liorer la stabilit&eacute; et d&rsquo;assurer le bon fonctionnement de votre application. <\/p><p>Si aucun correctif automatis&eacute; n&rsquo;est disponible pour une vuln&eacute;rabilit&eacute; donn&eacute;e, vous devrez mettre &agrave; jour manuellement le package concern&eacute;, puis red&eacute;ployer.<\/p><p>Pour les applications d&eacute;ploy&eacute;es via GitHub, Hostinger propose &eacute;galement une fonctionnalit&eacute; de <strong>correction automatique<\/strong> qui simplifie le processus de mise &agrave; jour. Au lieu de mettre &agrave; jour les paquets manuellement, vous pouvez g&eacute;n&eacute;rer directement depuis hPanel une pull request GitHub contenant les correctifs recommand&eacute;s. <\/p><p>Une fois la pull request cr&eacute;&eacute;e, vous pouvez examiner les modifications propos&eacute;es, les fusionner si elles vous conviennent et d&eacute;clencher automatiquement un nouveau d&eacute;ploiement.<\/p><p>Gardez &agrave; l&rsquo;esprit que <strong>la correction automatique est<\/strong> <strong>disponible uniquement pour les applications Codex d&eacute;ploy&eacute;es via GitHub<\/strong>. Cette fonctionnalit&eacute; n&eacute;cessite &eacute;galement que l&rsquo;application Hostinger GitHub dispose d&rsquo;un acc&egrave;s en &eacute;criture &agrave; votre d&eacute;p&ocirc;t. <\/p><p>Si les autorisations n&eacute;cessaires n&rsquo;ont pas &eacute;t&eacute; accord&eacute;es, vous verrez une erreur lorsque vous tenterez de cr&eacute;er une pull request. Dans ce cas, GitHub enverra un email au nom de Hostinger pour vous demander d&rsquo;approuver la mise &agrave; jour des autorisations.<\/p><p>Hostinger ne fusionne jamais de modifications et n&rsquo;envoie jamais de mises &agrave; jour directement vers vos branches. Chaque correction est soumise sous forme de pull request pour que vous puissiez l&rsquo;examiner et l&rsquo;approuver. <\/p><p>Le processus de correction automatique se limite aux mises &agrave; jour des d&eacute;pendances et ne donne pas acc&egrave;s aux secrets de votre d&eacute;p&ocirc;t ni &agrave; vos variables d&rsquo;environnement, ce qui vous permet de garder le contr&ocirc;le total de votre code et de votre configuration.<\/p><p>Pour d&eacute;couvrir d&rsquo;autres bonnes pratiques en mati&egrave;re de s&eacute;curit&eacute;, consultez notre guide sur <a href=\"\/fr\/tutoriels\/securite-applications-web\" data-wpel-link=\"internal\" rel=\"follow\">la s&eacute;curisation de votre application web<\/a>.<\/p><h2 class=\"wp-block-heading\" id=\"h-problemes-frequents-lors-du-deploiement-dune-application-codex\">Probl&egrave;mes fr&eacute;quents lors du d&eacute;ploiement d&rsquo;une application Codex<\/h2><p>Si votre application cr&eacute;&eacute;e avec Codex ne se d&eacute;ploie pas ou ne s&rsquo;ex&eacute;cute pas correctement, le probl&egrave;me est souvent li&eacute; &agrave; la configuration du projet, aux param&egrave;tres de compilation, aux d&eacute;pendances ou &agrave; des variables d&rsquo;environnement manquantes.<\/p><p>Le tableau ci-dessous pr&eacute;sente les probl&egrave;mes les plus courants lors du d&eacute;ploiement de Codex avec Hostinger, ainsi que les solutions pour les r&eacute;soudre :<\/p><div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<figure tabindex=\"0\" class=\"wp-block-table\"><table><tbody><tr><td colspan=\"1\" rowspan=\"1\"><p><strong>Probl&egrave;me potentiel<\/strong> <\/p><\/td><td colspan=\"1\" rowspan=\"1\"><p><strong>Solution<\/strong> <\/p><\/td><\/tr><tr><td colspan=\"1\" rowspan=\"1\"><p><span>Fichier<\/span> <strong>package.json<\/strong>&nbsp;<span>manquant<\/span> <\/p><\/td><td colspan=\"1\" rowspan=\"1\"><p><span>Assurez-vous que le fichier package.json se trouve &agrave; la racine de votre projet avant de l&rsquo;importer ou de le pousser sur GitHub<\/span> <\/p><\/td><\/tr><tr><td colspan=\"1\" rowspan=\"1\"><p><span>L&rsquo;application se compile correctement, mais ne sert pas les fichiers attendus en raison d&rsquo;un r&eacute;pertoire de sortie incorrect<\/span> <\/p><\/td><td colspan=\"1\" rowspan=\"1\"><p>V&eacute;rifiez le fichier de configuration de votre framework ou le fichier <strong>package.json<\/strong> afin de confirmer le chemin de sortie correct, puis mettez &agrave; jour ce param&egrave;tre dans les param&egrave;tres de compilation<br><\/p><\/td><\/tr><tr><td colspan=\"1\" rowspan=\"1\"><p><span>Variables d&rsquo;environnement manquantes : l&rsquo;application se charge, mais les fonctionnalit&eacute;s qui d&eacute;pendent des API ou des bases de donn&eacute;es ne fonctionnent pas<\/span> <\/p><\/td><td colspan=\"1\" rowspan=\"1\"><p><span>Assurez-vous que toutes les variables d&rsquo;environnement requises sont bien ajout&eacute;es, puis red&eacute;ployez<\/span><\/p><\/td><\/tr><tr><td colspan=\"1\" rowspan=\"1\"><p><span>Fichier d&rsquo;entr&eacute;e incorrect, ce qui peut emp&ecirc;cher le d&eacute;marrage des applications c&ocirc;t&eacute; serveur apr&egrave;s le d&eacute;ploiement<\/span> <\/p><\/td><td colspan=\"1\" rowspan=\"1\"><p><span>V&eacute;rifiez le bon fichier d&rsquo;entr&eacute;e dans votre <\/span> <strong>package.json<\/strong> <span>&nbsp;et mettez-le &agrave; jour dans les param&egrave;tres de <\/span>compilation<\/p><\/td><\/tr><tr><td colspan=\"1\" rowspan=\"1\"><p><span>Les d&eacute;pendances ne s&rsquo;installent pas ou ne se compilent pas en raison d&rsquo;une version de Node.js non prise en charge ou incompatible<\/span> <\/p><\/td><td colspan=\"1\" rowspan=\"1\"><p><span>S&eacute;lectionnez une version de Node.js prise en charge dans les param&egrave;tres de compilation, adapt&eacute;e aux exigences de votre projet<\/span> <\/p><\/td><\/tr><tr><td colspan=\"1\" rowspan=\"1\"><p><span>Fichier ZIP volumineux ou incomplet<\/span> <\/p><\/td><td colspan=\"1\" rowspan=\"1\"><p>Assurez-vous que le fichier<strong> ZIP<\/strong> contient l&rsquo;int&eacute;gralit&eacute; de la structure du projet. Vous pouvez &eacute;galement exclure le dossier <strong>node_modules<\/strong> afin de r&eacute;duire la taille du fichier<\/p><\/td><\/tr><tr><td colspan=\"1\" rowspan=\"1\"><p><span>Erreur 403 apr&egrave;s le red&eacute;ploiement<\/span> <\/p><\/td><td colspan=\"1\" rowspan=\"1\"><p><span>Une erreur 403 apr&egrave;s un red&eacute;ploiement peut &ecirc;tre due &agrave; un probl&egrave;me de cache. Red&eacute;ployer l&rsquo;application permet de le vider.<br><\/span><\/p><\/td><\/tr><\/tbody><\/table><\/figure>\n<\/div><\/div><h2 class=\"wp-block-heading\" id=\"h-deploiement-via-github-ou-importation-dun-fichier-zip-quelle-methode-choisir\">D&eacute;ploiement via GitHub ou importation d&rsquo;un fichier ZIP : quelle m&eacute;thode choisir ?<\/h2><p>Les deux m&eacute;thodes permettent de mettre en ligne votre application cr&eacute;&eacute;e avec Codex. Le bon choix d&eacute;pend de la fa&ccedil;on dont vous pr&eacute;voyez de g&eacute;rer et de mettre &agrave; jour l&rsquo;application.<\/p><p>Le d&eacute;ploiement via GitHub est le meilleur choix pour les <strong>projets que vous pr&eacute;voyez de faire &eacute;voluer<\/strong>. L&rsquo;importation d&rsquo;un fichier ZIP est une option tout &agrave; fait valable pour <strong>les cas d&rsquo;usage les plus simples<\/strong>, car elle est plus rapide &agrave; mettre en place et ne n&eacute;cessite pas de compte GitHub.<\/p><p>Le tableau ci-dessous pr&eacute;sente plus en d&eacute;tail les diff&eacute;rences entre le d&eacute;ploiement via GitHub et l&rsquo;importation d&rsquo;une archive ZIP :<\/p><div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<figure tabindex=\"0\" class=\"wp-block-table\"><table><tbody><tr><td colspan=\"1\" rowspan=\"1\"><p><strong>Fonctionnalit&eacute;<\/strong> <\/p><\/td><td colspan=\"1\" rowspan=\"1\"><p><strong>D&eacute;ploiement GitHub<\/strong> <\/p><\/td><td colspan=\"1\" rowspan=\"1\"><p><strong>Importation d&rsquo;un fichier ZIP<\/strong> <\/p><\/td><\/tr><tr><td colspan=\"1\" rowspan=\"1\"><p><span>Facilit&eacute; des mises &agrave; jour<\/span> <\/p><\/td><td colspan=\"1\" rowspan=\"1\"><p><span>Le red&eacute;ploiement et les mises &agrave; jour peuvent se d&eacute;clencher automatiquement<\/span> <\/p><\/td><td colspan=\"1\" rowspan=\"1\"><p><span>Importez un nouveau fichier ZIP chaque fois que vous apportez des modifications &agrave; l&rsquo;application<\/span> <\/p><\/td><\/tr><tr><td colspan=\"1\" rowspan=\"1\"><p><span>Red&eacute;ploiement automatique<\/span> <\/p><\/td><td colspan=\"1\" rowspan=\"1\"><p><span>Oui, lors d&rsquo;un push vers la branche connect&eacute;e<\/span> <\/p><\/td><td colspan=\"1\" rowspan=\"1\"><p><span>Non, un red&eacute;ploiement manuel est n&eacute;cessaire<\/span> <\/p><\/td><\/tr><tr><td colspan=\"1\" rowspan=\"1\"><p><span>Prise en charge des d&eacute;p&ocirc;ts priv&eacute;s<\/span> <\/p><\/td><td colspan=\"1\" rowspan=\"1\"><p><span>Oui<\/span> <\/p><\/td><td colspan=\"1\" rowspan=\"1\"><p><span>Non applicable<\/span> <\/p><\/td><\/tr><tr><td colspan=\"1\" rowspan=\"1\"><p><span>Correction automatique des vuln&eacute;rabilit&eacute;s<\/span> <\/p><\/td><td colspan=\"1\" rowspan=\"1\"><p><span>Oui<\/span> <\/p><\/td><td colspan=\"1\" rowspan=\"1\"><p><span>Non applicable&nbsp;: aucune connexion au d&eacute;p&ocirc;t<\/span> <\/p><\/td><\/tr><tr><td colspan=\"1\" rowspan=\"1\"><p><span>Cas d&rsquo;utilisation id&eacute;al<\/span> <\/p><\/td><td colspan=\"1\" rowspan=\"1\"><p><span>Projets en cours, applications mises &agrave; jour r&eacute;guli&egrave;rement ou flux de travail Codex <\/span>qui synchronisent le code avec GitHub<\/p><\/td><td colspan=\"1\" rowspan=\"1\"><p><span>Prototypes rapides, d&eacute;ploiements ponctuels ou projets pour lesquels l&rsquo;int&eacute;gration &agrave; GitHub n&rsquo;est pas n&eacute;cessaire<\/span> <\/p><\/td><\/tr><\/tbody><\/table><\/figure>\n<\/div><\/div><h2 class=\"wp-block-heading\" id=\"h-que-pouvez-vous-faire-apres-avoir-deploye-une-application-codex\">Que pouvez-vous faire apr&egrave;s avoir d&eacute;ploy&eacute; une application Codex ?<\/h2><p>D&eacute;ployer votre application cr&eacute;&eacute;e avec Codex, c&rsquo;est transformer du code g&eacute;n&eacute;r&eacute; par l&rsquo;IA en v&eacute;ritable produit accessible via une URL en ligne. Vous pouvez ainsi partager votre application avec de vrais utilisateurs et commencer &agrave; recueillir leurs retours dans un environnement r&eacute;el.<\/p><p>Si votre application est connect&eacute;e &agrave; GitHub, vous pouvez continuer &agrave; l&rsquo;am&eacute;liorer directement dans Codex. L&rsquo;outil peut g&eacute;rer plusieurs t&acirc;ches d&rsquo;am&eacute;lioration en parall&egrave;le, valider les changements et ouvrir des pull requests &agrave; examiner.<\/p><p>Avec Hostinger, la fusion d&rsquo;une PR d&eacute;clenche un red&eacute;ploiement automatique, ce qui vous permet de garder un cycle de cr&eacute;ation et de livraison fluide. Vous pouvez aussi connecter des bases de donn&eacute;es et des API externes, surveiller l&rsquo;utilisation des ressources et corriger les vuln&eacute;rabilit&eacute;s des d&eacute;pendances gr&acirc;ce aux outils d&rsquo;analyse int&eacute;gr&eacute;s au hPanel.<\/p><p>Le code g&eacute;n&eacute;r&eacute; par Codex constitue un excellent point de d&eacute;part, mais veillez toujours &agrave; le v&eacute;rifier avant le passage en production. Utilisez l&rsquo;environnement en ligne pour tester votre application en profondeur et consid&eacute;rez chaque d&eacute;ploiement comme une &eacute;tape d&rsquo;un cycle d&rsquo;am&eacute;lioration continu, et non comme une livraison ponctuelle.<\/p><p>Besoin d&rsquo;inspiration pour votre prochain projet&nbsp;? Consultez notre <a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/cas-usage-codex\">guide des meilleurs cas d&rsquo;utilisation d&rsquo;applications avec Codex<\/a>.<\/p><figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.hostinger.com\/fr\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-Web-hosting_in-text-banner-1-1024x300-1.png\/public\" alt=\"\" class=\"wp-image-41467\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-Web-hosting_in-text-banner-1-1024x300-1.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-Web-hosting_in-text-banner-1-1024x300-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-Web-hosting_in-text-banner-1-1024x300-1.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-Web-hosting_in-text-banner-1-1024x300-1.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Vous pouvez d&eacute;ployer une application cr&eacute;&eacute;e avec Codex de plusieurs fa&ccedil;ons, notamment &agrave; l&rsquo;aide d&rsquo;outils en ligne de commande, de plateformes bas&eacute;es sur des conteneurs, de pipelines CI\/CD ou de d&eacute;ploiements bas&eacute;s sur Git, selon la plateforme d&rsquo;h&eacute;bergement que vous choisissez. Avec Hostinger, vous pouvez d&eacute;ployer une application Codex bas&eacute;e sur Node.js en important un [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/fr\/tutoriels\/comment-deployer-une-application-codex\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":619,"featured_media":50330,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"Comment d\u00e9ployer une application Codex sur Hostinger","rank_math_description":"D\u00e9couvrez comment d\u00e9ployer une application Codex sur Hostinger avec GitHub ou un fichier ZIP et comment g\u00e9rer votre projet dans hPanel.","rank_math_focus_keyword":"comment d\u00e9ployer une application Codex","footnotes":""},"categories":[4760],"tags":[],"class_list":["post-50345","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-vps"],"hreflangs":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts\/50345","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/users\/619"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/comments?post=50345"}],"version-history":[{"count":14,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts\/50345\/revisions"}],"predecessor-version":[{"id":50553,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts\/50345\/revisions\/50553"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/media\/50330"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/media?parent=50345"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/categories?post=50345"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/tags?post=50345"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}