DE{CODE}: Práticas recomendadas para implantação de site com local

Embora não haja uma maneira errada de colocar seus sites no ar, esta sessão percorre as várias opções para implantar seu site de seu ambiente local para seu ambiente de produção. Junte-se à instrutora independente e desenvolvedora da Web Carrie Dills enquanto ela analisa algumas ferramentas de fluxo de trabalho local e explica por que você pode escolher um método de implantação em vez de outro com base em sua equipe, fluxo de trabalho e detalhes do site!

Slides da Sessão

Transcrição de texto completo

CARRIE DILS : Olá. Bem-vindo às práticas recomendadas de implantação de sites com Local. Portanto, como um desenvolvedor da Web profissional, você já está familiarizado com a ideia de desenvolver sites em sua máquina local e, em seguida, implantá-los no servidor ativo em vez de realmente fazer seu desenvolvimento em um servidor ativo. Quando se trata de configurar esse ambiente de desenvolvimento local, existem inúmeras opções. Você tem MAMP ou WAMP ou XAMPP ou DesktopServer.

Há muitas ferramentas diferentes que você pode usar para isso. Meu favorito pessoal é o LocalWP. É uma entrega gratuita - desculpe-me. Chama-se Local, mas está disponível em localwp.com. É uma ferramenta de desenvolvimento gratuita. É realmente muito fácil de configurar e, além de ser um local para o desenvolvimento local do site, também possui algumas opções para implantar a vida do seu site. Mas também tem muitos outros benefícios para o seu fluxo de trabalho, coisas como acesso SSH de rota, WPCLI, alguns bloqueios de cache integrados e até mesmo um SSL de um clique.

Portanto, se você já tem isso, está pronto para começar. Se não, tudo bem. Portanto, antes mesmo de falarmos sobre maneiras de fazer uma implantação, vamos voltar ao ponto e falar sobre o que realmente está envolvido quando se trata de migrar um site WordPress. Então pense nisso como duas coisas. Você tem seus arquivos e seu banco de dados. E quando falamos em migrar um site, estamos simplesmente falando em mover essas duas coisas para um servidor de destino. Entendi?

Tudo bem. Então, se você abrisse uma instalação do WordPress ou talvez fizesse um novo download do WordPress e o abrisse, o que você veria são três arquivos principais – ou desculpe-me, pastas, WP Admin, WP Includes e WP Content, e um punhado de arquivos nesse diretório raiz. Agora, para fins de migração, supondo que seu servidor de destino já tenha o WordPress instalado, tudo o que importa é a pasta WP Contents. Então, isso vai conter seus temas, seus plugins e também quaisquer uploads que você fez por meio do administrador do WordPress. Se você carregou arquivos de mídia, eles também serão incluídos fisicamente na pasta WP Content.

Com isso em mente, temos arquivos, temos banco de dados. Vamos verificar nossas opções para realmente avançar com a migração. Tudo bem. Se você quiser se juntar a mim em sua máquina do tempo, que tenho certeza de que você está sentado onde quer que esteja assistindo isso. Vá em frente, pule nessa máquina do tempo, e vamos voltar para algo chamado FTP ou protocolo de transferência de arquivos. Estou pedindo a você– estou pedindo a você, por favor, nunca use FT–

[RISADA]

–FTP. Se for necessário, pelo menos vá para SFTP ou protocolo de transferência segura de arquivos, que adiciona uma camada de segurança ao processo de movimentação de arquivos. Ou você pode estar com o host que possui cPanel, que funciona da mesma forma. É um navegador de arquivos e você está movendo arquivos para frente e para trás entre o servidor local e o servidor ativo. Então isso é para cuidar dos arquivos. E você fica tipo, espere, Carrie. Lembro que você acabou de dizer que também tem um banco de dados para mover. E eu aprecio você lembrar disso.

Portanto, quando se trata do banco de dados, isso pode parecer um pouco intimidador se você não estiver acostumado a bisbilhotar um banco de dados MySQL. E, basicamente, o processo é exportar seu banco de dados local como um arquivo gzip. Você fará o download dele e, em seguida, em seu gerenciador de banco de dados que reside em seu servidor de produção, você importará esse banco de dados.

[SOM GRITANTE]

Funciona, funciona. Isso finaliza o trabalho. Mas você provavelmente precisará usar um plug-in como Better Search and Replace para substituir todos os URLs de desenvolvimento pelo seu URL ativo. Então, apenas tenha isso em mente.

Em seguida, temos plug-ins de migração. Nós nos mudamos oficialmente para o futuro e estamos encontrando maneiras mais fáceis de mover sites locais para ativos. Portanto, quando se trata de plug-ins de migração, há muitos deles no repositório de plug-ins do WordPress. Alguns dos meus favoritos, All-In-One Migration, Duplicater e WP Migrate DB.

