# šŸŽÆ CONFIGURAƇƃO EXATA - rdo.tracksteel.com.br ## āœ… VALORES PRONTOS PARA COPIAR E COLAR --- ## 1ļøāƒ£ NETLIFY - VARIƁVEIS DE AMBIENTE ### Acesse: https://app.netlify.com → Seu Site → Site settings → Environment variables ### Adicione estas 2 variĆ”veis: **VariĆ”vel 1:** ``` Key: VITE_SUPABASE_URL Value: https://xzudfhifaancyxxfdejx.supabase.co ``` **VariĆ”vel 2:** ``` Key: VITE_SUPABASE_ANON_KEY Value: eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Inh6dWRmaGlmYWFuY3l4eGZkZWp4Iiwicm9sZSI6ImFub24iLCJpYXQiOjE3NzEzNjE0MTAsImV4cCI6MjA4NjkzNzQxMH0.c5CHWhfXcMrm27LfxEt6OZtttXXvVJOeWu-IbnNLfWY ``` ### āš ļø IMPORTANTE: Após adicionar as variĆ”veis, clique em **"Trigger deploy"** para fazer um novo deploy! --- ## 2ļøāƒ£ SUPABASE - REDIRECT URLs ### Acesse: https://supabase.com/dashboard/project/xzudfhifaancyxxfdejx/auth/url-configuration ### Na seção "Redirect URLs", adicione estas URLs (uma por linha): ``` https://rdo.tracksteel.com.br/auth/callback https://rdo.tracksteel.com.br/* http://localhost:5173/auth/callback http://localhost:3000/auth/callback ``` ### Na seção "Site URL", configure: ``` https://rdo.tracksteel.com.br ``` ### Clique em **Save** --- ## 3ļøāƒ£ GOOGLE CLOUD CONSOLE - OAUTH ### Acesse: https://console.cloud.google.com/apis/credentials ### Clique no seu OAuth 2.0 Client ID ### Na seção "Authorized redirect URIs", adicione estas URIs: ``` https://xzudfhifaancyxxfdejx.supabase.co/auth/v1/callback https://rdo.tracksteel.com.br/auth/callback http://localhost:5173/auth/callback http://localhost:3000/auth/callback ``` ### Clique em **Save** --- ## 4ļøāƒ£ TESTE APƓS CONFIGURAR ### Teste 1: Verificar VariĆ”veis de Ambiente 1. Abra: https://rdo.tracksteel.com.br 2. Pressione **F12** (Console do navegador) 3. Cole este código: ```javascript console.log('URL:', import.meta.env.VITE_SUPABASE_URL) console.log('Key:', import.meta.env.VITE_SUPABASE_ANON_KEY?.substring(0, 30) + '...') ``` **Resultado esperado:** ``` URL: https://xzudfhifaancyxxfdejx.supabase.co Key: eyJhbGciOiJIUzI1NiIsInR5cCI6Ik... ``` **Se retornar `undefined`:** - āŒ VariĆ”veis nĆ£o foram configuradas no Netlify - āŒ Ou vocĆŖ nĆ£o fez o novo deploy após configurar --- ### Teste 2: Login com Google 1. Acesse: https://rdo.tracksteel.com.br 2. Clique em **"Login com Google"** 3. Autorize o app 4. Deve redirecionar para: `https://rdo.tracksteel.com.br/auth/callback` 5. Deve fazer login com sucesso e ir para a pĆ”gina inicial --- ## šŸ“‹ CHECKLIST DE EXECUƇƃO - [ ] 1. Configurar variĆ”veis no Netlify - [ ] 2. Fazer novo deploy no Netlify (Trigger deploy) - [ ] 3. Aguardar deploy finalizar (2-3 minutos) - [ ] 4. Configurar Redirect URLs no Supabase - [ ] 5. Configurar OAuth no Google Cloud - [ ] 6. Testar variĆ”veis de ambiente (Teste 1) - [ ] 7. Testar login com Google (Teste 2) --- ## šŸ” DIAGNƓSTICO DE PROBLEMAS ### Problema: VariĆ”veis retornam `undefined` **Solução:** 1. Verifique se adicionou as variĆ”veis no Netlify 2. Verifique se fez o novo deploy 3. Aguarde o deploy finalizar completamente 4. Limpe o cache do navegador (Ctrl+Shift+Delete) ### Problema: "Invalid redirect URL" **Solução:** 1. Verifique se adicionou as URLs no Supabase (passo 2) 2. Verifique se adicionou as URIs no Google Cloud (passo 3) 3. Aguarde 1-2 minutos para as configuraƧƵes propagarem ### Problema: Erro 401 após login **Solução:** - āœ… JĆ” resolvido! VocĆŖ executou o SQL corretamente ### Problema: Login funciona mas volta para tela de login **Solução:** 1. Verifique se as variĆ”veis de ambiente estĆ£o configuradas 2. Verifique se o novo deploy foi feito 3. Limpe o cache do navegador --- ## šŸŽÆ RESUMO RƁPIDO **3 lugares para configurar:** 1. **Netlify** → VariĆ”veis de ambiente + Novo deploy 2. **Supabase** → Redirect URLs 3. **Google Cloud** → Redirect URIs **Tempo estimado:** 10-15 minutos --- ## šŸ’” DICA IMPORTANTE Após configurar tudo, aguarde 2-3 minutos para: - Deploy do Netlify finalizar - ConfiguraƧƵes do Supabase propagarem - ConfiguraƧƵes do Google Cloud propagarem Depois teste o login! --- **Qualquer dĆŗvida, me avise em qual passo vocĆŖ estĆ”!**