El flujo de trabajo de desarrollo perfecto en WordPress con Git y SSH

Matthias Held Última actualización 21.10.2020
9 min.
Flujo de trabajo-DEV
Última actualización 21.10.2020

Tal vez se haya preguntado: "¿Cómo puedo publicar mi sitio web WordPress ?" o "¿Cuál es la mejor manera de poner en línea mi WordPress -sitio ?". Como desarrollador en ciernes -o como agencia que busca aumentar el rendimiento- estoy seguro de que te horroriza la avalancha de resultados de búsqueda (obsoletos) en Stack Overflow y Google. Así que en este post, te presentaré un proceso de despliegue probado para obtener tu WordPress -sitio desde un dispositivo local a un servidor. Vamos con SSH! 

¿Qué es SSH?

SSH (abreviatura de "Secure Shell") es un método de conexión a un sistema o servidor mediante la interfaz de línea de comandos (CLI). En pocas palabras, con SSH ya no tiene que perder el tiempo saltando en diferentes interfaces de usuario para transferir los datos de tu . 

¿Por qué SSH es tan genial?

Una vez que hayas configurado SSH, ya no tendrás que arrastrar y soltar archivos. De este modo, se reducen los errores y se agilizan los tiempos de implantación.

¿Para quién es adecuado el SSH?

SSH puede ser utilizado por equipos de desarrollo de cualquier nivel y tamaño. SSH es una forma muy segura y rápida de editar el proyecto tu y publicar los cambios. Especialmente si estás trabajando en proyectos más grandes, harás tu flujo de trabajo mucho más eficiente con SSH.

Por ejemplo, con Git tu puedes poner todo tu trabajo en un repositorio y enviarlo a tu servidor, así como trabajar en colaboración en un proyecto como equipo, sin tener que mover los archivos de un lado a otro.

¿Por qué utilizar SSH? 

El motivo por el que se utiliza SSH difiere según el caso de uso. SSH se utiliza principalmente por estas razones:

  • SSH es seguro,
  • rápido y
  • se puede automatizar!

Y si no fueran suficientes razones para ti, también puedes acoplar SSH con el control de versiones de Git. Si necesitas revertir tu Development debido a un error o una característica rota, también es muy fácil: la reversión se hace directamente desde tu repositorio de GitHub.

¿Utilizando SSH como desarrollador junior? 

Cualquiera que se adentre en el tema de SSH puede sentirse rápidamente abrumado, porque a primera vista el sistema parece extremadamente complejo. Pero no te preocupes: este tutorial te guiará por todos los pasos importantes. Como ya sabrás, la experiencia práctica en desarrollo con Git y SSH es muy valiosa, y hoy en día es un estándar de la industria.

¿Por qué iba a utilizar una agencia SSH?

Aparte de las ventajas mencionadas de ahorro de tiempo y control de versiones, SSH le permite acceder de forma segura a su servidor desde cualquier dispositivo que tenga instalada la clave SSH tu . 

No estar atado a un dispositivo específico significa libertad de ubicación. 

Primeros pasos con SSH

RAIDBOXES le ofrece una tarifa Hosting para el desarrollo gratuito de proyectos tus WordPress : el FREE Dev Program. Así que si quieres practicar SSH, este es el camino a seguir.

tu RAIDBOXES BOX es donde se alojará tu WordPress -sitio . Sin embargo, no podrá empujar directamente los commits de git de tu . Esta es una característica de seguridad de RAIDBOXES, que garantiza que tu BOX permanezca segura. En su lugar, tendrá que utilizar un proveedor de terceros para empujar tu repo con git pull en tu BOX . He utilizado GitHub para este tutorial. Por supuesto, también puede utilizar otro servicio; el proceso es bastante similar.

Cómo funciona exactamente el proceso, he visualizado para usted aquí una vez: 

wordpress-desarrollo

Si ya... 

  • Git instalado en su dispositivo,
  • Claves SSH generadas y 
  • ha añadido su clave SSH pública a GitHub, 

entonces salte directamente al paso 4: Configure su clave SSH en RAIDBOXES .

Paso 1: Compruebe si tiene instalado Git

Puedes comprobar fácilmente si Git está instalado en el dispositivo que estás utilizando: Abra la herramienta de línea de comandos tu (Windows) o Terminal (Mac) e introduzca el siguiente comando: 

ssh-13

git version

Si ves un número de versión, Git está instalado en tu dispositivo. 

ssh-7

Si recibe un mensaje de error, puede instalar Git aquí. (Es posible que tenga que actualizar Git si está utilizando una versión anterior).

Paso 2: Configurar las claves SSH de tu

Compruebe si existen claves SSH:

