O Google AI Studio agora oferece suporte a desenvolvimento full stack, permitindo que você crie aplicativos que vão além dos protótipos do lado do cliente. Com um runtime do lado do servidor, é possível gerenciar secrets, se conectar a APIs externas e criar experiências multiplayer em tempo real.
Tempo de execução do lado do servidor
Os aplicativos do Google AI Studio agora podem incluir um componente do lado do servidor (Node.js). Isso permite que você:
- Executar lógica do lado do servidor: execute código que não deve ser exposto ao cliente.
- Acessar pacotes npm: o Antigravity Agent pode instalar e usar pacotes do vasto ecossistema npm.
- Processar secrets: use chaves de API e credenciais com segurança.
Como usar pacotes npm
Não é necessário executar npm install manualmente. Basta pedir ao agente para adicionar
funcionalidades que exigem um pacote, e ele vai cuidar da instalação e da
importação.
Exemplo: > "Use axios para buscar dados da API externa."
Como gerenciar secrets com segurança
Com o código do lado do servidor e o gerenciamento de secrets, agora é possível criar apps que interagem com o mundo.
- APIs de terceiros: conecte-se a serviços como Stripe, SendGrid ou APIs REST personalizadas.
- Bancos de dados: conecte-se a bancos de dados externos (por exemplo, via Supabase, Firebase ou MongoDB Atlas) para manter os dados além da sessão.
Ao criar apps para o mundo real, muitas vezes é necessário se conectar a serviços de terceiros (como Twilio, Slack ou bancos de dados) que exigem chaves de API. É possível adicionar chaves manualmente seguindo estas etapas:
- Adicionar um secret: acesse o menu Configurações no Google AI Studio e procure a seção "Secrets".
- Armazene sua chave: adicione suas chaves de API ou tokens secretos aqui.
- Acesso no código: o agente pode gravar um código do lado do servidor que acessa esses secrets com segurança (normalmente por variáveis de ambiente), garantindo que eles nunca sejam expostos ao navegador do lado do cliente.
Quando necessário, o agente também vai mostrar um card no chat pedindo para você adicionar chaves sempre que um novo segredo for necessário ou quando uma nova chave for detectada nas variáveis de ambiente do projeto.
Configurar o OAuth
Um caso de uso importante para o gerenciamento de secrets é configurar o OAuth para se conectar a outros sites ou apps. Quando o comando incluir instruções sobre como se conectar a um app de terceiros que exige autenticação OAuth, o agente vai fornecer instruções sobre como configurar o OAuth para esse aplicativo. Estas instruções incluem os URLs de callback necessários para configurar seu aplicativo OAuth. Você também pode encontrar os URLs de callback em Integrações no painel "Configurações".
Como criar experiências multiplayer
O ambiente de execução full-stack ativa recursos de colaboração em tempo real.
- Estado em tempo real: você pode pedir ao agente para criar recursos como "um chat ao vivo", "uma lousa colaborativa" ou "um jogo multijogador".
- Sessões sincronizadas: o servidor gerencia o estado, permitindo que vários usuários interajam com a mesma instância do aplicativo em tempo real.
Exemplo de comando: > "Transforme isso em um jogo multiplayer em que os jogadores possam ver os cursores uns dos outros".
Dicas para testar apps multiplayer
Você pode testar o modo multiplayer de duas maneiras antes de implantar o app.
- Abra o app no modo de criação do Google AI Studio em várias guias. Ao desenvolver no modo de build, seu app fica em um contêiner de desenvolvimento. Abrir o app em várias guias permite simular vários jogadores usando o app.
- Compartilhe o app com outras pessoas usando o menu Compartilhar no canto superior direito. Em seguida, use o URL compartilhado na guia Integrações do menu Compartilhar para usar o app com os jogadores que receberam o compartilhamento.
Práticas recomendadas
- Segurança de secrets: sempre use o gerenciador de secrets para chaves sensíveis. Nunca codifique essas informações nos seus arquivos.
- Separação de responsabilidades: mantenha a lógica da interface no framework do lado do cliente (React/Angular) e a lógica de negócios/processamento de dados no lado do servidor.
- Tratamento de erros: verifique se o código do lado do servidor processa erros de maneira robusta de chamadas de API externas para evitar falhas no app.