O fluxo de trabalho de desenvolvimento perfeito WordPress com Git & SSH

Matthias Held Última atualização em 21.10.2020
9 min.
Fluxo de Trabalho-DEV
Última atualização em 21.10.2020

Talvez você tenha se perguntado: "Como publico meu site WordPress ?" ou "Qual é a melhor maneira de colocar meu site WordPress online?". Como um desenvolvedor em início de carreira - ou uma agência que procura aumentar o desempenho - estou certo de que você ficaria horrorizado com a enchente de resultados de pesquisa (desatualizados) no Stack Overflow e no Google. Então, neste post, vou apresentá-lo a um processo de implantação comprovado para obter seu site WordPress de um dispositivo local para um servidor. Vamos com o SSH! 

O que é SSH?

SSH (abreviação para "Secure Shell") é um método de conexão a um sistema ou servidor usando a interface de linha de comando (CLI). Simplificando, com SSH você não precisa perder tempo pulando em diferentes interfaces de usuário para transferir seus dados. 

Porque é que o SSH é tão fixe?

Uma vez que você tenha configurado o SSH, você não precisa mais arrastar e soltar arquivos. Isto leva a menos erros e a tempos de implementação mais rápidos.

Para quem é o SSH adequado?

SSH pode ser usado por equipes de desenvolvimento de qualquer nível e tamanho. SSH é uma forma muito segura e rápida de editar seu projeto e publicar mudanças. Especialmente se você estiver trabalhando em projetos maiores, você tornará seu fluxo de trabalho muito mais eficiente com o SSH.

Por exemplo, com Git, você pode colocar todo o seu trabalho em um repositório e empurrá-lo para o seu servidor, assim como trabalhar colaborativamente em um projeto como uma equipe - sem ter que mover arquivos entre si.

Porquê usar SSH de todo? 

O motivo pelo qual o SSH é usado difere dependendo do caso de uso. O SSH é usado principalmente por estas razões:

  • O SSH está seguro,
  • rapidamente e
  • pode ser automatizado!

E como se isso não fosse razão suficiente para você, você também pode acoplar SSH com o controle de versão do Git. Se você precisa reverter seu desenvolvimento devido a um bug ou a um recurso quebrado, isso também é muito fácil: um rollback é feito diretamente do seu repositório GitHub.

Usando SSH como um desenvolvedor júnior? 

Qualquer pessoa que entre no tópico de SSH pode rapidamente se sentir sobrecarregada, porque à primeira vista o sistema parece extremamente complexo. Mas não se preocupe: este tutorial irá guiá-lo através de todos os passos importantes. Como você deve saber, a experiência prática no desenvolvimento com Git e SSH é muito valiosa - e hoje em dia um padrão da indústria.

Porque é que uma agência usaria SSH?

Além dos benefícios de economia de tempo e controle de versão acima mencionados, o SSH permite que você faça o login com segurança no seu servidor a partir de qualquer dispositivo que tenha sua chave SSH instalada. 

Não estar amarrado a um dispositivo específico significa liberdade de localização. 

Primeiros passos com o SSH

RAIDBOXES oferece-lhe um plano de hospedagem para o desenvolvimento gratuito dos seus projectos WordPress : o Programa FREE Dev. Portanto, se queres praticar SSH, estás no caminho certo.

Seu RAIDBOXES BOX é onde você hospedará seu site WordPress . No entanto, você não será capaz de empurrar o seu git comete diretamente. Este é um recurso de segurança do RAIDBOXES que garante que seu BOX permaneça seguro. Em vez disso, você precisará usar um provedor terceirizado para empurrar seu repo com git pull no seu BOX . Eu usei o GitHub para este tutorial. Claro que você também pode usar outro serviço - o processo é bastante semelhante.

Como o processo funciona exactamente, eu já visualizei para si aqui uma vez: 

desenvolvimento wordpress-development

Se você já... 

  • Git instalado no seu dispositivo,
  • chaves SSH geradas e 
  • adicionou a sua chave SSH pública ao GitHub, 

depois salte directamente para o passo 4: Configure a sua chave SSH em RAIDBOXES .

Passo 1: Verifique se você tem o Git instalado

Você pode verificar facilmente se o Git está instalado no dispositivo que você está usando: Abra sua ferramenta de linha de comando (Windows) ou Terminal (Mac) e digite o seguinte comando: 

ssh-13

git version

Se você vir um número de versão, Git é instalado no seu dispositivo. 

ssh-7

Se você receber uma mensagem de erro, você pode instalar Git aqui. (Você pode precisar atualizar o Git se você estiver usando uma versão mais antiga).

Passo 2: Configure as suas chaves SSH

Verifique se há chaves SSH existentes:

As chaves SSH são necessárias para conectar com segurança ao GitHub e RAIDBOXES através de uma conexão SSH. Se você não tem certeza se já gerou chaves SSH, normalmente pode encontrá-las desta forma:

  1. Abra o Git Bash
  2. Digite o seguinte comando

