Como implantar um aplicativo Node.js no Heroku: 3 etapas

2025 Autor: John Day | [email protected]. Última modificação: 2025-01-23 15:03

Veja como implantei meu aplicativo NodeJS no Heroku usando uma conta gratuita. Basta clicar nos links para baixar os softwares necessários:

Software usado:

VSCode (ou qualquer editor de texto de sua escolha)

HerokuCLI

Git

Etapa 1: Criar um Package.json

Introdução:

Heroku é um site de hospedagem que permite que ypu implante 5 aplicativos gratuitamente com um tempo de execução de mais de 500 horas por mês. Para implantar um, você precisará fazer upload de 3 arquivos:

Um arquivo package.json e package-lock.json. Você pode seguir meu outro tutorial para um tutorial passo a passo sobre como fazer um clicando aqui. O package-lock.json aparece automaticamente depois que o package.json é feito. Como iremos executá-lo no herku, em seu pacote, arquivo json, você precisa especificar um script de início e a versão de seu nó em enines. para agora, execute o comando node -v. Aqui está um exemplo:

{

"nome": "heroku", "versão": "1.0.0", "Descrição": "", "main": "index.js", "scripts": {

"test": "echo \" Erro: nenhum teste especificado / "&& exit 1", "start": "node server.js"

}, "palavras-chave": , "autor": "", "licença": "ISC", "motores": {

"nó": "12.x"

}

}

Etapa 2: crie seu aplicativo Node.js

Uma vez que este aplicativo será executado em qualquer porta que o heroku nos forneça, precisamos determinar o código que ele nos fornecerá usando este código process.env. PORT. Aqui está um aplicativo node js que diz "olá":

const http = requer ('http'); // carrega a biblioteca para habilitá-la a atuar como servervar port = process.env. PORT || 5000; // especifica o não da porta para o que o heroku fornece ou 5000 no host local http.createServer (function (req, res) {// cria um servidor res.writeHead (200, {'Content-type': 'text / plain'}); // Especifica que a resposta "hello" é um texto res.end ("hello"); // mostra o texto "hello" na página da web}). Listen (port); // anexa este servidor à porta no.

Etapa 3: Prompt de Comando

• Abra seu prompt de comando pressionando Windows + R para abrir a caixa “Executar”, digite “cmd” e clique em “OK”
• Em seu CMD, vá para a raiz digitando "cd.." até que nenhum caminho seja incluído.
• Verifique se npm (um gerenciador de biblioteca instalado por nó), git e heroku está instalado corretamente digitando:

npm - versão

git --version heroku --version

Faça login em sua conta herku

login do heroku

Isso cria um aplicativo no heroku:

heroku criar

Para fazer upload de seus arquivos, você precisa acessar o caminho digitando cd

CD

Cria um novo repositório (pasta) em seu dispositivo local para os itens neste caminho

git init

Conecte-se remotamente a uma pasta no heroku via git em seu aplicativo

heroku git: remote

Copia este arquivo remotamente para o seu repositório git local u via git em seu aplicativo

git add.

Salve as alterações feitas na pasta com a mensagem "melhore"

git commit -am "torná-lo melhor"

Carrega os arquivos para a pasta git no heroku. Espere para baixar

git push heroku mestre

abre o aplicativo

aplicativo aberto heroku