Taula de continguts:
2025 Autora: John Day | [email protected]. Última modificació: 2025-01-13 06:57
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