105 lines
2.6 KiB
Markdown
105 lines
2.6 KiB
Markdown
# 🧪 TESTE DE VARIÁVEIS NO NAVEGADOR
|
|
|
|
## ❌ ERRO NO CONSOLE
|
|
|
|
O comando `import.meta.env` NÃO funciona no console do navegador!
|
|
|
|
Ele só funciona dentro do código da aplicação durante o build.
|
|
|
|
---
|
|
|
|
## ✅ COMO TESTAR CORRETAMENTE
|
|
|
|
### Opção 1: Verificar no código fonte
|
|
|
|
1. Abra: https://rdo.tracksteel.com.br
|
|
2. Pressione **F12** (DevTools)
|
|
3. Vá na aba **Sources** ou **Debugger**
|
|
4. Procure por arquivos `.js` no painel esquerdo
|
|
5. Abra qualquer arquivo e procure por `xzudfhifaancyxxfdejx`
|
|
6. Se encontrar = ✅ Variáveis configuradas!
|
|
7. Se NÃO encontrar = ❌ Variáveis não foram injetadas no build
|
|
|
|
---
|
|
|
|
### Opção 2: Verificar no Network
|
|
|
|
1. Abra: https://rdo.tracksteel.com.br
|
|
2. Pressione **F12** (DevTools)
|
|
3. Vá na aba **Network**
|
|
4. Clique em "Login com Google"
|
|
5. Procure por requisições para `xzudfhifaancyxxfdejx.supabase.co`
|
|
6. Se aparecer = ✅ Variáveis configuradas!
|
|
7. Se NÃO aparecer = ❌ Variáveis não foram injetadas
|
|
|
|
---
|
|
|
|
### Opção 3: Adicionar console.log temporário
|
|
|
|
Adicione este código no arquivo `src/lib/supabase.ts` (linha 6):
|
|
|
|
```typescript
|
|
const supabaseUrl = import.meta.env.VITE_SUPABASE_URL
|
|
const supabaseAnonKey = import.meta.env.VITE_SUPABASE_ANON_KEY
|
|
|
|
// ADICIONAR ESTAS LINHAS TEMPORÁRIAS:
|
|
console.log('🔍 SUPABASE URL:', supabaseUrl)
|
|
console.log('🔍 SUPABASE KEY:', supabaseAnonKey?.substring(0, 30) + '...')
|
|
```
|
|
|
|
Depois faça commit, push e aguarde o deploy no Netlify.
|
|
|
|
Quando abrir o site, vai aparecer no console!
|
|
|
|
---
|
|
|
|
## 🚨 PROBLEMA IDENTIFICADO
|
|
|
|
O erro **401 Unauthorized** com `grant_type=pkce` indica que:
|
|
|
|
1. ✅ As variáveis de ambiente ESTÃO configuradas (senão daria outro erro)
|
|
2. ❌ O flowType estava configurado como `pkce` que não funciona bem em produção
|
|
3. ✅ JÁ CORRIGI mudando para `implicit`
|
|
|
|
---
|
|
|
|
## 📋 PRÓXIMOS PASSOS
|
|
|
|
1. ✅ **Código corrigido** (mudei flowType para implicit)
|
|
2. ✅ **Push feito** para o GitHub
|
|
3. ⏳ **Aguardar deploy** no Netlify (2-3 minutos)
|
|
4. 🧪 **Testar login** novamente
|
|
|
|
---
|
|
|
|
## ⏰ AGUARDE O DEPLOY
|
|
|
|
O Netlify precisa fazer o build novamente com o código corrigido.
|
|
|
|
**Como verificar se o deploy terminou:**
|
|
|
|
1. Acesse: https://app.netlify.com
|
|
2. Clique no seu site
|
|
3. Vá em **Deploys**
|
|
4. Aguarde o deploy mais recente ficar **"Published"** (verde)
|
|
5. Depois teste o login!
|
|
|
|
---
|
|
|
|
## 🎯 TESTE APÓS O DEPLOY
|
|
|
|
1. Abra: https://rdo.tracksteel.com.br
|
|
2. Limpe o cache (Ctrl+Shift+Delete → Limpar tudo)
|
|
3. Recarregue a página (Ctrl+F5)
|
|
4. Clique em "Login com Google"
|
|
5. Deve funcionar agora!
|
|
|
|
---
|
|
|
|
## 🔍 SE AINDA DER ERRO
|
|
|
|
Me envie print do console (F12) mostrando:
|
|
- Aba **Console** (mensagens de erro)
|
|
- Aba **Network** (requisições falhando)
|
|
|