Home
Button Mobile Webdesign em Foco
Newsletter Webdesign em Foco
Support Webdesign em Foco
Contribuition Webdesign em Foco
Doe para a Webdesign em Foco
Suporte da Webdesign em Foco
Fechar

Meu Primeiro App com React Native - #31 Deploy com Heroku I - Database

31/10/2020

No tutorial de hoje iniciaremos o deploy da nossa aplicação criada em NodeJS para o servidor Heroku enviando para o ar o banco de dados.

Deploy - NodeJS

Para enviar nossa aplicação do NodeJS para o ar seguiremos as seguintes etapas:
1 - Crie sua conta no Heroku
2 - Após efetuar o login clique em "Create New App" e dê um nome único ao seu app
3 - Insira os dados do seu cartão de crédito (não haverá cobrança).
4 - Baixe e instale o Heroku Cli
5 - Baixe o Mysql Workbench
6 - Baixe o Git

Configurando o banco de Dados

Na página inicial do Heroku acesse Configurar Add-ons >> Find More Add-ons e pesquise por ClearDB e Clique em Instalar.

Posteriormente acesse a página inicial do ClearDB e insira o nome do seu app criado lá no início da aula.

Para pegar os dados do banco de dados acesse Settings >> Review Config Bar. Ele vai gerar um código, desse código a primeira parte é o user, a segunda é a senha, após o arroba temos o servidor e depois da barra o banco de dados.

config/config.json

Após separar os dados do banco de dados iremos colá-lo no arquivo config.json:

"production": {
    "username": "SEU_USUÁRIO_HEROKU",
    "password": "SEU_PASSWORD_HEROKU",
    "database": "SEU_DATABASE_HEROKU",
    "host": "SEU_HOST_HEROKU",
    "dialect": "mysql"
  },

models/index.js

Vamos configurar para pegar os dados do banco de dados de produção. Basta alterar a linha abaixo:

const env = process.env.NODE_ENV || 'production';

Por hoje é só! Sucesso nos códigos e na vida!

Receba as aulas da Webdesign em Foco em Seu Email
Suporte Webdesign em Foco

Posts Relacionados

Meu Primeiro App com React Native - #30 Formulário de Push Notificações
Nesse tutorial vamos incrementar nosso envio de mensagens push criando um formulário para personalizar o conteúdo das mensagens.
Saiba mais!
Meu Primeiro App com React Native - #32 Deploy com Heroku II - Arquivos
Nesse tutorial faremos o deploy dos arquivos para o Heroku enviando todo o nosso sistema backend para o ar.
Saiba mais!
React JS
Nessa seção aprenderemos sobre essa importante biblioteca Javascript desenvolvida pelo Facebook para facilitar a construção backend dos nossos websites.
Saiba mais!