Guia Completo: Transformar Projeto Laravel em App Mobile
1. Preparar o Laravel para funcionar como API
1.1 Ajuste das rotas
No routes/api.php, crie suas rotas:
Route::apiResource('clinicas', ClinicaController::class);
Route::apiResource('clientes', ClienteController::class);
Route::apiResource('servicos', ServicoController::class);
Route::apiResource('produtos', ProdutoController::class);
1.2 Criar Controllers tipo API
Gere controllers:
php artisan make:controller ClinicaController --api
php artisan make:controller ClienteController --api
php artisan make:controller ServicoController --api
php artisan make:controller ProdutoController --api
Obs: use métodos index, store, show, update, destroy.
2. Migrar banco MySQL para Supabase
2.1 Exportar do MySQL
mysqldump -u root -p nomedobanco > backup.sql
2.2 Criar tabelas no Supabase
Acesse seu projeto Supabase e crie manualmente as tabelas clinicas, clientes, servicos e produtos.
2.3 Conectar Laravel ao Supabase
Atualize seu .env:
Guia Completo: Transformar Projeto Laravel em App Mobile
DB_CONNECTION=pgsql
DB_HOST=host_supabase
DB_PORT=5432
DB_DATABASE=banco_nome
DB_USERNAME=usuario
DB_PASSWORD=senha
composer require doctrine/dbal
php artisan config:cache
3. Expor o Laravel com Ngrok
ngrok http 8000
Copie a URL gerada.
4. Testar API com Postman
GET https://seu-ngrok/api/clinicas
POST https://seu-ngrok/api/clientes
(Enviar JSON no corpo.)
5. Criar App no FlutterFlow
5.1 Novo Projeto
Criar projeto vazio.
5.2 API Calls
Configurar chamadas GET, POST, PUT, DELETE.
5.3 Criar Telas
ListView para lista de clínicas.
Guia Completo: Transformar Projeto Laravel em App Mobile
Formulário para criar/editar clínicas.
Repita o mesmo para clientes, serviços e produtos.
6. Testes Finais
Testar CRUD no app FlutterFlow.
Observações:
- Atualize o ngrok se mudar a sessão.
- Use status codes para validar respostas.