Subindo um site simples para o Heroku

Boa tarde pessoal! Hoje vou compartilhar uma dica legal que aprendi aqui no Ateliê de Software, que é a utilização do heroku para publicar seu site em html, e o melhor, de forma GRÁTIS.

A primeira coisa que devemos fazer é acessar o site do heroku, através do link www.heroku.com . Nele você irá criar sua conta (caso não tenha), que é uma tarefa bem simples, basta clicar na opção “Sign Up” que fica no topo superior do site. A criação da conta é feita em poucos passos, com confirmação de cadastro através do email.

Com sua conta criada, agora devemos baixar o Heroku CLI, que é a interface de linha de comando disponibilizada pelo heroku. O link para baixar a ferramenta é: https://devcenter.heroku.com/articles/heroku-cli
Neste link estão os passos para instalação nos principais sistemas operacionais.

Com o Heroku CLI e sua conta no Heroku já criadas, acesse o terminal do seu computador e digite o seguinte comando:

heroku login

O comando “heroku login” é utilizado para autenticar seu usuário no CLI. O usuário utilizado é o que você criou ao se cadastrar.

Agora, já podemos criar a pasta do nosso projeto, eu estou no linux, então criei em “/home/jorge/projects/shareatelie”. Dentro dessa pasta, podemos criar nosso primeiro “projeto” no heroku. Para fazer isso, basta utilizar o seguinte comando:

heroku create <nomedoprojeto>

O comando “heroku create <nomedoprojeto>” cria um projeto e já configura o repositório necessário dentro do ambiente do heroku. No meu caso, ao acessar minha conta do heroku, já consigo ver o projeto criado:

No meu caso, criei um site bem simples para exemplificar:

Para subir o projeto, precisamos configurá-lo para utilizar o repositório do git do próprio heroku. Isso deve ser feito com os seguintes comandos, com o detalhe que a url utilizada para o repositório (“https://git.heroku.com/shareatelie.git”) deve ser a mostrada no terminal quando você cria o projeto.

Ao fazer isso, já podemos commitar e tentar dar o push para o repositório (tradicional, “git add”, “git commit -m” e “git push”). Porém, o seguinte erro será mostrado no terminal:

Esse erro nos informa que um projeto apenas com html, javascript e css não consegue ser detectado no heroku.

A dica aqui é então utilizar um arquivo php, como index e incluir o arquivo html do nosso projeto, fazendo com que ele seja renderizado:

Agora sim, consiguiremos subir o projeto:

Bom, espero que essa dica seja útil para vocês, valeu

Originally published at share.atelie.software on July 13, 2018.