Configurar o ambiente de produção

Os pipelines do Heroku são uma ferramenta de entrega contínua. Pipelines são úteis para gerenciar múltiplos ambientes para o seu aplicativo. Usar pipelines remove o trabalho manual do processo de promover código.

Habilitar aplicativos de revisão.

  1. Acesse https://dashboard.heroku.com.
  2. Clique em dreamhouse-pipeline.
  3. Clique em Enable Review Apps... (Habilitar aplicativos de revisão...)
  4. Um pop-up aparecerá perguntando se você deseja herdar a mesma configuração do aplicativo que está sendo usado para seu ambiente de preparação. Selecione Create new review apps for new pull requests automatically (Criar novos aplicativos de revisão para novas solicitações pull automaticamente).
  5. Clique em Enable (Habilitar).

No GitHub, adicionar um novo recurso chamado Mortgage Calculator (Calculadora de hipoteca) usando uma ramificação de recurso.

  1. Abra uma guia separada e navegue até o seu repositório do GitHub em https://github.com/YOUR_USERNAME/intro-to-heroku.
  2. Clique no diretório app.
  3. Clique em app.html.
  4. Clique no ícone ícone de lápis para editar o arquivo.
  5. Copie este snippet de código e adicione-o após a linha 20. Isso adiciona um novo cabeçalho chamado Mortgage Calculator (Calculadora de hipoteca) na barra de navegação lateral do DreamHouse.
    <button menuClose ion-item><ion-icon item-left name="calculator"></ion-icon>Mortgage Calculator</button>

  6. Role até o final da página. Na caixa Commit Changes (Confirmar alterações), digite New Feature: Mortgage Calculator. Altere a descrição para Adding the Mortgage Calculator feature to navigation.
  7. Selecione Create a new branch for this commit and start a pull request (Criar uma nova ramificação para esta confirmação e iniciar uma solicitação pull).
  8. Mantenha o nome padrão da ramificação.
  9. Clique em Propose changes (Propor alterações).
  10. Clique em Create pull request (Criar solicitação pull).
  11. Mantenha esta guia aberta.

Aplicativos de revisão executam o código-fonte em qualquer solicitação pull do GitHub em um aplicativo completo, mas descartável, no Heroku. Você pode configurar os aplicativos de revisão de modo a serem criados automaticamente para cada solicitação pull. 

