Nos guias de início rápido, explicamos como configurar e executar um app que chama uma API do Google Workspace.
Os guias de início rápido do Google Workspace usam as bibliotecas de cliente da API para lidar com alguns detalhes do fluxo de autenticação e autorização. Recomendamos que você use as bibliotecas de cliente nos seus próprios apps. Neste guia de início rápido, usamos uma abordagem de autenticação simplificada, apropriada para um ambiente de teste. Para um ambiente de produção, é recomendável aprender sobre autenticação e autorização antes de escolher as credenciais de acesso adequadas para seu app.
Crie um aplicativo da Web JavaScript que faz solicitações à API Google Sheets.
Objetivos
- Configurar o ambiente.
- Configure a amostra.
- Execute a amostra.
Pré-requisitos
- Node.js e npm instalados.
- Um projeto do Google Cloud.
- Uma Conta do Google
Configurar o ambiente
Para concluir este guia de início rápido, configure seu ambiente.
Ativar a API
Antes de usar as APIs do Google, você precisa ativá-las em um projeto do Google Cloud. É possível ativar uma ou mais APIs em um único projeto do Google Cloud.No console do Google Cloud, ative a API Google Sheets.
Configurar a tela de permissão OAuth
Se você estiver usando um novo projeto do Google Cloud para concluir este guia de início rápido, configure a tela de permissão OAuth e adicione-se como um usuário de teste. Se você já concluiu esta etapa no seu projeto do Cloud, pule para a próxima seção.
- No console do Google Cloud, acesse Menu > APIs e serviços > Tela de permissão OAuth.
- Selecione o tipo de usuário para seu app e clique em Criar.
- Preencha o formulário de registro do app e clique em Salvar e continuar.
Por enquanto, pule a adição de escopos e clique em Salvar e continuar. No futuro, quando você criar um app para uso fora da organização do Google Workspace, será necessário adicionar e verificar os escopos de autorização exigidos pelo app.
- Se você selecionou Externo como tipo de usuário, adicione usuários de teste:
- Em Usuários de teste, clique em Adicionar usuários.
- Insira seu endereço de e-mail e outros usuários de teste autorizados. Em seguida, clique em Salvar e continuar.
- Leia o resumo do registro do seu app. Para fazer mudanças, clique em Editar. Se o registro do app estiver certo, clique em Voltar para o painel.
Autorizar credenciais para um aplicativo da Web
Para fazer a autenticação como usuário final e acessar os dados do usuário no app, crie um ou mais IDs do cliente OAuth 2.0. Um ID do cliente é usado para identificar um único app nos servidores OAuth do Google. Caso seu app seja executado em várias plataformas, crie um ID do cliente separado para cada uma delas.- No console do Google Cloud, acesse Menu > APIs e serviços > Credenciais.
- Clique em Criar credenciais > ID do cliente OAuth.
- Clique em Tipo de aplicativo > Aplicativo da Web.
- No campo Nome, digite um nome para a credencial. Esse nome só é mostrado no console do Google Cloud.
- Adicione URIs autorizados relacionados ao seu app:
- Aplicativos do lado do cliente (JavaScript): em Origens JavaScript autorizadas, clique em Adicionar URI. Em seguida, insira um URI para usar nas solicitações do navegador. Identifica os domínios a partir dos quais seu aplicativo pode enviar solicitações de API para o servidor OAuth 2.0.
- Aplicativos do lado do servidor (Java, Python e outros): em URIs de redirecionamento autorizados, clique em Adicionar URI. Em seguida, insira um URI de endpoint para o qual o servidor OAuth 2.0 possa enviar respostas.
- Clique em Criar. A tela do cliente OAuth criado é exibida, mostrando o novo ID do cliente e a chave secreta do cliente.
Anote o ID do cliente. As chaves secretas do cliente não são usadas para aplicativos da Web.
- Clique em OK. A credencial recém-criada aparece em IDs do cliente OAuth 2.0.
Anote essas credenciais, porque você vai precisar delas mais adiante neste guia de início rápido.
crie uma chave de API
- No console do Google Cloud, acesse Menu > APIs e serviços > Credenciais.
- Clique em Criar credenciais > chave de API.
- Sua nova chave de API é exibida.
- Clique em Copiar para copiar sua chave de API e usar no código do app. A chave também aparece na seção "Chaves de API" das credenciais do seu projeto.
- Clique em Restringir chave para atualizar as configurações avançadas e limitar o uso da sua chave de API. Para ver mais detalhes, consulte Como aplicar restrições de chave de API.
Configure a amostra
- No diretório de trabalho, crie um arquivo chamado
index.html
. No arquivo
index.html
, cole o seguinte exemplo de código:Substitua:
YOUR_CLIENT_ID
: o ID do cliente que você criou quando autorizou credenciais para um aplicativo da Web.YOUR_API_KEY
: a chave de API que você criou como Pré-requisito.
Executar a amostra
No diretório de trabalho, instale o pacote http-server:
npm install http-server
No diretório de trabalho, inicie um servidor da Web:
npx http-server -p 8000
No navegador, acesse
http://localhost:8000
.Na primeira execução do exemplo, ele solicita que você autorize o acesso:
- Se ainda não tiver feito login na sua Conta do Google, você será solicitado. Se você tiver feito login em várias contas, selecione uma delas para usar na autorização.
- Clique em Aceitar.
- Copie o código do navegador, cole-o no prompt da linha de comando e pressione
Enter
.
Como as informações de autorização são armazenadas no sistema de arquivos, a autorização não será solicitada na próxima vez que você executar o exemplo de código.
Você criou seu primeiro aplicativo JavaScript que faz solicitações à API Google Sheets.
Próximas etapas
- Resolver problemas de autenticação e autorização
- Documentação de referência da API Planilhas
- Seção
google-api-javascript-client
do GitHub (em inglês)