Primeiros passos com Node.js

Este tutorial é para quem está começando a criar apps na nuvem, como engenheiros e desenvolvedores da Web que querem aprender os conceitos principais do desenvolvimento de apps no que se referem ao Google Cloud.

Objetivos

• Conhecer ferramentas básicas do Google Cloud, como o Console do Google Cloud e a gcloud.
• Implantar seu app no ambiente padrão do App Engine.
• Manter seus dados no Firestore.
• Armazenar uploads de arquivos no Cloud Storage.
• Monitore seu aplicativo usando o pacote de operações do Google Cloud.

Custos

Neste documento, você usará os seguintes componentes faturáveis do Google Cloud:

• App Engine
• Cloud Storage
• Firestore
• Conjunto de operações do Google Cloud

As instruções deste documento foram criadas para manter o uso de seus recursos dentro dos limites do nível Sempre gratuito do Google Cloud. Para gerar uma estimativa de custo baseada na projeção de uso deste tutorial, use a calculadora de preços. Novos usuários do Google Cloud podem estar qualificados para uma avaliação gratuita.

Ao concluir as tarefas descritas neste documento, é possível evitar o faturamento contínuo excluindo os recursos criados. Saiba mais em Limpeza.

Antes de começar

1. Sign in to your Google Cloud account. If you're new to Google Cloud, create an account to evaluate how our products perform in real-world scenarios. New customers also get $300 in free credits to run, test, and deploy workloads.

2. In the Google Cloud console, on the project selector page, select or create a Google Cloud project.

   Note: If you don't plan to keep the resources that you create in this procedure, create a project instead of selecting an existing project. After you finish these steps, you can delete the project, removing all resources associated with the project.

   Go to project selector

3. Make sure that billing is enabled for your Google Cloud project.

4. In the Google Cloud console, on the project selector page, select or create a Google Cloud project.

   Note: If you don't plan to keep the resources that you create in this procedure, create a project instead of selecting an existing project. After you finish these steps, you can delete the project, removing all resources associated with the project.

   Go to project selector

5. Make sure that billing is enabled for your Google Cloud project.

6. Para criar um banco de dados do Firestore no modo nativo, conclua as seguintes etapas:
   1. No Console do Cloud, acesse a página do visualizador do Firestore.
      Acessar o visualizador do Firestore
   2. Na tela Selecione um modo do Cloud Firestore, clique em Selecionar Modo nativo.
   3. Selecione um local para seu banco de dados do Firestore. Essa configuração é o local padrão de recurso do Google Cloud para seu projeto do Cloud . O local é usado para serviços do seu projeto do Google Cloud que exigem uma configuração desse tipo, especificamente, o bucket padrão do Cloud Storage e o aplicativo do App Engine.
      Aviso: depois de definir o local padrão de recurso para seu projeto do Cloud, não será possível alterá-lo.
   4. Clique em Criar banco de dados.

7. Enable the App Engine Admin, Cloud Storage, Cloud Logging, and Error Reporting APIs.

   Enable the APIs

8. Clone o repositório de amostra e abra o aplicativo de amostra no Cloud Shell:
   Acessar o Cloud Shell

   O Cloud Shell oferece acesso de linha de comando aos seus recursos do Google Cloud diretamente no navegador.

9. Para fazer o download do código de exemplo e passar para o diretório do app, clique em Continuar.

10. No Cloud Shell, configure a ferramenta gcloud para usar seu novo projeto do Google Cloud:

    # Configure gcloud for your project
    gcloud config set project PROJECT_ID
    

    Substitua PROJECT_ID pelo ID do projeto do Google Cloud que você criou usando o Console do Cloud.

    A CLI do Google Cloud é a principal maneira de interagir com seus recursos do Google Cloud na linha de comando. Neste tutorial, você usará a ferramenta gcloud para implantar e monitorar seu app.

Como executar o app

1. Instale as dependências do app usando o comando npm:

   npm install
   

2. Execute o app:

   npm start
   

3. No Cloud Shell, clique em Visualização da Web e selecione Visualizar na porta 8080. Uma nova janela será aberta com o app em execução.

Como implantar o app no App Engine

O Google Cloud oferece várias opções de execução do código. Neste exemplo, você usa o App Engine para implantar um app escalonável no Google Cloud. Não é necessário usar configurações na implantação nem gerenciar servidores. Com o App Engine, você se dedica a escrever o código. Além disso, o App Engine é escalonado automaticamente para dar suporte aos picos de tráfego repentinos.

