Como usar o WordPress como back end: recursos para começar a usar a API REST

A API REST do WordPress já existe há algum tempo, mas entender o que é e por que é importante pode não estar imediatamente claro para iniciantes e não desenvolvedores. Mesmo assim, esta ferramenta é útil para usuários de todos os tipos, pois permite que você utilize a interface familiar do WordPress apenas como back end e desenvolva o front end usando outras ferramentas e linguagens.

Este post fornecerá uma introdução ao que é a API REST do WordPress e do que ela é capaz. Também compartilharemos algumas etapas para ajudá-lo a começar a usar o WordPress como back end para um aplicativo ou site.

Vamos lá!

Uma introdução à API REST do WordPress

Existem muitos artigos que explicam o que é a API REST do WordPress - nós até cobrimos isso anteriormente - então, vamos manter isso breve para evitar que nos repitamos. Simplificando, uma Interface de Programação de Aplicativo (API) é o que permite conexões entre vários dispositivos, aplicativos e dados.

Uma analogia útil é pensar em uma API como um garçom entregando solicitações e respostas entre os clientes e a cozinha. Neste exemplo, você é o restaurante, o aplicativo ou banco de dados com o qual está tentando se comunicar é a cozinha e sua 'refeição' são os dados que você está solicitando.

Representational State Transfer (REST) ​​é um 'estilo arquitetônico' ou tipo de API. Ele foi projetado para ser leve e requer largura de banda mínima quando usado. Usando uma API REST, você pode fazer quatro tipos básicos de solicitações:

• OBTER : recupera dados do dispositivo, aplicativo ou banco de dados com o qual você está se comunicando.
• POST : Adiciona dados ao dispositivo, aplicativo ou banco de dados com o qual você está se comunicando.
• PUT : Atualiza os dados já existentes no dispositivo, aplicativo ou banco de dados com o qual você está se comunicando.
• EXCLUIR : remove dados do dispositivo, aplicativo ou banco de dados com o qual você está se comunicando.

A API REST do WordPress usa JavaScript Object Notation (JSON) para retornar dados. Então, quando você coloca tudo isso junto, você obtém um método leve de comunicação de solicitações GET , POST , PUT e DELETE entre sites WordPress e outras plataformas por meio do uso de JSON.

Compreendendo o que a API REST do WordPress pode fazer

Pode parecer que a API REST do WordPress não é tão útil para você, principalmente se você não for um desenvolvedor. No entanto, há muitas coisas que a API pode fazer que até mesmo usuários intermediários do WordPress podem querer tentar, como:

• Sincronizando conteúdo. Você pode usar a API REST para permitir que diferentes sites do WordPress se comuniquem entre si. Por exemplo, você pode testar o redesenho de um site sincronizando o conteúdo entre o seu site atual e a versão redesenhada.
• Distribuindo conteúdo. Em uma nota semelhante, você também pode combinar conteúdo de vários sites diferentes. Pegue uma empresa com vários locais, cada um com seu próprio site - você pode distribuir conteúdo de todos os três em outro site abrangente.
• Configurando uma Planilha Google de dados do WordPress. Usando a API REST, você pode conectar seu site WordPress e Planilhas Google. Isso pode ajudá-lo a organizar suas postagens em uma planilha para ficar por dentro das atualizações de conteúdo.
• Criação de aplicativos móveis. Ao conectar seu site WordPress a um front end de aplicativo personalizado, você pode criar um aplicativo móvel para complementar seu site de desktop. Isso é útil para situações como a criação de uma versão de aplicativo de uma loja WooCommerce.
• Usando o WordPress 'sem cabeça'. Se as opções de exibição do front end para WordPress não estão ajudando você, a API REST permite que você use o WordPress para toda a criação e gerenciamento de conteúdo, enquanto fornece o conteúdo para usuários em um site personalizado ou front end de aplicativo da web. Isso é conhecido como WordPress 'sem cabeça'.

Uma rápida pesquisa no Google revelará várias outras maneiras em que a API REST do WordPress está sendo usada. No entanto, no restante deste post, vamos nos concentrar no uso do WordPress como back end para um aplicativo ou site.

Como usar o WordPress como back end (em 3 etapas)

Existem muitas maneiras de usar o WordPress como back end. Como tal, este post é mais uma introdução geral para fazer isso usando a API REST do WordPress, em vez de um guia completo para construir um aplicativo ou site separado.

Embora as etapas abaixo sejam simplificadas para ajudá-lo a começar, isso significa que provavelmente você precisará pesquisar orientações adicionais específicas para seu projeto. No entanto, conhecer esses princípios básicos ajudará a tornar o processo mais fácil.

Etapa 1: carregue o conteúdo no WordPress e teste a API REST

