5.4 KiB
5.4 KiB
🚀 CONFIGURAÇÃO COMPLETA DO SUPABASE - LIBERI KIDS
📋 Passos para Configurar o Banco de Dados
1. Acessar o Painel do Supabase
- Acesse: https://ydhzylfnpqlxnzfcclla.supabase.co
- Faça login na sua conta
2. Executar Script Principal das Tabelas
- No painel do Supabase, vá em SQL Editor
- Clique em New Query
- Copie todo o conteúdo do arquivo
sql/supabase-setup.sql - Cole no editor e clique em Run
- ✅ Aguarde a execução completar (pode demorar alguns segundos)
3. Configurar Storage (Buckets)
- Ainda no SQL Editor, crie uma nova query
- Copie todo o conteúdo do arquivo
sql/supabase-storage.sql - Cole no editor e clique em Run
- ✅ Buckets serão criados automaticamente
4. Verificar Configuração
Após executar os scripts, verifique se foram criadas:
📊 Tabelas:
- ✅
clientes- Cadastro de clientes - ✅
fornecedores- Dados dos fornecedores - ✅
produtos- Catálogo de produtos - ✅
produto_variacoes- Variações (tamanho, cor, estoque) - ✅
vendas- Registro de vendas - ✅
venda_itens- Itens das vendas - ✅
parcelas- Controle de parcelas - ✅
devolucoes- Trocas e devoluções - ✅
despesas- Controle de despesas - ✅
tipos_despesa- Categorias de despesas - ✅
pedidos_catalogo- Pedidos do catálogo online - ✅
pedido_catalogo_itens- Itens dos pedidos - ✅
configuracoes- Configurações do sistema
🗂️ Buckets de Storage:
- ✅
produtos- Imagens dos produtos (5MB máx) - ✅
catalogo- Imagens otimizadas para catálogo (3MB máx)
5. Configurar Autenticação
- No painel do Supabase, vá em Authentication
- Vá em Settings → Auth Settings
- Configure:
- Site URL:
http://localhost:3000(ou sua URL de produção) - Redirect URLs: Adicione as URLs do seu catálogo
- Email Auth: Pode desabilitar (usaremos login por telefone)
- Site URL:
6. Configurar Políticas de Segurança (RLS)
As políticas já foram criadas automaticamente pelo script, mas verifique em:
- Authentication → Policies
- Devem existir políticas para
clientes,produtos,produto_variacoes, etc.
🔧 Configurações do Projeto
Credenciais já Configuradas:
- URL:
https://ydhzylfnpqlxnzfcclla.supabase.co - Anon Key:
eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...
Arquivos Atualizados:
- ✅
server.js- Configurações do Supabase - ✅
client/src/config/supabase.js- Cliente Supabase - ✅
site/supabase-integration.js- Integração do catálogo - ✅
site/index.html- Interface de login/cadastro - ✅
site/styles.css- Estilos dos modais e autenticação
🛍️ Funcionalidades Implementadas
📱 Catálogo Online:
- ✅ Login por WhatsApp - Clientes fazem login com número de telefone
- ✅ Cadastro Completo - Mesmos campos do app de estoque
- ✅ Produtos em Tempo Real - Sincronizados com estoque
- ✅ Carrinho de Compras - Funcional com controle de estoque
- ✅ Finalização via WhatsApp - Pedidos enviados automaticamente
🔄 Integração App ↔ Catálogo:
- ✅ Clientes Unificados - Mesmo cadastro para ambos
- ✅ Estoque Sincronizado - Produtos mostram disponibilidade real
- ✅ Pedidos Centralizados - Pedidos do catálogo aparecem no app
- ✅ Imagens Compartilhadas - Fotos dos produtos em ambos
🔐 Sistema de Autenticação:
- ✅ Login Seguro - Baseado no WhatsApp cadastrado
- ✅ Cadastro Automático - Dados vão direto para o app
- ✅ Sessão Persistente - Cliente permanece logado
- ✅ Logout Funcional - Limpa carrinho e sessão
🚀 Como Testar
1. Testar o Catálogo:
- Abra
site/index.htmlem um navegador - Clique em "Entrar" para testar login
- Ou "Cadastre-se" para criar novo cliente
- Produtos devem carregar automaticamente do Supabase
2. Testar Integração:
- Cadastre um cliente pelo catálogo
- Verifique se aparece no app de estoque
- Adicione produtos no app
- Verifique se aparecem no catálogo
3. Testar Pedidos:
- Faça login no catálogo
- Adicione produtos ao carrinho
- Finalize pedido
- Verifique se pedido aparece no app (tabela
pedidos_catalogo)
⚠️ Observações Importantes
🔧 Para Produção:
- Altere as URLs de desenvolvimento para produção
- Configure domínio personalizado no Supabase
- Ative HTTPS em todos os endpoints
- Configure backup automático do banco
📞 WhatsApp:
- Atualize o número do WhatsApp no arquivo
supabase-integration.js - Linha 462:
const whatsappUrl = \https://wa.me/5511999999999?text=${encodeURIComponent(mensagem)}``
🖼️ Imagens:
- Copie o logo para
site/assets/LogoLiberiKids.png - Configure URLs corretas para as imagens dos produtos
- Teste upload de imagens no Supabase Storage
🎯 Próximos Passos
- ✅ Banco configurado - Scripts executados
- 🔄 Testar funcionalidades - Login, cadastro, produtos
- 📱 Configurar WhatsApp - Número correto
- 🖼️ Upload de imagens - Testar storage
- 🚀 Deploy em produção - Quando tudo estiver funcionando
🆘 Suporte
Se encontrar algum erro:
- Verifique se todos os scripts SQL foram executados
- Confirme se os buckets foram criados
- Teste as credenciais do Supabase
- Verifique o console do navegador para erros JavaScript
🎉 Parabéns! Seu sistema está integrado com Supabase e pronto para uso!