Skip to content

Instantly share code, notes, and snippets.

@taciara
Created August 17, 2023 18:11
Show Gist options
  • Save taciara/2e6ec384fb512e4ebf51c760c1f96d58 to your computer and use it in GitHub Desktop.
Save taciara/2e6ec384fb512e4ebf51c760c1f96d58 to your computer and use it in GitHub Desktop.
enviar os dados do localStorage para uma planilha do Google
Para enviar os dados do localStorage para uma planilha do Google, você precisará criar uma integração usando a API do Google Sheets. A seguir, descrevo os passos básicos para realizar essa tarefa:
Crie uma Planilha do Google:
Abra o Google Drive.
Clique no botão "Novo" e selecione "Google Planilhas" para criar uma nova planilha.
Nomeie a planilha e adicione as colunas correspondentes aos dados que você deseja armazenar.
Crie um Projeto na Google Cloud Platform:
Acesse a Google Cloud Platform Console.
Crie um novo projeto ou selecione um projeto existente.
Ative a API do Google Sheets para o projeto.
Crie credenciais de API (chave de API) para autenticação. Selecione "Credenciais" no menu lateral e crie uma "Chave de API".
Configurações no Código:
No seu código JavaScript, primeiro obtenha os dados do localStorage que você deseja enviar.
Use a API do Google Sheets para autenticação e envio dos dados para a planilha.
Aqui está um exemplo simplificado usando a biblioteca gapi da Google:
<script>
// Carregar a API do Google Sheets
gapi.load('client:auth2', () => {
gapi.client.init({
apiKey: 'SUA_CHAVE_DE_API',
discoveryDocs: ['https://sheets.googleapis.com/$discovery/rest?version=v4'],
}).then(() => {
// Autenticar o usuário (se necessário)
return gapi.auth2.getAuthInstance().signIn();
}).then(() => {
// Obter os dados do localStorage
const data = JSON.parse(localStorage.getItem('seus_dados'));
// ID da planilha
const spreadsheetId = 'ID_DA_PLANILHA';
// Nome da faixa onde você quer adicionar os dados
const range = 'A1'; // Exemplo: A1 para a primeira célula
// Preparar os valores a serem enviados
const values = [
[data.valor1, data.valor2, data.valor3] // Substitua pelos seus valores
];
// Enviar os dados para a planilha
gapi.client.sheets.spreadsheets.values.append({
spreadsheetId,
range,
valueInputOption: 'RAW',
insertDataOption: 'INSERT_ROWS',
resource: {
values
}
}).then((response) => {
console.log('Dados enviados com sucesso', response);
}).catch((error) => {
console.error('Erro ao enviar dados', error);
});
});
});
</script>
<h3>
Lembre-se de que esse é apenas um exemplo básico. Você precisará adaptar o código para suas necessidades específicas e garantir que tenha a biblioteca gapi carregada corretamente em seu projeto.
Além disso, lembre-se das considerações de segurança ao lidar com chaves de API e dados sensíveis.
</h3>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment