147 lines
5.4 KiB
Markdown
147 lines
5.4 KiB
Markdown
# 🚀 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**
|
|
1. No painel do Supabase, vá em **SQL Editor**
|
|
2. Clique em **New Query**
|
|
3. Copie todo o conteúdo do arquivo `sql/supabase-setup.sql`
|
|
4. Cole no editor e clique em **Run**
|
|
5. ✅ Aguarde a execução completar (pode demorar alguns segundos)
|
|
|
|
### 3. **Configurar Storage (Buckets)**
|
|
1. Ainda no **SQL Editor**, crie uma nova query
|
|
2. Copie todo o conteúdo do arquivo `sql/supabase-storage.sql`
|
|
3. Cole no editor e clique em **Run**
|
|
4. ✅ 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**
|
|
1. No painel do Supabase, vá em **Authentication**
|
|
2. Vá em **Settings** → **Auth Settings**
|
|
3. 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)
|
|
|
|
### 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:**
|
|
1. Abra `site/index.html` em um navegador
|
|
2. Clique em "Entrar" para testar login
|
|
3. Ou "Cadastre-se" para criar novo cliente
|
|
4. Produtos devem carregar automaticamente do Supabase
|
|
|
|
### **2. Testar Integração:**
|
|
1. Cadastre um cliente pelo catálogo
|
|
2. Verifique se aparece no app de estoque
|
|
3. Adicione produtos no app
|
|
4. Verifique se aparecem no catálogo
|
|
|
|
### **3. Testar Pedidos:**
|
|
1. Faça login no catálogo
|
|
2. Adicione produtos ao carrinho
|
|
3. Finalize pedido
|
|
4. 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**
|
|
|
|
1. ✅ **Banco configurado** - Scripts executados
|
|
2. 🔄 **Testar funcionalidades** - Login, cadastro, produtos
|
|
3. 📱 **Configurar WhatsApp** - Número correto
|
|
4. 🖼️ **Upload de imagens** - Testar storage
|
|
5. 🚀 **Deploy em produção** - Quando tudo estiver funcionando
|
|
|
|
---
|
|
|
|
## 🆘 **Suporte**
|
|
|
|
Se encontrar algum erro:
|
|
1. Verifique se todos os scripts SQL foram executados
|
|
2. Confirme se os buckets foram criados
|
|
3. Teste as credenciais do Supabase
|
|
4. Verifique o console do navegador para erros JavaScript
|
|
|
|
**🎉 Parabéns! Seu sistema está integrado com Supabase e pronto para uso!**
|