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
1025 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!

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