Blog SW9

Desenvolvimento Web e Híbrido na prática.
Tome um café, concentre-se, codifique. (งツ)ว

STRAPI NODEJS CMF | Nunca foi tão fácil criar uma API | Deploy no Heroku 2 de 2 | SW9

STRAPI NODEJS CMF | Nunca foi tão fácil criar uma API | Deploy no Heroku 2 de 2 | SW9

Olá Pessoal. Sejam Bem Vindos ao canal e blog SW9 (http://blog.sw9.com.br) 👋

Tem muita coisa legal que eu gostaria de compartilhar sobre o STRAPI, portanto, fiquem atentos que os próximos episódios serão dedicados a ele. 🙏

Todo o conteúdo preparado durante esta imersão, vai fornecer todas as condições para utilizar o STRAPI nos seus projetos, trazendo segurança, facilidade de manutenção, escalabilidade e performance. Então você é o meu convidado a partir de agora para acompanhar esta nova forma de construir APIs.🤙

#O que vimos no episódio anterior?

No episódio 11, iniciamos as atividades para deploy de nosso projeto usando o MongoDB Atlas e o serviço Heroku. Você perdeu este conteúdo 😱? Não se preocupe, segue o link para acessá-lo http://blog.sw9.com.br/2019/10/15/strapi-nodejs-cmf-nunca-foi-tao-facil-criar-uma-api-deploy-heroku-1-sw9

#O que você vai aprender hoje?

Estamos chegando ao fim da série sobre STRAPI 😢. Espero que você tenha curtido a série e aproveitado o conteúdo compartilhado 💪.

Neste último episódio (12), vamos continuar com as atividades de deploy do nosso projeto, focando agora no serviço Heroku. Ao final deste episódio você vai ter a oportunidade de ver o projeto publicado no Heroku e conectado com o banco de dados MongoDB Atlas. Então preparem-se!!!

#Sobre o Heroku

O serviço Heroku é uma plataforma na nuvem que permite publicar e rodar aplicações escritas em linguagens como Node.Js e PHP. Ele roda suas aplicações dentro de estruturas chamadas dynos (smart containers) e possui um plano gratuito.

O Heroku possui algumas opções para realização de deploy. Você pode usar o Heroku Git, o GitHub ou o Container Registry.

Vamos escolher a primeira opção, Heroku Git, que usa o Heroku CLI para dar suporte a todo o processo de publicação.

#Pré-requisitos

Agora que você conhece um pouco sobre o serviço Heroku, e a opção que vamos usar para seguir com as etapas de publicação, vou compartilhar com vocês uma lista de pré-requisitos que devem se cumpridos para o sucesso do deploy.

Segue a lista:

1- Criar uma conta no Heroku;

2- Instalar o Git;

3- Instalar o Heroku CLI;

4- Criar um repositório Git local;

5- Usar o Heroku CLI.

#Criando uma conta no Heroku

Caso você já possua uma conta no serviço Heroku, favor pular para o próximo requisito [Instalando o Git].

Criar uma conta no Heroku é muito simples. Em primeiro lugar você precisa acessar o link https://www.heroku.com/ e clicar no botão [Sign UP]. Em seguida você deve preencher um formulário e clicar no botão [Create Free Account]. Na sequência você vai receber um e-mail para ativação de sua conta e criação de uma senha.

#Instalando o Git

A opção de deploy [Heroku Git] exige o uso do Git como parte do processo de deploy. Se você ainda não tem o Git instalado em seu PC, é necessário acessar a url https://git-scm.com/ e fazer o download da versão correspondente ao seu Sistema Operacional.

Para o nosso projeto, vamos usar a versão para windows em 64-bits (64-bit Git for windows Setup).

Encerrado o download, você deve instalar o Git seguindo o passo a passo sugerido pelo próprio instalador do Git.

#Instalando o Heroku Cli

Pronto Paulo. Eu já instalei o Git. Qual o próximo passo? Agora devemos fazer o download e instalar a ferramenta Heroku Cli. Você pode fazer o download do Heroku Cli a partir do próprio site do Heroku –  https://cli-assets.heroku.com/heroku-x64.exe

Caso o link divulgado esteja fora do ar, você pode acessar https://devcenter.heroku.com/articles/heroku-cli#download-and-install e escolher o instalador de acordo com o seu sistema operacional.

Após finalizar o download, o processo de instalação é bem simples. Basta seguir o passo a passo sugerido pelo instalador e pronto.

Agora você já tem o Git e o Heroku Cli instalados em seu PC. Vamos para a próxima etapa do processo de deploy …

#Criando o repositório Git

Você precisa selecionar o diretório raíz do seu projeto, e a partir dele abrir o Git Bash. Para isso você deve, via explorer, clicar com o botão direito do mouse no diretório raiz do projeto e selecionar a opção [Git Bash Here].

Será aberta uma espécie de terminal, e a sua primeira ação será criar um arquivo chamado .gitignore

Passos para criar o arquivo .gitignore:

1- A partir do bash, você deve digitar o comando [touch .gitignore]

2- Usar um editor de texto de sua preferência para editar o arquivo recém-criado e incluir a linha package-lock.json

Pronto, o arquivo está criado e o conteúdo dele é: package-lock.json

A próxima tarefa é transformar o projeto em um repositório Git, adicionar os arquivos para serem versionados e fazer o commit.

Para isso você deve, a partir do próprio Git Bash, executar os comandos abaixo:

git init

git add .

git commit -m “Primeiro Commit”

#Heroku Login

Com o código do seu projeto STRAPI versionado, vamos usar o Heroku CLI para enviar o projeto (publicá-lo no Heroku).

Você precisar abrir o prompt de comando do Windows, acessar a pasta raíz do projeto, e a partir dela executar o comando:

heroku login -i

Após executar o comando, o Heroku Cli vai pedir a confirmação do seu login (email) e senha. Se as informações estiverem corretas, você será conectado com o Heroku via terminal.

#Criando o projeto no Heroku

O próximo passo é criar o projeto dentro do Heroku. Ainda no terminal, você deve digitar o comando:

heroku create [nome do projeto] 

De acordo com o nosso exemplo real vai ficar:

heroku create sw9

Se você não informar um nome de projeto, o Heroku vai atribuir um nome automaticamente.

#Fazendo o deploy no Heroku

Ufa, estamos quase lá. Para concluir devemos digitar o comando:

git push heroku master

Este comando vai subir o nosso projeto STRAPI para o ambiente Heroku e algumas tarefas serão executadas automaticamente, como por exemplo: a validação do pacote, o build e o start do projeto. Se tudo correr bem, o Heroku vai exibir a url onde a aplicação foi publicada.

Agora você só terá o trabalho de digitar esta url no navegador para ver a sua aplicação STRAPI no ar. Lembrando que se você quiser acessar a área admin do STRAPI, será necessário incluir na url a rota /admin

#Hora de assistir ao vídeo

Chegou o momento de arregaçar as mangas e colocar a mão na massa. 🏃🏿 🏃🏻‍♂️ 🏃‍♀️

Aprenda HTML 5 e CSS 3

Comece a criar Sites Com o Melhor do HTML 5 e CSS 3
Curso Relacionado

[Conclusão]

No episódio de hoje [STRAPI NODEJS CMF | Nunca foi tão fácil criar uma API | Deploy no Heroku 2 de 2 | SW9], você aprendeu a fazer o deploy do projeto STRAPI usando o serviço Heroku e integração com o banco de dados MongoDB. 🤩

Está disponível na área de downloads o projeto que construímos hoje. Para acessá-lo basta clicar no link a seguir http://blog.sw9.com.br/acesso-area-de-downloads/, informar um e-mail válido e automaticamente receberá as instruções para acesso.

Dentro da minha área de Downloads, procure pela pasta /STRAPI. O resto é com vocês :-)

