Você está cansado da configuração complexa necessária para fazer uma instância WordPress funcionar? Configurar um ambiente de desenvolvimento local geralmente significa lidar com NGINX ou Apache, PHP e um banco de dados. Isso pode ser um obstáculo significativo, especialmente quando você precisa apenas de uma instalação WordPress rápida para testes ou aprendizado.
O WordPress Playground, anunciado no Google I/O de 2023, muda tudo isso. É uma ferramenta poderosa que permite executar uma instância completa do WordPress diretamente no seu navegador. Graças à tecnologia WebAssembly, toda a infraestrutura opera dentro do seu navegador, eliminando qualquer configuração complexa.
Como o WordPress Playground funciona?
Diferentemente das configurações tradicionais, onde os dados residem em um servidor físico, a estrutura WebAssembly do WordPress Playground mantém seu estado apenas enquanto sua sessão no navegador estiver ativa. Isso significa que, se você fechar e reabrir seu navegador, sua instância WordPress será reiniciada.
Atualmente existem mecanismos para manter o estado de uma aplicação rodando no WordPress Playground, esta funcionalidade é chamada de Blueprints. Eles são arquivos JSONs com configurações da instância do WordPress.
Para utilizar o playground existem duas alternativas, via aplicação web ou via CLI com o terminal de linha de comando. Ambos ambientes terão vantagens e desvantagens, mas primeiro precisamos discutir onde podemos utilizar o WordPress Playground.
Utilidades do WordPress Playground
O WordPress Playground pode ser utilizado em diversas situações:
- Treinamentos
- Traduções
- Desenvolvimento de plugins e temas
- Teste de pull request feitos para o core do WordPress
- Testes de automação
- Ambiente de desenvolvimento
Treinamentos e traduções são formas particularmente eficazes de demonstrar rapidamente o editor de sites ou o gerenciamento de conteúdo dentro do WordPress. Outra aplicação interessante é o Live Translation, que permite traduzir temas e plugins diretamente dentro da solução.
Mas isso não quer dizer que as outras utilidades do Playground não são importantes. No WordCamp Europe deste ano um Workshop organizado por um dos desenvolvedores do Playground foi sobre testes de automação junto com Playground CLI.
Isso é só uma das vantagens de ter uma tecnologia como WordPress Playground disponível para desenvolvedores.
Outra utilidade que beneficiou todos os usuários, é o WordPress Studio, um ambiente de desenvolvimento local rodando uma instalação do WordPress com diversas funcionalidades.
Blueprints para WordPress Playground
Um aspeto fundamental de executar o WordPress no seu navegador é gerenciar seu estado. Quando você reinicia o navegador, o estado da aplicação é redefinido.
Para resolver isso, os Blueprints oferecem uma solução para controlar o estado da sua aplicação. Usando um arquivo JSON, você pode salvar as seguintes informações:
- Plugins instalados
- Themas
- Conteúdo
- Configurações do WordPress
- Idioma
- Executar passo a passo das opções anteriores
Se quiser editar uma blueprint existe um editor online Blueprint Builder, lá tem a opção de executar uma Blueprint em um editor de código.
Na imagem acima podemos ver o playground builder em ação, podemos ter a possibilidade de editar o código e visualizar o resultado em tempo real.
Playground CLI
Por muito tempo o wp-now essa a solução de CLI com o Playground, agora o Playground CLI tem uma versão dedicada, o @wp-playground/cli é a versão a qual deve ser utilizada no momento. Para usar modelo precisa instalar o cli no seu projeto com:
npm i @wp-playground/cliCode language: CSS (css)Com esse comando poderá executar o na pasta do seu plugin ou tema com o seguinte comando:
npx @wp-playground/cli server --automountCode language: CSS (css)Executando este comando o CLI irá iniciar um servidor com o plugin ou tem a executar no navegador. Isso é só uma prova do que o WordPress Playground pode fazer.
Conclusão
Essa foi uma breve introdução sobre WordPress Playground onde iremos abordar mais sobre o tema aqui no Blog. Para acompanhar mais conteúdo relacionado nos seguintes links:
Deixe um comentário