Agora, quando se trata deles, eles vão lhe dar um tipo diferente de assistência. Portanto, em comparação com o processo totalmente manual que estávamos analisando com cPanel ou SFTP. Eles vão fazer algumas coisas legais, como quando ele prepara seu banco de dados, vai em frente e ajuda você com aquela troca de URL local para URL ao vivo. E vai empacotar seus arquivos para você, mas você ainda terá que fazer algo com esses arquivos na extremidade receptora. E cada um desses plug-ins opera de uma maneira um pouco diferente, mas eles o ajudarão no processo de mudar de local para morar.

Agora, eu seria negligente aqui se não mencionasse meu plug-in favorito absoluto para isso, que é o Migrate DB Pro. Isso é criado por Brad Touesnard e sua equipe no Delicious Brains. E o que esse plug-in faz é, na verdade, um plug-in de implantação por atacado. Então, ele vai pegar seus arquivos, seu banco de dados, permitir que você obtenha granularidade real em quais tabelas deseja mover e, em seguida, enviá-los para o seu ambiente ao vivo. Agora, porque é uma ferramenta incrível, sim - você teria que tirar sua carteira para usá-la. Mas é uma grande economia de tempo.

Mas você pode estar pensando, Carrie, pensei que estávamos falando sobre o Local. E estamos falando de Local. Costumávamos fazer backup, ver o que estava envolvido no processo de migração e, em seguida, ter algumas ideias de maneiras de migrar um site. Agora o WP Migrate DB Pro é incrível. Mas quando se trata de Local, você também obtém esse ambiente de desenvolvimento local. Mas espere, há mais. Você obtém algo chamado Local Connect e Magic Sync, que é a capacidade de fazer uma implantação com um toque do seu local para viver. E na verdade permite que você vá na outra direção também, se quiser puxar. Mas estamos focando na implantação para isso.

O único problema é que o Local Connect funciona com dois hosts da web, Flywheel e WP Engine. Agora eu sei que muitos de vocês assistindo isso já podem ter essas contas. Fantástico. Caso contrário, não tenha medo, existem algumas maneiras gratuitas de experimentá-las.

Então, Flywheel, você pode criar um novo site de demonstração, girá-lo, usá-lo para brincar com o Local Connect. E, da mesma forma, com o WP Engine, você pode criar uma conta gratuita do programa de parceiros que vem com um site que você pode conectar ao Local.

OK. Está tudo pronto para uma demonstração? Eu ouvi um sonoro sim. Então, vou avançar para março com a demonstração. Claro, o que poderia dar errado?

[RISOS]

OK. Portanto, quando se trata do processo de implantação, você precisa ter um site para implantar. Então, aqui estou na minha área de conta do WP Engine. Estou criando um site local e digo que este é um ambiente de teste. E nós iremos em frente e adicionaremos isso. Agora, voltando ao Local, primeiro preciso conectar o Local ao meu host, neste caso, o WP Engine.

Vou entrar, e ele me dá alguns links lá. Eu vou visitar este link superior. Isso me leva de volta à minha conta do WP Engine e lá posso gerar minhas credenciais. Isso me dá um nome de usuário e uma senha da API. Deixe-me ir em frente e copiar isso, vá para Local, cole isso e faça o mesmo para a senha. E agora estamos no processo de conexão com o WP Engine. E o que você vê aqui é uma lista de todos os sites que hospedei no WP Engine que agora estão disponíveis para mim e para o Local. E observe que posso puxá-los diretamente para Local. Mas, novamente, estamos falando sobre a outra direção aqui.

OK, então você está comigo até agora? Criamos um site em nosso host para o qual enviaremos nosso site local e também conectamos a ferramenta Local ao WP Engine. Tudo bem, seguindo em frente. Agora é hora de verificar o site que desenvolvi localmente e é muito chato, mas eu só quero que você veja o que é para que tenhamos contexto para quando o enviarmos upstream.

Então, primeiro, vou conectar este site específico ao WP Engine. E então, com um único clique, boop. Ele apenas dirá para qual site você deseja enviá-lo e selecionarei o site de demonstração local que acabei de criar. E você também pode avançar diretamente para preparação, produção ou desenvolvimento. E agora, neste caso, estou fazendo uma encenação. E você pode opcionalmente incluir se deseja ou não enviar o banco de dados junto. Aqui está uma dica profissional. Quando estou desenvolvendo localmente, às vezes fico muito preguiçoso e uso nomes de usuário e senhas terríveis. Lembre-se, quando você está enviando isso para um servidor ativo, você quer ter certeza de que está usando um nome de usuário e senha seguros, mesmo que não seja seu ambiente de produção.

OK. Então, começamos o processo de empurrar. Isso envolve o upload dos arquivos. Conversamos sobre mover arquivos

E então vamos carregar esse banco de dados, já que selecionamos o banco de dados em nossas opções. Deve ter sido em um grande banco de dados.

[RISADA]

