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:
- Internet ( https://pt.wikipedia.org/wiki/Internet)
- Conta criada no heroku ( https://heroku.com)
- Git ( https://git-scm.com/about)
- NodeJs ( https://nodejs.org/en/)
- npm ( https://www.npmjs.com/)
- heroku-cli ( https://devcenter.heroku.com/articles/heroku-cli)
- lite-server
- Express ( http://expressjs.com)
- lite-server: Servidor node baseado no conceito Browser Sync .
- Procfile : Arquivo de instruções de como o heroku deve trabalhar com a sua aplicação.
- Process: Variável contendo informacoes do ambiente onde está rodando a aplicação.
Aplicação HTML/JS/CSS
- Criar a pasta para o projeto
- Acessar a pasta criada
- Criar arquivo index.html
- npm init
- npm install lite-server –save (Servidor Basico) – utiliza ferramenta Browser Sync
- Criar arquivo “.gitignore” e adicionar: “node_modules”
- Criar Procfile
- web: ./node_modules/.bin/lite-server -c server.js
- Criar arquivo server.js
module.exports = {
port: process.env.PORT
}- git init
- git add .
- git commit -m “First Commit”
- heroku create NOME DA APLICACAO OPCIONAL
- 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
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.
- 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)
- Criar arquivo index.js
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!’);
});web: node index.js- git add .
- git commit -m “Node application”
- 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.