Las claves SSH son necesarias para conectarse de forma segura a GitHub y RAIDBOXES a través de una conexión SSH. Si no está seguro de si ya ha generado claves SSH, normalmente puede encontrarlas de esta manera:

  1. Abrir el Git Bash
  2. Introduzca el siguiente comando

ls -al ~/.ssh

Si tiene claves SSH, obtendrá una salida con los nombres correspondientes: 

ssh-6

Las claves SSH suelen encontrarse en el directorio raíz de los dispositivos tus usuarios. Comprueba el directorio:

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

Para más detalles sobre las claves SSH, consulta los documentos oficiales de GitHub.

Generar nuevas claves SSH:  

Hay varias formas de crear claves SSH. Te recomiendo que sigas la documentación en GitHub Docs - hay instrucciones para Windows, Mac y Linux.

Paso 3: Añade tu clave SSH a GitHub

Como requisito previo para empujar el desarrollo local de tu a GitHub, necesita añadir su clave SSH a GitHub. Para ello, siga la documentación oficial de GitHub

Puede comprobar si ha configurado la clave SSH correctamente mediante : 

Paso 4: Configure su clave SSH en RAIDBOXES

RAIDBOXES le permite conectarse a su servidor a través de una conexión SSH. Primero hay que registrar la clave SSH en la GUI (interfaz gráfica de usuario). 

Para ello, entre en RAIDBOXES-panel de control . Seleccione la dirección BOX a la que desea conectarse mediante SSH:

ssh-5

Vaya a Configuración > SSH:

ssh-8

Habilite SSH haciendo clic en el botón "Off" para encenderlo y seleccione la configuración de SSH:

ssh-15

Tenga preparada su clave SSH (véase el paso 2). RAIDBOXES requiere que introduzcas la clave SSH pública de tu . 

Vaya al directorio de su máquina local que contiene sus claves SSH:

C:\Users\Admin\.ssh

Abrir el archivo id_rsa.pub. Copie todo el contenido del archivo -incluyendo el 'ssh-rsa' al principio- y péguelo en el campo SSH: 

ssh-10

Haga clic en Guardar y vuelva a panel de control tus BOX . 

En la sección SSH encontrará tu credenciales para conectarse a RAIDBOXES vía SSH. Necesitas las siguientes credenciales: 

  • Nombre de usuario, 
  • Detalles del anfitrión y 
  • La frase de contraseña SSH que creó para su clave SSH (véase el paso 2). 
El flujo de trabajo de desarrollo perfecto en WordPress  con Git y SSH

Abra Git Bash (Windows) o Terminal (Mac). El comando para conectarse vía SSH es:

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

Un ejemplo con mi cuenta ficticia sería: 

ssh wp@XXXXXX.myraidbox.de

ssh-1

Ahora se le pedirá que introduzca la frase de contraseña SSH de tu . Introdúzcalo - y bienvenido a su árbol de archivos RAIDBOXES BOX ! 

Si recibe un mensaje de advertencia de que la conexión es desconocida (es la primera conexión), puede proceder como sigue:

  • Entra en el sí,
  • abandonar Git Bash,
  • abrir de nuevo Git Bash y
  • volver a entrar en tu Detalles del conflicto SSH. 
ssh-2

Paso 5: La estructura del directorio RAIDBOXES

Como se menciona en la pantalla de bienvenida de la conexión SSH a tus RAIDBOXES BOX , el directorio tu preinstalado WordPress se encuentra en /home/wp/disk/wordpress. tu directorio de trabajo actual cuando se conecta por primera vez a través de SSH es home/wp

En este directorio, no tienes los permisos adecuados para iniciar Git, y tu proyecto con git pull descargando - tampoco querrías eso. 

Cambia a tu carpeta de trabajo: 

Desde este directorio se pueden cambiar las bases tus WordPress -sitio : Si usted ls (lista) en la consola, verá tu árbol de archivos típico de WordPress : 

ssh-9

Paso 6: Inicializar Git en RAIDBOXES

Cambia los directorios en wp-content/themes y crear un directorio. Aquí se inicializa Git y se extrae tu desarrollado localmente Theme de GitHub. 

cd wp-content/themes

mkdir <your theme name>

cd <your theme name>

git init

Otra característica interesante de RAIDBOXES: Git ya está instalado en el servidor - así como WordPress CLI (WP-CLI). Por último, pero no por ello menos importante, tire de tu repositorio GitHub en el árbol de archivos RAIDBOXES WordPress . 

Sin embargo, para mantener la seguridad de tu BOX , RAIDBOXES no permite hacerlo, git push directamente desde su dispositivo local a tu Git repo. Pero lo sacas de un servicio como GitHub. 

(Si ya ha subido el proyecto de desarrollo local tu a GitHub, continúe con el paso 8).

