Com es pot desplegar una aplicació Node.js a Heroku: 3 passos

2024 Autora: John Day | [email protected]. Última modificació: 2024-01-30 08:10

A continuació s’explica com he desplegat la meva aplicació NodeJS a Heroku mitjançant un compte gratuït. Simplement feu clic als enllaços per descarregar els programes necessaris:

Programari utilitzat:

VSCode (o qualsevol editor de text que trieu)

HerokuCLI

Git

Pas 1: creeu un Package.json

Introducció:

Heroku és un lloc web d’acollida que permet a ypu desplegar 5 aplicacions de forma gratuïta amb un temps d’execució de més de 500 hores al mes. Per desplegar-ne un, haureu de penjar 3 fitxers:

Un paquet de fitxers package.json i package-lock.json. Podeu seguir el meu altre tutorial per fer un pas a pas fent un clic fent aquí. El paquet-lock.json apareix automàticament després de fer un package.json. Com que l'executarem a herku, al vostre paquet, fitxer json, heu d'especificar un script d'inici i la versió del vostre node a enines. fins ara executar el node d'ordre -v. Aquí teniu un exemple:

{

"nom": "heroku", "versió": "1.0.0", "description": "", "main": "index.js", "scripts": {

"test": Error "echo \": no s'ha especificat cap prova / "&& sortida 1", "start": "node server.js"

}, "paraules clau": , "autor": "", "license": "ISC", "motors": {

"node": "12.x"

}

}

Pas 2: creeu la vostra aplicació Node.js

Com que aquesta aplicació s’executarà en qualsevol port que ens doni l’heroku, hem de determinar el codi que ens proporcionarà mitjançant aquest codi process.env. PORT. Aquí hi ha una aplicació js de node que diu "hola":

const http = require ('http'); // carrega la biblioteca per permetre que actuï com a servidorvar port = process.env. PORT || 5.000; // especifica el port no al que doni Heroku o 5000 a l'amfitrió local http.createServer (funció (req, res) {// crea un servidor res.writeHead (200, {'Content-type': 'text / plain'}); // Especifica que el respones "hello" és un text res.end ("hello"); // mostra el text "hello" a la pàgina eweb}). Listen (port); // adjunta aquest servidor al port núm.

Pas 3: símbol del sistema

• Per obrir el símbol del sistema, premeu Windows + R per obrir el quadre "Executar", després escriviu "cmd" i, a continuació, feu clic a "D'acord"
• Al vostre CMD, aneu a l'arrel escrivint "cd.." fins que no hi hagi cap camí inclòs.
• Comproveu si npm (un gestor de biblioteca instal·lat per node), git i heroku està instal·lat correctament escrivint:

npm --versió

git --version heroku --version

Inicieu la sessió al vostre compte de herku

inici de sessió d’heroku

Això crea una aplicació a Heroku:

heroku crear

Per carregar els fitxers, heu d’arribar al seu camí escrivint CD

cd

Crea un nou dipòsit (carpeta) al dispositiu locl per als elements d’aquest camí

git init

Connecteu-vos remotament a una carpeta de l'heroku mitjançant git a la vostra aplicació

heroku git: remot

Copia aquest fitxer de manera remota al dipòsit git local u mitjançant git a la vostra aplicació

git add.

Deseu els canvis que heu fet a la carpeta amb el missatge "Fes-lo millor"

git commit -am "make it better"

Penja els fitxers a la carpeta git de Heroku. Espereu que caigui

git push heroku master

obre l'aplicació

aplicació oberta heroku