O arquivo app.yaml contém a principal configuração para implantar no App Engine:

bookshelf/app.yaml

Ver no GitHub

runtime: nodejs10

instance_class: F2

1. Na janela de terminal, implante o aplicativo no App Engine usando a CLI gcloud:

   # on the command-line
   gcloud app deploy
   

2. No navegador da Web, digite este URL:

   https://PROJECT_ID.REGION_ID.r.appspot.com

   Substitua:

   • PROJECT_ID: é o ID do projeto do Google Cloud.
   • REGION_ID: um código que o App Engine atribui ao seu app
   
   Observação: esse domínio protegido por SSL é criado automaticamente e é útil para desenvolvimento. Você também pode definir um domínio personalizado com o App Engine.

Para mais informações sobre como implantar no App Engine, consulte o ambiente de execução do Node.js 10.

Como manter os dados no Firestore

Não é possível armazenar informações em suas instâncias do App Engine porque os dados são perdidos se a instância é reiniciada e deixam de existir quando novas instâncias são criadas. No entanto, é possível usar um banco de dados no qual todas as suas instâncias possam ler e gravar dados.

O Google Cloud oferece várias opções para armazenar seus dados. Neste exemplo, você usa o Firestore para armazenar os dados de cada livro. O Firestore é um banco de dados de documentos NoSQL totalmente gerenciado e sem servidor, que permite armazenar e consultar dados. Ele é escalonado automaticamente para atender às necessidades do app, sendo reduzido a zero quando não estiver sendo usado. Adicione seu primeiro livro agora.

1. No navegador da Web, digite este URL:

   https://PROJECT_ID.REGION_ID.r.appspot.com

   Substitua:

   • PROJECT_ID: é o ID do projeto do Google Cloud.
   • REGION_ID: um código que o App Engine atribui ao seu app

2. Para criar um livro para seu app implantado, clique em Adicionar livro.

   
3. No campo Título, insira Moby Dick.
4. No campo Autor, insira Herman Melville.

5. Clique em Salvar. Agora há uma entrada em seu app Bookshelf.

   
6. No Console do Cloud, para atualizar a página do Firestore clique em Atualizar . Os dados são exibidos no Firestore. O app Bookshelf armazena cada livro como um documento do Firestore com um ID exclusivo. Todos esses documentos são armazenados em uma coleção do Cloud Firestore. Para os fins deste tutorial, a coleção é chamada de books.

O Firestore armazena os livros usando a biblioteca de cliente do Firestore (em inglês). Veja a seguir um exemplo de como buscar um documento do Firestore:

bookshelf/books/firestore.js

Ver no GitHub

const {Firestore} = require('@google-cloud/firestore');

const db = new Firestore();
const collection = 'Book';

async function read(id) {
  const doc = await db.collection(collection).doc(id).get();

  if (!doc.exists) {
    throw new Error('No such document!');
  }
  return doc.data();
}

Para mais informações sobre como usar o Firestore, consulte Como adicionar dados ao Firestore.

Como armazenar uploads de arquivos no Cloud Storage

Agora que você adicionou um livro, é hora de adicionar a imagem da capa. Não é possível armazenar arquivos em suas instâncias. Um banco de dados não é a opção correta para arquivos de imagem. Em vez disso, use o Cloud Storage.

O Cloud Storage é o principal repositório de blobs do Google Cloud. Use o Cloud Storage para hospedar recursos de app que você quer compartilhar em todo o Google Cloud. Para usar o Cloud Storage, você precisa criar um bucket do Cloud Storage, um contêiner básico para guardar seus dados.

1. No Console do Cloud, acesse a página Navegador do Cloud Storage.

   Acessar a página "Navegador do Cloud Storage"

2. Clique em Criar bucket.
3. Na caixa de diálogo Criar bucket, insira um nome para ele, anexando o ID do projeto do Google Cloud à string _bucket, de modo que o nome fique assim: YOUR_PROJECT_ID_bucket. Este nome está sujeito aos requisitos de nome de bucket. Todos os demais campos permanecem nos valores padrão.
4. Clique em Criar.
5. Após a criação do bucket, libere o acesso público aos objetos para que os usuários consigam vê-los. Para saber como fazer isso, consulte Como tornar os dados públicos.
6. Clique em Editar livroe selecione uma imagem para carregar como a capa. Por exemplo, é possível usar este arquivo de domínio público:
   