Paso 7: Subir a GitHub la página tu local Theme

Desde su dispositivo local, navegue hasta la carpeta donde se creó tu custom WordPress -Theme . A continuación, inicialice Git ejecutándolo en su terminal:

git init

ssh-11

Cree el repo tu en GitHub y añádalo como remoto a su desarrollo personalizado. Para obtener instrucciones sobre cómo crear un repositorio de GitHub, lea esta documentación.

ssh-14

Cuando creas un repo, puedes elegir entre público y privado. Para los trabajos por encargo, lo mejor es optar por lo privado. Tenga en cuenta que esto le pedirá que añada su nombre de usuario de GitHub y la contraseña de tu (no tu SSH passphrase) cuando utilice los comandos git push o git pull que vas a querer sacar.

Añadir tu GitHub repo como un remoto para ejecutar el comando git push a utilizar: 

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

Como en este ejemplo: 

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

Añade los archivos de tu , confírmalos y envíalos a tu repositorio 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>

(Si no está seguro del nombre tu Remote, ejecute el comando git remote -v fuera. Esto le mostrará todos los nombres de los repositorios remotos).

$ git push -u gitHub master

¡Impresionante! Ahora tu Theme está en línea y listo para ser arrastrado a tu BOX . 

Paso 8: Descargar tu Theme en RAIDBOXES

Al igual que añadimos el repositorio GitHub de tu como repositorio remoto (para poder empujar tu Theme a GitHub) ahora añadiremos GitHub como repositorio remoto y empujaremos el Theme desde el repositorio GitHub. 

Abra el terminal Git Bash desde el que se conectó por SSH a RAIDBOXES . Asegúrese de que se encuentra en la carpeta tu WordPress -Theme donde inicializó Git (véase el paso 6). 

Por ejemplo:

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

Ahora añada tu GitHub repo como un remoto. 

Puede encontrar la dirección remota en GitHub: 

ssh-3

Añade el mando a distancia: 

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

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

Pulle ahora el repo de GitHub:

Tenga en cuenta: Lo más probable es que la rama se llame maestra aquí. A menos que lo hayas cambiado o estés trabajando en una rama diferente en GitHub.

git pull <alias name> <branch>

git pull gitHub master

Si el repositorio es privado ...

... se te pedirá tu nombre de usuario de GitHub y tu contraseña de GitHub - no tus passphrase.

Paso 9: Activar tu Theme

Enhorabuena. El último paso es activar tu WordPress -Theme . Sólo que ¿por qué dejar la terminal para esto? RAIDBOXES tiene WordPress CLI ya instalado. Con unas pocas líneas de código puede ahorrarse los clics en la interfaz de usuario de WordPress . 

Ejecute este comando en el terminal: 

wp theme activate <your theme name>

Para obtener una descripción completa de los comandos que puede utilizar con WP-CLI , consulte la documentación oficial de WordPress .

Si prefiere la interfaz de usuario, puede acceder a todo tu Themes desde su RAIDBOXES BOX -panel de control . Puede encontrarlos en el punto de navegación Plugins & Themes:

ssh-4

Conclusión

Si está buscando una forma rápida, segura y más eficiente de desarrollar y mantener tu WordPress -sitio , utilizando Git y SSH es el camino a seguir. Créeme, pronto te preguntarás cómo has podido hacerlo con otro flujo de trabajo. 

Pero cada uno trabaja a su propio ritmo y tiene preferencias individuales en cuanto al flujo de trabajo adecuado. Te recomiendo que le des una oportunidad a SSH - y que sigas los pasos descritos. Nunca se sabe: ¡puede que quede absolutamente encantado y no quiera perderse este flujo de trabajo! 

Muchas gracias por leer. Espero que este artículo le haya ayudado a establecer un flujo de trabajo adecuado que le facilite la vida al trabajar con Custom Themes . Empiece hoy mismo y aproveche al máximo el panel de control de RAIDBOXES. 

¿Qué preguntas tienes para Matthias?

No dude en utilizar la función de comentarios. ¿Quiere estar informado de los nuevos artículos y consejos sobre el tema WordPress Desarrollo? Entonces síganos en Twitter, Facebook o a través de nuestro boletín.

Matthias es un calmante del caos en RAIDBOXES. Como desarrollador de temas y plugins, orador de WordCamp y colaborador activo de la comunidad de anfitriones, se le puede encontrar regularmente en WordCamps y otros eventos relevantes de WordPress y siempre está listo para un bocadillo. Cuando no está allí, tiene gatos en su regazo.

Artículos relacionados

Comentarios sobre este artículo

Escribe un comentario

La dirección de correo electrónicotu no se publicará. Los campos obligatorios están marcados con *.