163 lines
3.7 KiB
Markdown
163 lines
3.7 KiB
Markdown
# ✅ CHECKLIST NETLIFY - CONFIGURAÇÃO COMPLETA
|
||
|
||
## STATUS ATUAL
|
||
- ✅ SQL executado com sucesso (2 usuários no banco)
|
||
- ✅ Políticas RLS configuradas
|
||
- ⚠️ Login ainda não funciona no Netlify
|
||
|
||
---
|
||
|
||
## 🔧 CONFIGURAÇÕES NECESSÁRIAS
|
||
|
||
### 1️⃣ VARIÁVEIS DE AMBIENTE NO NETLIFY
|
||
|
||
**CRÍTICO:** O Netlify NÃO lê o arquivo `.env` local!
|
||
|
||
#### Como configurar:
|
||
|
||
1. Acesse: https://app.netlify.com
|
||
2. Clique no seu site
|
||
3. Vá em: **Site settings** → **Environment variables**
|
||
4. Clique em **Add a variable**
|
||
5. Adicione estas 2 variáveis:
|
||
|
||
```
|
||
Key: VITE_SUPABASE_URL
|
||
Value: https://xzudfhifaancyxxfdejx.supabase.co
|
||
|
||
Key: VITE_SUPABASE_ANON_KEY
|
||
Value: eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Inh6dWRmaGlmYWFuY3l4eGZkZWp4Iiwicm9sZSI6ImFub24iLCJpYXQiOjE3NzEzNjE0MTAsImV4cCI6MjA4NjkzNzQxMH0.c5CHWhfXcMrm27LfxEt6OZtttXXvVJOeWu-IbnNLfWY
|
||
```
|
||
|
||
6. **IMPORTANTE:** Após adicionar, clique em **Trigger deploy** para fazer um novo deploy
|
||
|
||
---
|
||
|
||
### 2️⃣ REDIRECT URLs NO SUPABASE
|
||
|
||
1. Acesse: https://supabase.com/dashboard/project/xzudfhifaancyxxfdejx/auth/url-configuration
|
||
|
||
2. Na seção **Redirect URLs**, adicione (substitua `SEU-SITE` pelo domínio real):
|
||
|
||
```
|
||
https://SEU-SITE.netlify.app/auth/callback
|
||
https://SEU-SITE.netlify.app/*
|
||
```
|
||
|
||
**Exemplo:**
|
||
```
|
||
https://rdo-tracksteel.netlify.app/auth/callback
|
||
https://rdo-tracksteel.netlify.app/*
|
||
```
|
||
|
||
3. Na seção **Site URL**, configure:
|
||
```
|
||
https://SEU-SITE.netlify.app
|
||
```
|
||
|
||
4. Clique em **Save**
|
||
|
||
---
|
||
|
||
### 3️⃣ GOOGLE CLOUD CONSOLE (OAuth)
|
||
|
||
1. Acesse: https://console.cloud.google.com/apis/credentials
|
||
|
||
2. Clique no seu **OAuth 2.0 Client ID**
|
||
|
||
3. Em **Authorized redirect URIs**, adicione:
|
||
|
||
```
|
||
https://xzudfhifaancyxxfdejx.supabase.co/auth/v1/callback
|
||
https://SEU-SITE.netlify.app/auth/callback
|
||
```
|
||
|
||
4. Clique em **Save**
|
||
|
||
---
|
||
|
||
## 🧪 COMO TESTAR
|
||
|
||
### Teste 1: Verificar Variáveis de Ambiente
|
||
|
||
Após fazer o deploy no Netlify:
|
||
|
||
1. Abra o site no Netlify
|
||
2. Pressione **F12** (Console do navegador)
|
||
3. Digite:
|
||
|
||
```javascript
|
||
console.log('URL:', import.meta.env.VITE_SUPABASE_URL)
|
||
console.log('Key:', import.meta.env.VITE_SUPABASE_ANON_KEY?.substring(0, 20) + '...')
|
||
```
|
||
|
||
**Resultado esperado:**
|
||
```
|
||
URL: https://xzudfhifaancyxxfdejx.supabase.co
|
||
Key: eyJhbGciOiJIUzI1NiIs...
|
||
```
|
||
|
||
**Se retornar `undefined`** = Variáveis não configuradas no Netlify!
|
||
|
||
---
|
||
|
||
### Teste 2: Verificar Login
|
||
|
||
1. Clique em "Login com Google"
|
||
2. Autorize o app
|
||
3. Deve redirecionar para `/auth/callback`
|
||
4. Deve fazer login com sucesso
|
||
|
||
---
|
||
|
||
## 🔍 DIAGNÓSTICO DE ERROS
|
||
|
||
### Erro: "Invalid redirect URL"
|
||
- ❌ Faltou adicionar URL no Supabase (passo 2)
|
||
- ❌ Faltou adicionar URI no Google Cloud (passo 3)
|
||
|
||
### Erro: "Environment variables not defined"
|
||
- ❌ Faltou configurar variáveis no Netlify (passo 1)
|
||
- ❌ Faltou fazer novo deploy após configurar
|
||
|
||
### Erro: 401 Unauthorized
|
||
- ✅ Já resolvido com o SQL que você executou!
|
||
|
||
### Login funciona mas volta para tela de login
|
||
- ❌ Variáveis de ambiente não configuradas
|
||
- ❌ Redirect URLs não configuradas
|
||
|
||
---
|
||
|
||
## 📋 ORDEM DE EXECUÇÃO
|
||
|
||
1. ✅ **SQL executado** (você já fez!)
|
||
2. ⬜ **Configurar variáveis no Netlify** (passo 1)
|
||
3. ⬜ **Fazer novo deploy no Netlify**
|
||
4. ⬜ **Configurar Redirect URLs no Supabase** (passo 2)
|
||
5. ⬜ **Configurar OAuth no Google Cloud** (passo 3)
|
||
6. ⬜ **Testar login**
|
||
|
||
---
|
||
|
||
## 🎯 QUAL É O SEU DOMÍNIO NETLIFY?
|
||
|
||
Para eu te dar os comandos exatos, me informe:
|
||
|
||
**Qual é a URL do seu site no Netlify?**
|
||
|
||
Exemplo: `https://rdo-tracksteel.netlify.app`
|
||
|
||
Com essa informação, posso te dar os valores exatos para copiar e colar!
|
||
|
||
---
|
||
|
||
## 💡 DICA RÁPIDA
|
||
|
||
Se você ainda não sabe a URL do Netlify:
|
||
|
||
1. Acesse: https://app.netlify.com
|
||
2. Clique no seu site
|
||
3. A URL está no topo da página (ex: `https://nome-do-site.netlify.app`)
|
||
|