Finhane.com

Conhecimento e Diversão.

Feb 15, 2018 - 2 minute read - Comments - Programação DevOps

Deploy De Aplicação No Heroku

Heroku utiliza o conceito PaaS (Plataform as a Service), onde o seu foco é a hospegadem de uma aplicação como serviço, forcenendo uam boa infraestrutura e um menor custo.Devido a isso não é possivel armazenar arquivos ou enviar email a partir do heroku, mas você pode utilizar serviços externos adicionados na sua aplicação.

Com esse conceito o heroku é perfeito para o desenvolvedor que não quer se preocupar com a infraestrutura pois tudo está pré-configurado e as intalações podem ser feitas de forma visual e o acesso as credenciais de serviços solicitadas são fornecidas de forma simples e fácil pelo painel de controle.

Esse post é sobre o deploy de duas aplicações:

  • HTML/JS/CSS
  • NodeJs

Itens necessários para prosseguir:

Aplicação HTML/JS/CSS

  1. Criar a pasta para o projeto
  2. Acessar a pasta criada
  3. Criar arquivo index.html
  4. npm init
  5. npm install lite-server –save (Servidor Basico) – utiliza ferramenta Browser Sync
  6. Criar arquivo “.gitignore” e adicionar: “node_modules”
  7. Criar Procfile
  8. web: ./node_modules/.bin/lite-server -c server.js
  9. Criar arquivo server.js
    1
    2
    3
    
    module.exports = {
        port: process.env.PORT
    }
    
  10. git init
  11. git add .
  12. git commit -m “First Commit”
  13. heroku create NOME DA APLICACAO OPCIONAL
  14. git push heroku master
  15. No final do build se tudo ocorreu bem será disponibilizado o link de acesso da sua aplicação. Este também pode ser obtido pelo painel de controle do heroku

Obs: A cada novo push a aplicação antiga é apagada e uma nova entra no lugar.

Aplicação NodeJS

Vou utilizar a mesma aplicação para a explicação e tranformar em uma aplicação NodeJs. Mas pode ser feito em uma nova.

  1. npm install express –save (–save indica que será salva a dependência no arquivo package.json e o heroku vai instalar na hora do build)
  2. Criar arquivo index.js
    1
    2
    3
    4
    5
    6
    7
    8
    9
    
    const express = require(express);
    const app = express();
    const port = process.env.PORT || 3000;
    app.get(, (req, res) => {
    res.send(Deploy da aplicação NodeJS)
    });
    app.listen(port, () => {
    console.log(Express Funcionando!);
    });
    
  3. Alterar Procfile
    1
    
    web: node index.js
    
  4. git add .
  5. git commit -m “Node application”
  6. git push heroku master

No final do build se tudo ocorreu bem será disponibilizado o link de acesso da sua aplicação. Este também pode ser obtido pelo painel de controle do heroku.