Maison > interface Web > js tutoriel > Déployer votre backend Node.js gratuitement sur Vercel

Déployer votre backend Node.js gratuitement sur Vercel

Linda Hamilton
Libérer: 2024-12-26 15:15:14
original
960 Les gens l'ont consulté

Déployer votre backend Node.js gratuitement sur Vercel ?

Déployer des frontends gratuitement ? Super facile ! Des outils comme Vercel, Firebase et GitHub Pages en font un jeu d'enfant. Bon sang, vous pouvez même héberger un site statique sur Google Drive ! Mais lorsqu’il s’agit d’API backend, les options gratuites diminuent considérablement ?. Aujourd'hui, je vais vous montrer comment déployer votre backend Node.js sur Vercel sans dépenser un centime !

Deploying Your Node.js Backend for Free on Vercel

Restez à l’écoute jusqu’à la fin, et je vous proposerai quelques options d’hébergement gratuites en bonus que vous ne connaissez peut-être pas ! ?


1. Démarrez votre projet Node.js

Tout d’abord, développons un simple backend Express.js. Ouvrez votre terminal, accédez au dossier souhaité et exécutez ces commandes :

mkdir my-express-backend  
cd my-express-backend  
npm init -y  
npm install express  
Copier après la connexion

Ensuite, créez un fichier sur api/index.js et ajoutez le code suivant pour configurer un serveur Express de base :

const express = require("express");  
const app = express();  

app.get("/", (req, res) => res.send("Express on Vercel"));  

app.listen(3000, () => console.log("Server ready on port 3000"));  

module.exports = app;  
Copier après la connexion

2. Préparer Vercel ?

Maintenant, vous devez ajouter un fichier vercel.json à la racine de votre projet pour indiquer à Vercel comment gérer votre backend. Ajoutez cette configuration :

{  
  "version": 2,  
  "rewrites": [{ "source": "/(.*)", "destination": "/api" }]  
}  
Copier après la connexion

3. Testez localement

Avant le déploiement, testons-le sur votre machine. Tout d’abord, installez la CLI Vercel :

npm install -g vercel  
Copier après la connexion

Connectez-vous en utilisant Vercel Login, puis exécutez votre projet localement :

vercel dev  
Copier après la connexion

Maintenant, visitez http://localhost:3000 pour voir votre backend en action ! ?


4. Déployer sur Vercel

Il est temps de passer en direct ! Vous pouvez déployer en utilisant trois méthodes :

  1. Vercel CLI
  2. Configuration manuelle sur le tableau de bord
  3. Intégration GitHub (l'option la plus simple et la plus automatisée).

Voici comment déployer à l'aide de GitHub :

  • Poussez votre projet vers un dépôt GitHub.
  • Connectez-vous à Vercel et cliquez sur « Nouveau projet ».
  • Importez votre dépôt, configurez les variables d'environnement (si nécessaire) et cliquez sur « Déployer ».

Boum ! ? Votre backend est en ligne avec une URL publique !

Deploying Your Node.js Backend for Free on Vercel
Importez le référentiel que vous devez déployer.

Deploying Your Node.js Backend for Free on Vercel

Grâce à ici, nous pouvons ajouter des variables environnementales.


Limites de l'hébergement gratuit

Bien que le compte Hobby gratuit de Vercel soit génial, il a des limites, comme les quotas de demandes et le mode veille pour les projets inactifs. Si vous recherchez une application prête pour la production, vous devrez peut-être effectuer une mise à niveau.


Alternatives à Vercel ?

Vous recherchez plus d'options d'hébergement gratuites ? Découvrez Render, une autre excellente plateforme similaire à Vercel. C'est simple et prend en charge le déploiement backend sans effort.


Et voilà ! Votre backend Node.js est en ligne sur Vercel et vous n'avez pas dépensé un centime. Faites-moi savoir comment se déroule votre déploiement ou si vous découvrez d'autres plateformes sympas ! ?

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:dev.to
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal