Configurando um Ambiente de Desenvolvimento WordPress
Publicados: 2023-02-12Começar o desenvolvimento de um novo site requer muito planejamento cuidadoso. Por exemplo, você vai querer decidir como abordar o estágio 'em construção' do projeto. Você provavelmente precisará impedir que visitantes em potencial vejam seu site enquanto ele ainda estiver em andamento.
É aqui que os ambientes de desenvolvimento podem ser úteis. Esse tipo de ambiente oferece um local para fazer todo o trabalho de design e programação em seu novo site, sem que ninguém o veja acidentalmente. Então, você pode colocá-lo ao vivo quando estiver totalmente pronto.
Neste artigo, veremos dois tipos diferentes de ambientes de desenvolvimento. Também mostraremos como começar com as duas opções. Se você estiver pronto, vamos mergulhar de cabeça!
Ambientes de Desenvolvimento Local versus Remoto
Existem dois tipos principais de ambientes de desenvolvimento que você pode querer explorar ao criar um site WordPress. Lembre-se de que, independentemente de você optar por usar um ambiente local ou remoto para desenvolvimento, ambos exigirão todo o software de que o WordPress precisa para funcionar corretamente. Isso inclui aplicativos de banco de dados e bibliotecas de código, por exemplo.
Desenvolver localmente significa que todos os seus plugins e arquivos de tema do WordPress serão armazenados em sua própria máquina, juntamente com os arquivos principais do WordPress. Você poderá visualizar seu trabalho de desenvolvimento em um navegador, como se estivesse acessando um site na internet. No entanto, os arquivos serão chamados do seu computador, em vez do servidor de hospedagem do seu site.
Um ambiente de desenvolvimento remoto é essencialmente a mesma coisa, mas todos os arquivos importantes do site serão armazenados e recuperados de um local remoto. Isso significa que você precisará configurar ou adquirir espaço de armazenamento. Ao contrário da hospedagem regular de sites, no entanto, esse local de arquivo remoto estará acessível apenas para você ou sua equipe.
Um dos principais benefícios de usar o desenvolvimento local para WordPress é que você não precisa estar conectado à Internet para trabalhar em seu site. Embora o desenvolvimento remoto exija uma conexão, no entanto, é a melhor escolha se você quiser a opção de acessar seu trabalho de qualquer computador.
Vantagens de um ambiente de desenvolvimento remoto
Como mencionamos, um ambiente de desenvolvimento remoto permite que você acesse seus projetos de qualquer lugar. Você nem precisa usar um computador específico para fazer seu trabalho – tudo que você precisa é uma conexão com a internet e suas informações de login.
Além disso, você pode implementar recursos de controle de versão, dependendo de qual aplicativo de ambiente remoto você decidir usar. Isso significa que é menos provável que você tenha problemas ao desenvolver com uma equipe.
Como configurar um ambiente de desenvolvimento remoto
Configurar um ambiente de desenvolvimento remoto pode ser um pouco mais complicado do que criar um ambiente local. Com isso dito, não está fora de alcance de forma alguma. Existem várias opções quando se trata de ambientes remotos, e muitos vêm com todas as ferramentas necessárias prontas para uso.
Etapa 1: Escolha e configure um aplicativo de desenvolvimento remoto
Existem várias ferramentas de desenvolvimento remoto que você pode usar. O que você está procurando é um espaço de armazenamento virtual onde você pode armazenar todos os arquivos e aplicativos do seu site, bem como o software necessário para fazer seu site funcionar. É aqui que você pode trabalhar em cada um dos estágios de desenvolvimento, sem colocar o site em um status de produção ao vivo até que esteja pronto.
Para fazer isso, você pode usar um produto como DigitalOcean ou Visual Studio.
Eles diferem no que oferecem, mas, em última análise, realizam a mesma tarefa. Por exemplo, com o Visual Studio Code, você obtém um editor de código sofisticado que se torna um ambiente de desenvolvimento por meio de sua escolha de extensões remotas.
Você também pode usar o Amazon Elastic Compute Cloud (Amazon EC2) para desenvolvimento remoto.
Como alternativa, você pode consultar nossos próprios ambientes de desenvolvimento dedicados. Depois de selecionar seu ambiente virtual ou solução baseada em nuvem, você precisará garantir que ele esteja configurado para oferecer suporte ao desenvolvimento do WordPress.
Etapa 2: instale todas as ferramentas e plug-ins necessários
Independentemente do ambiente de desenvolvimento remoto que você escolher, há uma pilha específica de aplicativos que você precisará para configurar o WordPress. Esses incluem:
- Linux . Este é o sistema operacional (SO) idealmente necessário para executar o WordPress. Entraremos em detalhes mais tarde, quando falarmos sobre ambientes de desenvolvimento local, mas basta dizer que, se os três itens a seguir estiverem em vigor, eles também funcionarão com outros sistemas operacionais, como Mac e Windows.
- Apache . Com um site ativo, a camada do servidor da web é onde as solicitações do navegador são atendidas e retornadas aos usuários do seu site. Em um ambiente de desenvolvimento, isso também é verdade. A única diferença é que seu servidor não está apontando para um domínio ativo.
- MySQL . MySQL é a solução de banco de dados mais popular e gratuita. Isso é essencial para o seu ambiente de desenvolvimento WordPress, pois é onde todos os dados que seu site precisa são armazenados.
- PHP . Todos os outros elementos na pilha precisam de uma 'voz', e é aí que entra o PHP. O pré-processador de hipertexto (PHP) é uma linguagem necessária para o funcionamento do WordPress.
Esses aplicativos são chamados de 'pilha LAMP' e podem ser adicionados a ambientes de desenvolvimento remoto de várias maneiras. Por exemplo, se estiver usando a DigitalOcean, você trabalhará com Droplets para criar a pilha LAMP para WordPress.
Se você estiver usando o Amazon EC2, a configuração para o desenvolvimento do WordPress é um pouco mais manual, mas ainda pode ser feita em cerca de cinco minutos.
Independentemente do ambiente escolhido, você precisará da pilha LAMP para iniciar o desenvolvimento do WordPress. Felizmente, muitas opções de desenvolvimento remoto vêm com o LAMP como uma opção de instalação fácil, economizando muito tempo e problemas.
Etapa 3: Acesse seu ambiente
A maneira mais comum de acessar seu ambiente de desenvolvimento é por meio de um Secure Shell (SSH). É assim que você pode se conectar ao seu servidor a partir de qualquer computador e aproveitar o aspecto 'remoto' dessa abordagem para o desenvolvimento do WordPress.
As especificidades de como você se conecta dependerão do produto que você escolher. Por exemplo, aqui na WP Engine, temos uma opção de Gateway SSH para desenvolvedores.
Vantagens de um Ambiente de Desenvolvimento Local
Uma das maiores vantagens de usar um ambiente de desenvolvimento local é que você não precisa estar conectado à internet para acessá-lo. Você pode trabalhar em seu site de qualquer lugar e não será impedido por problemas de conectividade.
Além disso, o desenvolvimento local permite que você trabalhe em um ambiente mais seguro. Você será capaz de manter seus projetos realmente em segredo até que esteja pronto para ir ao ar.
Configurando um ambiente WordPress local
Configurar um ambiente WordPress local é bastante simples. Existem vários aplicativos de desenvolvimento local, como o Local by Flywheel, que tornam o processo de configuração incrivelmente fácil.
Tenha em mente que o desenvolvimento local para WordPress ainda requer uma pilha LAMP. No entanto, algumas soluções usarão termos como WAMP ou MAMP, pois foram projetadas para uso com Windows ou Mac OS em vez de Linux.
Etapa 1: escolha e configure seu aplicativo de desenvolvimento local
Existem vários aplicativos excelentes de desenvolvimento local para escolher. Já mencionamos Local by Flywheel, mas Varying Vagrant Vagrants (VVV) é outra ferramenta de desenvolvimento local recomendada pelo WordPress a ser considerada. Se você já tem um plano aqui no WP Engine, também pode conferir Local para uma solução de desenvolvimento local.
Depois de configurar a solução escolhida, você poderá iniciar o desenvolvimento do zero ou importar um site existente para trabalhar. Por exemplo, com o Local by Flywheel, você pode usar um arquivo .zip do site baixado para começar. Se você está começando do zero e projetando um novo site, a maioria dos aplicativos locais possui soluções de instalação com um clique para configurar o ambiente para uso com o WordPress.
Etapa 2: selecione um editor de texto
Depois que seu ambiente local estiver configurado, você precisará escolher um editor de texto. É aqui que você editará e depurará seu código do WordPress. Essas soluções variam de aplicativos de texto simples a interfaces aprimoradas com ferramentas integradas para otimizar seu fluxo de trabalho.
O WordPress tem alguns editores de texto recomendados para desenvolvimento que incluem Atom, Sublime Text e PhpStorm. Também existem outras opções, portanto, você desejará trabalhar com o que for mais confortável e adequado ao seu fluxo de trabalho existente.
Etapa 3: escolha um navegador da Web compatível com desenvolvedores
Como você ainda visualizará seus projetos desenvolvidos localmente em um navegador da Web, é uma boa prática usar um navegador voltado para desenvolvedores. Tanto o Chrome quanto o Firefox são navegadores incrivelmente populares que vêm com kits de ferramentas úteis para desenvolvedores. Isso pode ajudá-lo a depurar problemas com mais facilidade e otimizar seu desenvolvimento web.
Desenvolva algo incrível com o WP Engine
O desenvolvimento da Web pode assumir muitas formas e formatos. Esteja você trabalhando em um ambiente local ou remoto, ter os melhores recursos de desenvolvedor disponíveis pode ajudá-lo a simplificar seu fluxo de trabalho.
Confira nossos planos WordPress e soluções de desenvolvimento e deixe-nos ajudá-lo a criar algo incrível!