WordPress y Github Integración – Ambiente en Vivo
La plataforma de github es un software colaborativo muy reconocido que trabaja con un sistema de control de versiones eficiente llamado Git. Si eres desarrollador de la comunidad de wordpres seguramente alguna vez has oído hablar de esta plataforma.
Con la constante contribución de proyectos de código abierto, este tipo de plataforma GitbHub es esencial para brindar un buen trabajo al manejarse por medio de una versión más actualizada, lo cual evita problemas futuros con ambas plataformas. Por lo tanto, github con wordpress facilita el flujo de trabajo en el desarrollo de la plataforma wordpress.
¿Cómo integrar GitHub con WordPress?
En este artículo te resumiré cómo puedes integrar GitHub con wordpress, de forma que no se obligue a los desarrolladores a trabajar forzadamente. De esta manera, se utilizará un servidor en vivo a través de tu sitio wordpress desde los archivos por medio del repositorio de GitHub y para lograrlo, debes hacer lo siguiente:
- Lo primero que debes hacer, es elaborar un repositorio por medio de Github. Para ello, debes iniciar sesión en la plataforma. Posteriormente, determina un nombre para tu repositorio y puedes añadirle una pequeña descripción si es de tu agrado. Luego accede a que cualquier público pueda ver el repositorio, seleccionando en “Publico”. Para terminar, selecciona en el apartado “Crear repositorio”.
- Lo que sigue, es que envíes todos los archivos y carpetas de wordpress directamente del servidor en vivo hacia el repositorio que acabas de crear.
Si estas familiarizado con el hosting Cloudways, necesitarás iniciar en el servidor SSH Terminal (La línea de comandos CLI) que va a permitir que puedas trasladar los archivos. Para iniciar la línea de comandos debes dirigirte hacia el “Panel de administración”, luego selecciona “Credenciales maestras” y seguidamente “Iniciar SSH Terminal” para luego colocar tu nombre de usuario y contraseña.
Una vez que hayas iniciado, lo que sigue es que coloques estos comandos, que permitirán iniciar el repositorio vacío de Git:
- cd applications / xxxxxx / public_html ( xxxxxx es el nombre de la carpeta de su aplicación de WordPress )
- Seguidamente: git add
- Luego este que almacena tus archivos y carpetas en el repositorio de GitHub: git checkout -b master
- Posteriormente, git commit -m “primer compromiso”
- Lo siguiente, es que debes confirmar todos los cambios registrados y prepáralos para que sean enviados al repositorio de GitHub.
- En tal caso que te pida confirmación de que eres tú, como “Por favor, dígame quién es” debes colocar estos comandos y reemplazar el nombre y correo electrónico con los tuyos:
git config –global user.email “tucorreo@ejemplo.com”
git config –global user.name “Su nombre”
Lo que sigue, es que la plataforma te llevará a dónde se encuentra la URL de tu repositorio GitHub a dónde serán enviados todos los archivos y debes copiar la URL HTTPS y pegarla en la URL del repositorio de GitHub. Lo que posteriormente mostrará es este comando: git remoto agregar origen https://github.com/ArsVita/first-repo
Este es el comando que va a enviar todos los archivos hacia el repositorio de GitHub: maestro de origen de git push. Una vez realizado, te pedirá que ingreses tu usuario y contraseña GitHub. Finalmente revisa el repositorio GitHub y exitosamente deberías encontrar con éxito los archivos de wordpress.
- El siguiente paso, es instalar Git. De este modo vas a tener acceso para extraer a los archivos de GitHub directamente a tu PC. Por lo tanto, necesitas instalar Git en tu sistema.
- Una vez que lo hayas hecho, extrae la carpeta directamente desde el repositorio GitHub. Para hacerlo, debes crear una carpeta y acceder seleccionando el clic derecho, en el apartado “Git Bash aquí”. Posteriormente se va a abrir una ventana en la que debes ingresar los siguientes comandos para poder conectar dicha carpeta hacia el repositorio GitHub online.
- Debes ingresar estos comandos, uno por uno.
git init
git add.
git remoto agregar origen https://github.com/ArsVita/first-repo.git
/ * No olvides reemplazar la URL por la tuya. * /
maestro de origen de git pull
- Esto podría tomar un poco de tiempo, pero en lo que termine todo el procedimiento, puedes dirigirte a la carpeta local WordPress y podrás observar que todos han sido extraídos exitosamente.
- Lo que sigue es crear un entorno de desarrollo WordPress y Github en la PC local. Para ello, es necesario descargar Sublime Text, Visual Studio Code, Atom u otro sistema para desarrollar aplicaciones, seguido de un paquete de GitHub “GitSavvy”. Para ello, debes instalar la última actualización del editor de Sublime Text.
- Conecta la plataforma de GitHub con Sublime Text. Para realizar esto, es necesario abrir la carpeta local WordPress en Sublime Text. Para ello, dirígete desde la plataforma de Sublime text a “Archivo” y luego “Abrir carpeta”.
Seguidamente, edita el archivo “wp-login.php”. Para ello añade la palabra “echo” justo antes del texto “¡Hola mundo!” o hello world y luego guárdalo.
Ahora bien, para iniciar GitHub en Sublime Text, dirígete hacia la papelera de comandos y busca el “Estado” y luego presiona el apartado “git: status”. Este comando ayudará a compactar la carpeta local con la del repositorio GitHub, con lo que podrás saber el nombre de los archivos.
- Envía el repositorio de local a GitHub. Para confirmarle a Sublime Text acerca del repositorio que va a ser enviado necesitas utilizar el siguiente comando: “git: remote add” de modo que se configure la URL.
Luego de que el repositorio esté conectado, coloca “git: push” para poder impulsar a los cambios. Posteriormente, selecciona el origen y el nombre de la rama. En este momento, te pedirá iniciar sesión en tu cuenta de GitHub.
- Conectar GitHub directamente al servidor en vivo. Lo que sigue, es iniciar sesión en tu cuenta Cloudways y directamente ingresa en la plataforma de wordpress. Luego, dirígete hacia “Implementación vía git” y selecciona el apartado “Generar clave SSH”.
Seguidamente, selección “Ver clave SSH” y descarga las claves necesarias para luego volver al repositorio GitHub, por medio de la configuración y selecciona “Implementar clave” seguido de “Agregar clave de implementación” e ingresa las claves SSH que descargaste anteriormente.
Para permitir el acceso, selecciona el apartado de “Permitir acceso de escritura” para poder ingresar las claves. En el repositorio GitHub dirígete hacia la pestaña “código” y copia la clave SSH y posteriormente, pulsa “Usar SHH”.
Ahora, lo que debes hacer es retroceder hacia Cloudways en el apartado llamado “Implementación a través de Git” para pegar las claves SSH directamente en el campo llamado “Dirección remota de Git”, para finalizar, haz click en “Autenticar” y selecciona la rama de repositorio que utilizas por defecto.
Posteriormente, selecciona “Iniciar implementación” para conectar Cloudways directamente con GitHub
- Como último paso, vas a extraer los cambios hacia el entorno en vivo directamente desde GitHub. Ahora lo que falta, es extraer estos cambios de repositorio GitHub directamente hacia un sitio de wordpress por medio de Cloudways.
Para ello, accede a la plataforma de Cloudways y dirígete al apartado “Administración de aplicaciones” para luego seleccionar “Implementación a través de Git” y finalmente pulsa el apartado “Pull”.
Luego de hacer esto habrás culminado exitosamente el procedimiento de integrar WordPress en GitHub, todos los cambios estarán actualizados en el sitio en vivo para que comiences a trabajar.