Verificar as suas alterações usando aplicativos de revisão.

  1. Volte ao painel do Heroku, https://dashboard.heroku.com. Clique em dreamhouse-pipeline. Confirme que consegue ver a coluna Review App (Aplicativo de revisão) com sua solicitação pull listada. Captura de tela do aplicativo de revisão criado para o recurso Mortgage Calculator (Calculadora de hipoteca). Ela mostra o nome da solicitação pull (dhdev-07312018-pr-1), o nome da confirmação (#1 New Feature: Mortgage Calculator), uma mensagem de registro (Creating app) e um link para visualizar os registros rotulados

    Se você for rápido, poderá voltar ao painel do pipeline e notar que sua solicitação pull está listada, mas o aplicativo de revisão ainda não foi criado.

    Captura de tela do aplicativo de revisão para o recurso Mortgage Calculator (Calculadora de hipoteca) que inclui o nome da confirmação #3 New Feature: Mortgage Calculator e um botão rotulado,

    Não se preocupe! Demora cerca de 10 segundos para o processo de implantação ser iniciado depois que você envia sua solicitação pull no GitHub. Então clique no botão Create Review App (Criar aplicativo de revisão) para iniciar o processo de implantação.
    Enquanto o aplicativo de revisão está sendo criado:
    • Clique no link View Log para monitorar os registros durante a execução da implantação.
    • Depois que a implantação for concluída, feche a janela de registro.
    • No bloco para seu aplicativo de revisão, clique em Open app (Abrir aplicativo) para verificar suas alterações.
      Exemplo de implantação
  2. Depois que o aplicativo de revisão for implantado:
    • Os registros não são mais exibidos na guia Pipeline.
    • Clique em ícone de setase clique em Open app in browser (Abrir aplicativo no navegador).
      Captura de tela do aplicativo de revisão criado para o recurso Mortgage Calculator (Calculadora de hipoteca) já implantado. Ela mostra o nome da solicitação pull (dhdev-20180725-pr-1), o nome da confirmação (#1 New Feature: Mortgage Calculator), a hora da implantação e um botão no canto para exibir os registros ou exibir o aplicativo de revisão.
  3. Quando o aplicativo DreamHouse abrir, clique no ícone de menu. Verifique se Mortgage Calculator (Calculadora de hipoteca) está listado na navegação.

Criar uma segunda solicitação pull para acionar a criação de um aplicativo de revisão.

  1. Navegue até seu repositório do GitHub em https://github.com/YOUR_USERNAME/intro-to-heroku.
  2. Clique no diretório app > pages > welcome e abra welcome.html.
  3. Clique no ícone ícone de lápispara editar o arquivo.
  4. Após a linha 4, copie e cole essa linha para adicionar um título à página de boas-vindas.
    <ion-title>Welcome to DreamHouse Realty (Bem-vindo à DreamHouse Realty)</ion-title>
  5. Role até o final da página na caixa de entrada Commit Changes (Confirmar alterações). Digite Changed Title. Altere a descrição para Title changed to Welcome to DreamHouse Realty.
  6. Selecione Create a new branch for this commit and start a pull request (Criar uma nova ramificação para esta confirmação e iniciar uma solicitação pull).
  7. Mantenha o nome padrão da ramificação.
  8. Clique em Propose changes (Propor alterações).
  9. Clique em Create pull request (Criar solicitação pull).
  10. Verifique o novo cabeçalho de boas-vindas seguindo os passos acima na etapa “Verificar suas alterações usando aplicativos de revisão”.

Ao revisar vários aplicativos de revisão abertos, você pode ver que os aplicativos estão em ramificações totalmente isoladas. 

Alteração 1: Novo recurso: Mortgage Calculator (Calculadora de hipoteca)

Captura de tela do aplicativo da web Dreamhouse usando a solicitação pull 1 com o recurso Mortgage Calculator (Calculadora de hipoteca) e sem a alteração de título.

Alteração 2: Título alterado

Captura de tela do aplicativo da web Dreamhouse usando a solicitação pull 2 com a alteração de título e sem o recurso Mortgage Calculator (Calculadora de hipoteca).

Mesclar os novos recursos na ramificação mestre

  1. Volte ao seu repositório do GitHub e clique na guia Pull Requests (Solicitações pull). Há duas solicitações pull listadas.

    Captura de tela do GitHub exibindo as duas solicitações pull para alteração de título e adição de um novo recurso.
  2. Clique em cada uma das solicitações pull. Role para baixo e clique em Merge pull request (Mesclar solicitação pull) e Confirm merge (Confirmar mesclagem).
  3. Volte à guia Heroku Pipeline (Pipeline do Heroku). O aplicativo de revisão foi removido e a alteração está sendo implantada no ambiente de preparação. Depois que as alterações tiverem sido implantadas no ambiente de preparação, você poderá promover seu aplicativo para produção para criar uma nova versão para usuários.
  4. Clique em Promote to production (Promover para produção)… e Promote (Promover).

Agora você criou uma nova versão de lançamento para qualquer usuário que quiser começar a procurar casas! Mas espere. Embora a interface de usuário esteja concluída, as propriedades no ambiente de produção ainda não foram mapeadas para nenhum Trailhead Playground. Vamos usar o Trailhead Playground existente para nos conectarmos ao nosso ambiente de produção. Ao criar ambientes de produção, você não deve usar o mesmo banco de dados do ambiente de preparação no ambiente de produção. Normalmente, precisaríamos criar um Trailhead Playground separado especificamente para produção. 

Para poupar tempo, vamos usar o Playground existente. Mas, se quiser criar uma organização de produção separada, inicie um novo Trailhead Playground, redefina as credenciais e instale o pacote Dreamhouse. Depois que criar o seu novo Trailhead Playground, volte a este passo para continuar a configurar seu pipeline. 

Importar configurações para o ambiente de produção

  1. Navegue até o painel Pipelines do Heroku, https://dashboard.heroku.com/apps.
  2. Ao lado do nome do seu pipeline (dreamhouse-pipeline) está escrito 2 apps. Clique em o ícone de setas ao lado de 2 apps.
    Captura de tela do painel do Heroku exibindo o pipeline dreamhouse e os aplicativos de produção e desenvolvimento do Heroku.
  3. Clique no aplicativo chamado dhprod-UNIQUE_ID.
  4. Clique na guia Resources (Recursos) e digite connect no campo Add-ons (Complementos).
  5. Selecione Heroku Connect para adicionar isso ao aplicativo de produção e clique em Submit Order Form (Enviar formulário de pedido).
  6. Clique no link Heroku Connect em Add-ons (Complementos). Você é redirecionado para uma nova guia com o painel Heroku Connect.
  7. Clique em Connections (Conexões).
  8. Clique na conexão que lista dhdev-UNIQUE_ID.
  9. Clique em Settings (Configurações) e, em seguida, Import/Export Configuration (Importar/Exportar configuração).  Exportaremos a configuração do Heroku Connect e usaremos no aplicativo de produção as mesmas configurações que usamos no aplicativo de desenvolvimento.
  10. Clique em Export (Exportar) e em Export (Exportar). As definições de configuração do Heroku Connect para o nosso aplicativo de desenvolvimento são baixadas localmente em um arquivo JSON.
  11. Salve o arquivo em seu computador.
  12. Clique em Cancelar.
  13. Para usar as definições que exportamos do aplicativo de desenvolvimento do Heroku, devemos importá-las para o nosso aplicativo de produção do Heroku. Clique em Connections (Conexões) e escolha a conexão dhprod-UNIQUE_ID.
  14. Na guia Overview (Visão geral), clique em Setup Connection (Configurar conexão).
  15. Clique na entrada do nome do esquema e verifique se o texto diz salesforce. Em seguida, clique em Next (Avançar).
  16. Clique em Authorize (Autorizar). Use suas credenciais Trailhead do seu Trailhead Playground original ou do Trailhead Playground de produção secundário.
  17. Clique em Allow (Permitir).
  18. Navegue até à guia Settings (Configurações), escolha Import/Export Configuration (Importar/Exportar configuração) , clique em Import (Importar), clique em Choose file (Escolher arquivo) e localize o arquivo .json a importar.
  19. Clique em Upload (Carregar) para iniciar a importação. Depois que o arquivo tiver sido importado com sucesso, o Heroku Connect começa a sincronizar os dados do seu Trailhead Playground autorizado para o banco de dados. Você saberá que o processo foi concluído quando os campos Salesforce Rows (Linhas Salesforce) e Database Rows (Linhas do banco de dados) exibirem o mesmo valor.
    Uma visão mais ampla da exibição de produção do painel Heroku Connect na exibição visão geral. Mostra que o status da conexão é ocioso, e os campos Salesforce Rows (Linhas Salesforce) e Database Rows (Linhas do banco de dados) exibem o número 26.
  20. Vá até o painel Heroku do seu aplicativo de produção, https://dashboard.heroku.com/apps/dhprod-UNIQUE_ID.
  21. Clique em More (Mais) e, em seguida, clique em Restart all dynos (Reiniciar todos os dynos).
  22. Clique em More (Mais) e, em seguida, clique em View Logs (Exibir registros). Depois que o estado da conexão mudar para ativo, clique em Open app (Abrir aplicativo) para exibir o aplicativo de produção.

Parabéns! Você tem um pipeline do Heroku completo.

Continue a aprender de graça!
Inscreva-se em uma conta para continuar.
O que você ganha com isso?
  • Receba recomendações personalizadas para suas metas de carreira
  • Pratique suas habilidades com desafios práticos e testes
  • Monitore e compartilhe seu progresso com os empregadores
  • Conecte-se a orientação e oportunidades de carreira