Bom, por hoje é só. Aproveitem o vídeo e bons estudos. Fiquem antenados, que em breve teremos mais novidades.

Espero que gostem deste vídeo. Aproveito para pedir a participação de vocês no canal e blog, curtindo, compartilhando, dando sua opinião e se inscrevendo no canal e blog para receber as novidades em primeira mão.

Fiquem com Deus e até o próximo vídeo.

[Links úteis]

Curso Relacionado: [Aprenda HTML 5 e CSS 3 e Comece a Criar Seus Próprios Sites] – https://goo.gl/QsLPph

Post: http://blog.sw9.com.br/2019/10/17/strapi-nodejs-cmf-nunca-foi-tao-facil-criar-uma-api-deploy-heroku-2-sw9

Link do vídeo: https://youtu.be/2TTnAdkBDvs

Playlist Ferramentas de Teste de API: https://www.youtube.com/watch?v=9GAl1nlNcbo&list=PLtluGZbI5ESiFrDDnKmwJNdrKZKI-hECj

PlayList Mega Série HTML5: https://www.youtube.com/watch?v=D-XN-miEwP0&list=PLtluGZbI5ESj8XWTJcJmrVW6Q_tCi7uR8

Área de Downloads: http://blog.sw9.com.br/acesso-area-de-downloads/

Meu Blog: http://blog.sw9.com.br

Meu GitHub: https://sw9brl.github.io/MyGitHubPage

Canal youtube: https://youtube.com/+sw9brl

✔ Clique em gostei ✔ Compartilhe ✔ Inscreva-se

Tópicos Relacionados

Deixe um comentário

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Paulo Eduardo
Geek desde criança, sempre me interessei por games, filmes e tecnologia. Sou graduado em engenharia da computação pela PUC Campinas. Possuo mais de 15 anos de experiência em desenvolvimento, com foco maior em desenvolvimento web, gestão de times e mais recentemente desenvolvimento mobile utilizando HTML e Javascript.

Termos como #backend, #frontend e #fullstack fazem parte do meu dia a dia.

Não deixe de acompanhar meu blog, canal youtube e meus produtos digitais.

Divirta-se e bons estudos. :-)
Paulo Eduardo on sabyoutubePaulo Eduardo on sabinstagramPaulo Eduardo on sabgithubPaulo Eduardo on sabfacebook
✌(◕‿-)✌ Tempo Limitado - Tenha acesso a nossa área de DownloadsClique Aqui - É Grátis
How to whitelist website on AdBlocker?