Como fazer deploy do meu projecto Node.js?

Francisco Inoque
4 min readMar 6, 2020

--

Essa pergunta eu me fazia varias vezes, sempre que eu terminava um curso, pois nem todos os cursos nos ensinam a fazer deploy ou a pôr nossa aplicação em produção. E esse problema é frequente nas aplicações feitas em tecnologias como Angular, React.js, Node.js e entre outros. Mas hoje eu vou ensinar como fazer deploy de uma aplicação feita em Node.js, e isso vale também para Api’s. Aqui, eu assumo que você é fluente no Node.js e se não é se inscreva aqui para receber um guia completo de Node.js para iniciantes, assumo também que você é fluente no Github e se não é aprenda mais aqui.

#Uma nota muito importante, para que isso aconteça teremos que usar um serviço de hospedagem, neste caso, usaremos o heroku.

Assim sendo, vamos começar.

Passo número 1: cirar conta no heroku.com

E no momento em que estiver a criar conta, heroku pergunta sobre qual tecnologia(Linguagem pretende usar), Você vai escolher Node.js.

Escolhendo a linguagem

E depois de você criar a sua conta e seguir todos os procedimentos da heroku, você vai cair nesta tela:

aqui você vai clicar em create new app e isso vai te levar para a seguinte tela:

Dando nome seu projecto

Depois disso, clica em create app, feito isso, você vai cair noutra tela, onde heroku vai te pedir para conectar esse a sua aplicação com algum serviço, você vai permitir a conexão com Github:

Conectando com Github

Depois de ter feito isso, heroku vai tepedir que conecte um repositório para o respectivo deploy:

Conectando repositório

Aqui você vai escrever o nome do repositório que contem o projecto que pretende fazer deploy e clicar em search, mas antes deste passo precisamos dar o passo número 2.

Passo número 2: no seu projecto Node.js, antes de dar um push para Github, terá que fazer algumas configurações, que são:

a) no file package.js, no scripts vai escrever o seguinte:

b) depois disso, na raiz do seu projecto você vai criar um file com nome procfile:

e nele vai escrever o seguinte: web:npm start

Depois podemos voltar para o passo número 1, onde haviamos parado. Agora o seu projecto já está pronto para deploy. Clica em search, e resultado deve ser o nome do repositório a esquerda e um botão para conectar a direita, assim:

aqui, é só clicar em conectar, feito isso, vai obter o seguinte resultado:

Clica em Deploy Branch, você verá heroku fazendo build da sua aplicação

Build completo

depois disso clica em Overview e certifique-se que consegue ver isso:

se isso ocorrer, parabéns, o seu projecto já está em produção(no ar). Fim.

Para caso de dúvido pode entrar em contacto pelo meu portfolio.

--

--

Francisco Inoque
Francisco Inoque

Written by Francisco Inoque

I am a fullstack JavaScript developer and Digital Marketing researcher. The technologies I use are: React.js, ReactNative, Angular, Bootstrap, Node.js, MongoDB.

No responses yet