7. Clique em Salvar. Você será redirecionado para a página inicial onde há uma entrada do seu app Bookshelf.
   

O app Bookshelf envia os arquivos carregados para o Cloud Storage usando a biblioteca de cliente do Cloud Storage.

bookshelf/lib/images.js

Ver no GitHub

const {Storage} = require('@google-cloud/storage');

const storage = new Storage();
const bucket = storage.bucket(CLOUD_BUCKET);

Observação: é possível alterar o nome do bucket definindo a variável CLOUD_BUCKET no código anterior com um nome diferente e reimplantando o app executando o gcloud app deploy comando.

Para mais informações sobre como usar o Cloud Storage, consulte a lista de guias de instruções.

Como monitorar seu aplicativo usando o pacote de operações do Google Cloud

Você implantou seu app, depois criou e modificou livros. Para monitorar esses eventos para seus usuários, use o Gerenciamento do desempenho de aplicativos.

Monitore registros com o Cloud Logging

Cloud Console

1. No navegador, acesse o URL /logs em seu app:

   https://PROJECT_ID.REGION_ID.r.appspot.com/logs

   Isso envia uma entrada personalizada para o Cloud Logging. A entrada tem gravidade de registro NOTICE e contém a mensagem "Você acionou uma entrada de registro personalizada. Bom trabalho!".

2. Acesse o Visualizador de registros, onde é possível monitorar seu app em tempo real. Quando acontece algo errado, este é um dos primeiros lugares que você precisa verificar.
   
3. Na lista suspensa de recursos, selecione GAE Application.
4. Na lista suspensa de registros, selecione Todos os registros.

   Há uma linha para a entrada de registro personalizada.

   

gcloud

1. Na janela de terminal, use a CLI do Google Cloud para monitorar os registros do app escutando novas entradas:

   gcloud app logs tail

2. No navegador, acesse o URL /logs em seu app:

   https://PROJECT_ID.REGION_ID.r.appspot.com/logs

   Isso envia uma entrada personalizada para o Cloud Logging. A entrada tem gravidade de registro NOTICE e contém a mensagem "Você acionou uma entrada de registro personalizada. Bom trabalho!".

   A saída do comando gcloud exibe a nova entrada de registro:

   Waiting for new log entries...
   2019-03-27 22:17:01 default[20190327t151430]  "Hey, you triggered a custom log entry. Good job!"
   

Monitore erros com o Error Reporting

1. No Console do Cloud, acesse a página Error Reporting.
   Acessar a página Error Reporting
   O Error Reporting destaca os erros e as exceções em seu app, além de permitir que você configure alertas para eles.
2. No navegador, acesse o URL /errors em seu app.
   

   https://PROJECT_ID.REGION_ID.r.appspot.com/errors

   Isso gera uma nova exceção de teste e a envia ao pacote de operações do Google Cloud.

3. No Console do Cloud, volte para a página Error Reporting e aguarde alguns instantes para ver o novo erro. Clique em Recarregar automaticamente para não precisar atualizar manualmente a página.

   

Observação: o Gerenciamento do desempenho de apps contém muitas ferramentas para ajudar a depurar e monitorar seus apps. Para mais informações, consulte os tutoriais.

Limpar

Para evitar cobranças na sua conta do Google Cloud pelos recursos usados no tutorial, exclua o projeto que os contém ou mantenha o projeto e exclua os recursos individuais.

Exclua o projeto

Cuidado: excluir um projeto tem os seguintes efeitos:

• Tudo no projeto é excluído. Se você tiver usado um projeto existente para as tarefas neste documento, a exclusão dele incluirá a exclusão de quaisquer outros trabalhos feitos no projeto.
• Os IDs do projeto personalizados são perdidos. Ao criar o projeto, você pode ter criado um código do projeto personalizado para ser usado no futuro. Para preservar os URLs que usam o ID do projeto, como um URL appspot.com, exclua recursos específicos do projeto, em vez de excluir o projeto inteiro.

Se você planeja passar por várias arquiteturas, tutoriais ou guias de início rápido, a reutilização de projetos pode evitar que você exceda os limites da cota do projeto.

1. In the Google Cloud console, go to the Manage resources page.

   Go to Manage resources

2. In the project list, select the project that you want to delete, and then click Delete.
3. In the dialog, type the project ID, and then click Shut down to delete the project.

A seguir

• Como implantar um app no Google Kubernetes Engine
• Como implantar um aplicativo no Compute Engine
• Como gerenciar sessões com o Firestore