O primeiro passo para usar o WordPress como back end é notavelmente semelhante a iniciar um site WordPress. Você precisará de uma instalação do WordPress carregada com todo o conteúdo que você deseja em seu site ou aplicativo. Esta pode ser uma instalação ativa ou uma nova que você configurou para o seu projeto.

Você também terá que trabalhar na criação de postagens e páginas, adicionando arquivos de mídia e tudo o mais que seu projeto exigir em termos de conteúdo. Basicamente, você precisa colocar tudo o que deseja em seu site ou aplicativo no WordPress, pois é onde você gerencia o conteúdo.

Depois de ter tudo configurado, você provavelmente desejará executar um teste para ver como a API REST do WordPress funciona. Felizmente, você pode fazer isso diretamente no seu navegador. Basta digitar seu domínio seguido de wp-json / wp / v2 / posts:

Você deve ver algo como a imagem acima, embora a quantidade de JSON exibida seja diferente dependendo de como o site está preenchido. Agora você usou com sucesso a API REST do WordPress para retornar os dados de todas as suas postagens. O REST API Handbook contém informações sobre como fazer isso para outras informações também.

Para recapitular esta etapa:

1. Primeiro, configuramos uma instalação do WordPress para servir como back-end para nosso aplicativo / site.
2. Criamos o conteúdo que queremos exibir na interface do nosso projeto dentro do WordPress como postagens, páginas, etc.
3. Para ver a API REST em ação, retornamos o JSON para todas as nossas postagens no navegador.

Quando sentir que já sabe como todas essas peças estão funcionando juntas, você pode passar do final do seu site para começar a trabalhar no front end.

Etapa 2: configurar seu aplicativo ou front end do site usando React

Agora que você já definiu os aspectos de 'bastidores', precisará trabalhar na parte de seu aplicativo ou site que os usuários verão de fato. Um caminho popular para fazer isso para usuários do WordPress é por meio do React:

Para os não iniciados, o React é (como diz o slogan da imagem acima) uma biblioteca JavaScript para construir interfaces de usuário. Ele permite que você crie elementos chamados 'componentes', que se tornam as peças que compõem o front-end de seu aplicativo ou site. Isso pode incluir postagens, botões, imagens ou qualquer número de outros recursos e funções.

Existem também muitas outras plataformas que você pode querer considerar para construir seu projeto, então verifique antes de se comprometer. Os meandros completos do uso do React (ou similar) estão além do escopo deste artigo. No entanto, depois de definir um método para criar seu front end, cuide de qualquer configuração para estar pronto para começar a construir componentes.

Etapa 3: Conecte o back-end do WordPress ao front-end

Agora, você deve ter o back-end do WordPress e o front-end do React (ou outro). Agora, você só precisa fazer com que eles conversem entre si para que os dados do WordPress sejam renderizados em seu aplicativo ou site. É aqui que entra a API REST do WordPress.

Como você já testou a API e viu que ela pode retornar dados para suas postagens e outros conteúdos, você sabe que está funcionando e pronta para usar. Em seguida, você precisará criar componentes que usam a API REST para recuperar postagens do WordPress e exibi-las em seu front end.

Se você tiver experiência mínima de codificação, é aqui que as coisas ficarão bem complicadas. Se você espera lançar seu aplicativo ou site rapidamente, é melhor contratar um desenvolvedor para configurá-lo para você. No entanto, se você estiver disposto a dedicar algum tempo, pode começar a trabalhar lentamente nos componentes e aprender à medida que avança.

Escrevemos sobre como criar um componente React para recuperar todos os seus posts WordPress e exibi-los em um aplicativo no passado. Você pode usar esta postagem como um exercício para começar ou verificar alguns cursos de treinamento online.

Depois de usar a API REST do WordPress para colocar todo o seu conteúdo em seu front end, você pode começar a criar mais (e cada vez mais complexos) componentes e, em seguida, trabalhar na personalização do front end do seu site ainda mais - tudo isso enquanto usa o WordPress para continue criando e gerenciando conteúdo.

Conclusão

Definitivamente, há uma curva de aprendizado quando se trata da API REST do WordPress, especialmente se você tiver um conhecimento mínimo de codificação. No entanto, depois que você pegar o jeito, esse recurso pode ajudá-lo a expandir seus fundamentos básicos para usar o WordPress como back-end para seu próprio aplicativo ou site personalizado.

Este post forneceu algumas etapas básicas e simplificadas para usar o WordPress como back end. Vamos recapitulá-los rapidamente:

1. Carregue o conteúdo no WordPress e teste a API REST.
2. Configure seu aplicativo ou front-end do site usando React.
3. Conecte o back-end do WordPress ao front-end do React.

Você tem alguma dúvida sobre a API REST ou sobre o uso do WordPress como back end? Pergunte a eles na seção de comentários abaixo!

Imagem em miniatura do artigo Jesus Sanz / shutterstock.com