ls -al ~/.ssh

Se você tiver chaves SSH, você terá uma saída com os nomes correspondentes: 

ssh-6

As chaves SSH são normalmente encontradas no diretório raiz dos dispositivos dos seus usuários. Verifique o diretório:

C:\Users\<YOUR USER NAME>\.ssh

Para mais detalhes sobre as chaves SSH, confira os documentos oficiais do GitHub.

Gerar novas chaves SSH:  

Há várias maneiras de criar chaves SSH. Eu recomendo que você siga a documentação no GitHub Docs - há instruções para Windows, Mac e Linux.

Passo 3: Adicione sua chave SSH ao GitHub

Como pré-requisito para empurrar seu desenvolvimento local para o GitHub, você precisa adicionar sua chave SSH ao GitHub. Para isso, siga a documentação oficial do GitHub

Você pode testar se você configurou a chave SSH corretamente através de : 

Passo 4: Configure sua chave SSH em RAIDBOXES

RAIDBOXES permite-lhe ligar-se ao seu servidor através de uma ligação SSH. Primeiro você tem que registrar a chave SSH na GUI (interface gráfica do usuário). 

Para fazer isso, entre no painel RAIDBOXES. Selecione o BOX ao qual você quer se conectar via SSH:

ssh-5

Vá para Configurações > SSH:

ssh-8

Habilite o SSH clicando no botão "Off" para ligá-lo e selecione as configurações do SSH:

ssh-15

Tenha a sua chave SSH pronta (ver passo 2). RAIDBOXES requer que você digite sua chave SSH pública. 

Vá para o diretório em sua máquina local que contém suas chaves SSH:

C:\Users\Admin\.ssh

Abra o arquivo id_rsa.pub. Copie todo o conteúdo do arquivo - incluindo o 'ssh-rsa' no início - e cole-o no campo SSH: 

ssh-10

Clique em Salvar e volte ao seu painel de controle BOX . 

Na seção SSH você encontrará suas credenciais para se conectar a RAIDBOXES via SSH. Você precisa dos seguintes dados de acesso: 

  • Nome de usuário, 
  • Detalhes do anfitrião e 
  • SSH passphrase que você criou para sua chave SSH (veja o passo 2). 
O fluxo de trabalho de desenvolvimento perfeito WordPress  com Git &amp; SSH

Abra Git Bash (Windows) ou Terminal (Mac). O comando para conectar via SSH é:

ssh <user-name>@<host-details>

Um exemplo com a minha conta fictícia seria: 

ssh wp@XXXXXX.myraidbox.de

ssh-1

Agora você será solicitado a digitar a sua senha SSH. Insira-o - e bem-vindo à sua árvore de arquivos RAIDBOXES BOX ! 

Se receber uma mensagem de aviso de que a ligação é desconhecida (é a primeira ligação), pode proceder como se segue:

  • Digite sim,
  • Desiste do Git Bash,
  • abrir Git Bash novamente e
  • insira novamente os detalhes do seu Conflito SSH. 
ssh-2

Passo 5: A estrutura do diretório RAIDBOXES

Como mencionado na tela de boas-vindas da conexão SSH ao seu RAIDBOXES BOX , o seu diretório WordPress pré-instalado está localizado em /home/wp/disk/wordpress. Seu diretório de trabalho atual quando você se conecta pela primeira vez via SSH é home/wp

Neste diretório, você não tem as permissões apropriadas para iniciar o Git e executar seu projeto com git pull download - você também não ia querer isso. 

Mude para a sua pasta de trabalho: 

A partir deste diretório você pode mudar o básico do seu site WordPress : Se você ls (lista) no console, você verá sua típica árvore de arquivos WordPress : 

ssh-9

Passo 6: Inicializar Git em RAIDBOXES

Alterar os directórios em wp-content/themes e criar um directório. Aqui você inicializa Git e puxa o seu desenvolvido localmente Theme de GitHub. 

cd wp-content/themes

mkdir <your theme name>

cd <your theme name>

git init

Outro recurso legal do RAIDBOXES: Git já está instalado no servidor - assim como WordPress CLI (WP-CLI). A última coisa a fazer é puxar seu repositório GitHub para a árvore de arquivos RAIDBOXES WordPress . 

No entanto, para manter o seu BOX seguro, RAIDBOXES não lhe permite fazê-lo, git push directamente do seu dispositivo local para o seu reporte de idiota. Em vez disso, você puxa-o de um serviço como o GitHub. 

(Se você já empurrou seu projeto de desenvolvimento local para o GitHub, por favor siga para o passo 8).

Passo 7: Faça o upload do seu site local Theme para o GitHub

A partir do seu dispositivo local, navegue até à pasta onde foi criado o seu personalizado WordPress -Theme . Depois inicialize o Git executando-o no seu terminal:

git init

ssh-11

Crie seu repo no GitHub e adicione-o como um controle remoto ao seu desenvolvimento personalizado. Para instruções sobre como criar um repositório GitHub, por favor leia esta documentação.

ssh-14

Ao criar um reporte, você pode escolher entre público e privado. Para trabalhos comissionados, é melhor escolher privado. Note que isto lhe pedirá para adicionar seu nome de usuário e senha do GitHub (não sua senha SSH) quando você usar os comandos git push ou git pull que vais querer tirar.

Adicione seu repo GitHub como um controle remoto para executar o comando git push para usar: 

git remote add <the alias you choose for the remote> <the remotes address>

Como neste exemplo: 

git remote add gitHub
https://github.com/XXXXXXXXX/customWordpressTheme.git

Adicione os seus ficheiros, submeta-os e empurre-os para o seu repositório remoto: 

git add *
git commit -m '<your commit note>'
git push -u <the alias you gave your remote> <the name of the branch your working on>

(Se você não tem certeza de qual é o nome do seu controle remoto, execute o comando git remote -v desligado. Isto irá mostrar-lhe todos os nomes dos repositórios remotos).

$ git push -u gitHub master

Fantástico! Agora o seu Theme está online e pronto para ser inserido no seu BOX . 

Passo 8: Carregue o seu Theme em RAIDBOXES

Assim como você adiciona seu repositório GitHub como um repositório remoto (assim você pode empurrar seu Theme para GitHub) nós agora adicionaremos o GitHub como um repositório remoto e empurraremos o Theme do repositório GitHub. 

Abra o terminal Git Bash onde você SSH'ed para RAIDBOXES . Certifique-se de que está no directório da sua pasta WordPress -Theme onde inicializou o Git (ver passo 6). 

Por exemplo:

home/wp/disk/wordpress/wp-content/themes

Agora adicione seu repo GitHub como um controle remoto. 

Você pode encontrar o endereço remoto em GitHub: 

ssh-3

Adicione o controle remoto: 

git remote add <choose an alias name> <the address of your github ssh repo>

git remote add gitHub https://github.com/XXXXXX/customWordpressTheme.git

Puxa agora o reporte do GitHub:

Por favor, note: O ramo é muito provavelmente chamado de mestre aqui. A menos que você tenha mudado ou esteja trabalhando em um ramo diferente no GitHub.

git pull <alias name> <branch>

git pull gitHub master

Se o repositório for privado ...

... será pedido o seu nome de usuário GitHub e senha GitHub - não a sua senha.

Passo 9: Ative o seu Theme

Parabéns! O último passo é activar o seu WordPress -Theme . Só porquê deixar o terminal para isso? RAIDBOXES tem WordPress CLI já instalado. Com algumas linhas de código você pode salvar clicando no WordPress UI. 

Execute este comando no terminal: 

wp theme activate <your theme name>

Para uma visão completa dos comandos que pode utilizar com WP-CLI , consulte a documentação oficial de WordPress .

Se você preferir a IU, você pode acessar todo o seu Themes a partir do seu painel de controle RAIDBOXES BOX . Você pode encontrá-los no ponto de navegação Plugins & Themes:

ssh-4

Conclusão

Se você está procurando uma maneira rápida, segura e mais eficiente de desenvolver e manter seu site WordPress , usando Git e SSH é o caminho a seguir. Acredite em mim, você logo estará se perguntando como você já conseguiu com qualquer outro fluxo de trabalho! 

Mas cada um trabalha no seu próprio ritmo e tem preferências individuais quando se trata do fluxo de trabalho apropriado. Eu recomendo que você dê uma chance ao SSH - e siga os passos descritos. Você nunca sabe: Você pode ficar absolutamente entusiasmado e nunca querer perder este fluxo de trabalho! 

Muito obrigado pela leitura. Espero que este artigo o tenha ajudado a estabelecer um fluxo de trabalho adequado que facilitará a sua vida ao trabalhar com o Custom Themes . Comece hoje mesmo e aproveite ao máximo o painel RAIDBOXES! 

Que perguntas você tem para o Matthias?

Esteja à vontade para usar a função de comentários. Você quer ser informado sobre novos artigos e dicas sobre o tema WordPress Desenvolvimento? Depois siga-nos no Twitter, Facebook ou através da nossa newsletter.

O Matthias é o tranquilizador do caos na RAIDBOXES. Como desenvolvedor de plugins e temas, palestrante do WordCamp e contribuidor ativo da comunidade de alojamento, ele pode ser encontrado regularmente em WordCamps e noutros eventos relevantes para o WordPress e está sempre pronto para um lanche. Quando não está lá, anda com os gatos ao colo.

Artigos relacionados

Comentários sobre este artigo

Escreve um comentário

O teu endereço de e-mail não será publicado. Os campos obrigatórios estão marcados com *.