Agora está fazendo aquela pesquisa de URL e substituindo que mencionamos, e está verificando o prefixo da tabela do banco de dados para garantir que seja uma correspondência entre local e ativo. Então, através desse processo de implantação, posso até ver na parte inferior da tela há quanto tempo desde minha última implantação. Então, vamos voltar para minha conta do WP Engine. Vou abrir o site que acabei de enviar. E se o visitarmos, aí você pode ver que é o site que acabamos de ter local. Novamente, não é nada super especial, mas aí está. E só para mostrar a situação do URL, você pode ver que ele foi atualizado para o URL ativo. Muito legal.

Tudo bem. Ainda comigo? Recapitulando, até agora pegamos um site ativo– ou desculpe-me, um site local que desenvolvemos localmente. Criamos um site no servidor de destino. Conectamos o local à nossa conta do WP Engine e também conectamos o site específico ao WP Engine. E então, voila, com o apertar de um botão, ele faz tudo. Está substituindo as URLs. Está estourando o cache. Ele também está fazendo backups durante o processo, caso algo dê errado. Implantar com local é tão ridiculamente fácil. A primeira vez que eu vi, eu estava vendido.

Agora, caso você não esteja devidamente impressionado, espero que esteja. Mas, caso não esteja, agora quero apresentar a você algo chamado MagicSync. Agora MagicSync é um visualizador onde você obtém uma espécie de janela de dois painéis onde pode ver quais são os arquivos em seu site local e compará-los com os arquivos no site de destino e ser bem específico sobre quais arquivos deseja implantar. Vamos dar uma olhada.

OK. Então, aqui estou eu de volta ao Local. E se eu for para Preferências locais, há um botão que posso alternar para o MagicSync. E ligue isso, e vá em frente e aplique. OK, agora preciso criar ou adicionar algo ao meu site local existente para que eu possa mostrar a você como o MagicSync funciona. E vou fazer isso adicionando um tema à minha instalação local do WordPress. E vamos apenas com 2021.

Não importa. Mais uma vez, apenas mostrando um exemplo de como isso funciona. Portanto, não há necessidade de ativar. Voltando para Local, clicarei em Push novamente. E desta vez, você notará… uau, aí está, aquela janela do MagicSync. E se rolarmos para baixo, aí está, aquele tema de 2021. Podemos ver que ele está presente no diretório de arquivos localmente e que, se o enviarmos, ele será adicionado a esse ambiente remoto.

Também podemos ver coisas que serão excluídas se fizermos push disso e o que isso significa é que o arquivo existe localmente e remotamente. Portanto, com o MagicSync, você pode ficar realmente granular, novamente, sobre quais arquivos deseja enviar. Agora você não precisa usar o MagicSync. Você poderia simplesmente fazer um push total de tudo, que é uma maneira de fazer isso. Leva apenas um pouco mais de tempo do que se você estiver usando o MagicSync para enviar apenas os arquivos especificados.

Então, voltando ao WP Engine. Vamos dar uma olhada no site ao vivo. E se eu for aos temas, aí posso ver. Aquele tema de 2021 está aí. Isto é tão legal. OK, é assim que o MagicSync funciona em poucas palavras. Então, novamente, você pode usar o MagicSync como parte do processo de implantação ou apenas ficar com o Local Push e isso funciona - isso também funciona muito bem. Então, espero que você tenha gostado de ver como é fácil fazer isso.

Agora, se você tiver problemas ao fazer isso, o Local tem fóruns de suporte à comunidade realmente fantásticos. E eles são super ativos. Portanto, se você fizer perguntas, obterá respostas lá. E grite para Clay Griffith, que na verdade é o criador original do Local. E ele também… você o verá nos fóruns também.

Agora, se você é um cliente pagante do WP Engine ou do Flywheel, na verdade obtém suporte dedicado para Local e Local Connect, o que é muito, muito legal. E esses dois hosts, eu sei por experiência, têm equipes de suporte incríveis.

OK, então vamos recapitular. Quando se trata de migrações, qual é a primeira opção? Certo, SFTP ou cPanel junto com um banco de dados manual, Migração. Então você vai exportá-lo e depois importá-lo. Portanto, essa seria a maneira mais manual de fazer uma implantação. Em seguida, temos plug-ins de migração e, em seguida, alguns auxiliares de banco de dados que fazem coisas como pesquisar e substituir no URL, coisas que podem verificar nossos prefixos de tabela de banco de dados do WordPress.

Portanto, está muito melhor do que o antigo modelo SFTP, mas ainda não é 100% um clique de um botão. O que, é claro, deixa o último, Local Connect e MagicSync para colocar seus arquivos e seu banco de dados no servidor e aposto que você pode dizer qual é minha ferramenta favorita.

Portanto, se você quiser prosseguir e começar, gostaria de convidá-lo a fazer o download do Local em localwp.com, caso ainda não o tenha feito, e o Local Connect é um recurso totalmente gratuito. Apenas tenha em mente que ele só funciona com Flywheel ou WP Engine. E há algumas maneiras de experimentar qualquer um desses hosts, apenas para brincar com o Connect e ter uma ideia de como funciona.

Tudo bem. Com isso, gostaria de agradecer pelo seu tempo e atenção, e desejo-lhe muitas implantações felizes.