Vupi.us IDE
Ambiente de desenvolvimento integrado para criar, testar e publicar módulos diretamente no navegador — sem instalar nada.
Não precisa configurar ambiente local, instalar PHP, Composer ou banco de dados. Tudo funciona no navegador. Ver guia rápido →
O que é a Vupi.us IDE?
A Vupi.us IDE é um editor de código completo integrado à plataforma Vupi.us API. Com ela, você pode:
- ✅ Criar módulos PHP que funcionam como backends independentes
- ✅ Desenvolver APIs REST completas com autenticação, banco de dados e segurança
- ✅ Testar rotas em tempo real sem sair do navegador
- ✅ Publicar e compartilhar seus módulos com outros desenvolvedores
- ✅ Conectar aplicações externas (web, mobile, desktop) às suas APIs
Por que usar a Vupi.us IDE?
Zero Configuração
Não precisa instalar PHP, Composer, servidor web ou banco de dados. Tudo já está configurado e pronto para usar.
Desenvolvimento na Nuvem
Desenvolva de qualquer lugar, em qualquer dispositivo. Seus projetos ficam salvos na nuvem e sincronizados automaticamente.
Segurança Integrada
Autenticação JWT, rate limiting, circuit breakers e proteção contra ataques já configurados. Foque no código, não na segurança.
Banco de Dados Pronto
PostgreSQL configurado com migrations, seeders e conexões isoladas por módulo. Crie tabelas e popule dados em segundos.
Arquitetura Modular
Cada módulo é independente com suas próprias rotas, controllers, models e banco. Reutilize e compartilhe facilmente.
Teste Instantâneo
API Route Tester integrado para testar suas rotas como no Postman/Insomnia, sem sair do navegador.
Recursos da IDE
Editor Monaco (VS Code)
O mesmo editor usado no Visual Studio Code, com recursos profissionais:
- Syntax Highlighting: Destaque de sintaxe para PHP, JavaScript, CSS, HTML, JSON, SQL e mais
- Autocomplete Inteligente: Sugestões de código baseadas no contexto, incluindo classes do framework
- IntelliSense: Documentação inline ao passar o mouse sobre funções e classes
- Diagnósticos em Tempo Real: Erros e avisos mostrados enquanto você digita
- Quick Fixes: Sugestões de correção automática para erros comuns
- Multi-cursor: Edite múltiplas linhas simultaneamente
- Find & Replace: Busca e substituição com regex
- Code Folding: Recolha blocos de código para melhor visualização
Terminal PHP Integrado
Execute comandos PHP diretamente no navegador:
- Execução de Scripts: Rode arquivos PHP com
F5 - Debug Avançado: Execute com
F6para ver erros detalhados - Navegação de Arquivos: Liste, leia e navegue pela estrutura do projeto
- Teste de Código: Execute snippets PHP para testar lógica rapidamente
- Histórico de Comandos: Acesse comandos anteriores com ↑/↓
API Route Tester
Teste suas APIs sem sair da IDE:
- Todos os Métodos HTTP: GET, POST, PUT, PATCH, DELETE, OPTIONS
- Headers Customizados: Adicione Authorization, Content-Type e outros
- Body Formats: JSON, Form Data, Raw Text
- Autenticação: Bearer Token, Basic Auth, API Key
- Resposta Formatada: JSON syntax highlighting e pretty print
- Status e Timing: Veja código HTTP e tempo de resposta
- Histórico: Salve e reutilize requisições anteriores
Gerenciador de Banco de Dados
Gerencie seu banco de dados visualmente:
- Migrations: Crie e execute migrations para versionar seu schema
- Seeders: Popule tabelas com dados de teste automaticamente
- SQL Editor: Execute queries SQL diretamente
- Visualização de Tabelas: Veja estrutura e dados das tabelas
- Conexões Isoladas: Cada módulo pode ter seu próprio banco
Análise de Código
Análise estática do seu código PHP:
- Detecção de Erros: Encontre erros de sintaxe antes de executar
- Code Smells: Identifique código duplicado, complexidade alta, etc.
- Sugestões de Melhoria: Recomendações de boas práticas
- Métricas: Linhas de código, complexidade ciclomática, cobertura
Gerenciador de Dependências
Instale pacotes Composer diretamente na IDE:
- Busca de Pacotes: Procure pacotes no Packagist
- Instalação com 1 Clique: Adicione dependências sem terminal
- Versões: Escolha a versão específica ou use a mais recente
- Autoload Automático: Classes disponíveis imediatamente após instalação
Atalhos de Teclado
| Atalho | Ação |
|---|---|
F5 | Executar arquivo PHP aberto |
F6 | Debug do arquivo PHP aberto |
Ctrl + S | Salvar arquivo atual |
Ctrl + Shift + S | Salvar todos os arquivos |
Ctrl + ` | Abrir/fechar terminal |
Ctrl + T | Abrir API Route Tester |
Ctrl + \ | Dividir editor em dois painéis |
Ctrl + P | Busca rápida de arquivos |
Ctrl + F | Buscar no arquivo |
Ctrl + H | Buscar e substituir |
Ctrl + / | Comentar/descomentar linha |
Alt + ↑/↓ | Mover linha para cima/baixo |
Shift + Alt + ↑/↓ | Duplicar linha |
Ctrl + D | Selecionar próxima ocorrência |
Casos de Uso
Backend para Apps Mobile
Crie APIs REST para seus apps iOS/Android sem configurar servidor. Autenticação, banco de dados e segurança já inclusos.
APIs para SPAs
Desenvolva backends para React, Vue, Angular ou qualquer framework frontend. CORS configurado, rate limiting ativo.
Webhooks e Integrações
Receba webhooks de serviços externos (Stripe, GitHub, etc.) e processe eventos automaticamente.
Aprendizado
Aprenda PHP, APIs REST, autenticação JWT e arquitetura modular na prática, sem complicações de setup.
Prototipagem Rápida
Valide ideias rapidamente criando MVPs funcionais em minutos. Teste, itere e publique sem fricção.
Projetos Colaborativos
Compartilhe módulos com sua equipe. Cada desenvolvedor pode criar e testar independentemente.
Próximos Passos
Pronto para criar seu primeiro módulo? Siga o Guia de Início Rápido (5 min) e tenha uma API funcionando em minutos!