Saltar navegación

Activa JavaScript para disfrutar de los vídeos de la Mediateca.

Proyecto Final Montaje de Wordpress AWS - Contenido educativo

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 12 de mayo de 2025 por Santiago Z.

6 visualizaciones

Proyecto Final Montaje de Wordpress AWS

Descargar la transcripción

Muy buenas a todos. Bienvenidos al segundo proyecto de creación de un entorno de 00:00:01
desarrollo web de Amazon Web Service con WordPress. Antiguamente hicimos el desarrollo 00:00:06
en un entorno local y ahora toca en un entorno de AWS. Lo primero que vamos a hacer es dirigirnos 00:00:14
Vamos a la entrada del login de AWS. Dejo por aquí marcado lo que es el enlace. 00:00:32
En nuestro panel de control principal vamos a clickear en esta casilla, en la flechita, 00:00:40
y nos vamos a dirigir al apartado de módulos que está aquí marcado en la siguiente diapositiva. 00:00:52
Y pincharemos en Iniciar el laboratorio de aprendizaje de AWS acá. 00:00:58
vamos a esperar unos segundos y que se despliegue este contenido en pantalla 00:01:05
lo que yo he hecho en mi caso será cambiar el idioma aquí, lo pondré en español y posteriormente 00:01:15
le daré aquí a comenzar laboratorio, una vez hayamos dado al botón de comenzar laboratorio 00:01:26
aparecerá como una V cargando dando vuelta y este botoncito de aquí que antes estaba en rojo 00:01:42
aparecerá en amarillo mientras está en carga y una vez cargado aparecerá en verde el verde significa 00:01:52
que nuestra máquina virtual ha sido levantada finalmente o nuestra instancia ha sido levantada 00:02:00
finalmente y que ya podemos entrar a administrar las podemos ver que aquí se ha puesto en verde 00:02:05
ya y eso significa que se ha levantado y que a partir de ese momento el contador de cobro empieza 00:02:14
a correr vale una vez dentro tras haber pinchado en este botoncito verde se desplegará la siguiente 00:02:22
pantalla o a la gente que tenga una actualización antigua de aws le aparecerá esto en mi caso me 00:02:35
apareció esto pinche en donde marcaba la flecha y se desplegó este contenido en pantalla aquí 00:02:46
podemos tener mucho contenido pero lo que realmente a nosotros nos interesa es el apartado de aquí de 00:02:57
instancias en ejecución o el botón de instancias aquí a la izquierda pinchamos en instancia 00:03:04
y se desplegará el siguiente contenido lo que vemos en esta pantalla en esta zona será donde 00:03:16
se desplegarán todas las máquinas virtuales o instancias que tengamos o que queramos levantar 00:03:24
de tal manera que lo que vamos a hacer ahora es levantar una instancia vamos a proceder a 00:03:30
pinchar en el botón naranja de lanzar instancia marcado por esta grande flecha. A continuación 00:03:36
se nos desplegará este contenido donde tendremos que indicarle el nombre de nuestra instancia o 00:03:46
máquina virtual, el sistema operativo que en nuestro caso va a ser Debian, el tipo de SSD o disco duro 00:03:53
que vamos a utilizar, en mi caso utilizaré el gratuito para la capa gratuita, el tipo de procesador 00:04:11
que vamos a utilizar en nuestro servidor en norteamérica un par de claves de seguridad y 00:04:21
posteriormente abriremos algunos puertos en el cortafuegos de seguridad de aws de tal manera 00:04:33
que pueda entrar por lo menos el tráfico ssh para poder administrar las máquinas de tal manera que 00:04:41
posteriormente cuando todo esté montado alojado y hosteado más tarde posteriormente abriremos el 00:04:50
puerto http y el puerto https para poder obtener un certificado de certbook y que la página esté 00:04:58
a través de http con un certificado de ssl encriptado configuración de almacenamiento 00:05:05
dejaré por defecto y finalmente clickearé en el botón de lanzar instancia es aconsejable leerse 00:05:16
este apartado ya que no todos los procesadores son gratuitos algunos cuestan dinero pero bueno 00:05:23
eso ya para gustos de cada cliente pero bueno es recomendable leerse cuando le cliquemos en 00:05:32
lanzar instancia esperamos unos segundos aparecerá esta pantallita y se desplegará lo siguiente aquí 00:05:41
en verde. Ahora cliquearé en ver todas las instancias y se desplegará la pantalla de antes 00:05:49
donde dijimos que en esta pantalla aparecerían todas las instancias y máquinas virtuales. En 00:06:09
este momento no aparece ninguna porque tenemos que cliquear en este botón para que solicite la 00:06:16
nueva información a la central ubicada en Carolina del Norte, en el norte de Virginia, en Washington, 00:06:22
nueva york o allá donde estén nuestras máquinas alojadas en nuestro caso al utilizar f2 estamos 00:06:28
utilizando la zona de norte de virginia y aquí podemos observar que la máquina o instancia ha 00:06:40
sido desplegada en concreto con un nombre un id el estado de la instancia qué tipo de procesador 00:06:51
tiene si está parada, arrancada o en pausa, su zona y por supuesto su DNS de IPv4 pública 00:06:58
y su dirección IPv4 pública. 00:07:07
Ahora que ya tenemos la instancia levantada vamos a conectarnos mediante vía SSH a este 00:07:14
servidor. 00:07:20
De tal manera que lo que vamos a hacer es dirigirnos al panel principal de administración 00:07:22
y vamos a cliquear en AWS Details. 00:07:26
Se desplegará la siguiente información donde nosotros clickearemos única y exclusivamente en Download PEP y Download PPK 00:07:30
Nos descargaremos las claves y pincharemos en ID de la instancia 00:07:42
Se desplegará el siguiente contenido donde nosotros clickearemos aquí abajo en Seguridad 00:07:56
Podemos observar que el puerto 22 desde cualquier dirección IP es accesible 00:08:04
Siempre y cuando tengamos las claves de acceso a esta instancia de AWS 00:08:17
Una vez entendido todo esto vamos a proceder a clicar en conectar 00:08:21
Se desplegará el siguiente contenido 00:08:33
Nosotros es importante que cliquemos en cliente SSH 00:08:38
Cuando cliquemos en cliente SSH, si disponemos de un equipo Linux, para poder conectarnos por SSH a esta máquina, donde hayamos descargado las claves tendremos que ejecutar un chmod 400 a esa clave. 00:08:44
Si no es un sistema Linux, lo descargamos, ejecutamos este comando y fuera. 00:09:02
Recordamos que las claves descargadas se llaman labs-user 00:09:07
Y el comando tiene voc-key 00:09:14
Lo que nosotros tendremos que cambiar posteriormente 00:09:17
Observamos que los paquetes de descarga de las claves están aquí en descargas 00:09:20
Y que ahora nosotros vamos a ir a la carpeta descargas de Windows 00:09:30
Y vamos a ejecutar el comando que nos ha proporcionado AWS 00:09:37
En mi caso, recuerdo, las claves se llaman labsuser, por lo que bokeh no nos servirá de nada, así que sustituiremos bokeh.pem por labsuser.pem o la clave que nosotros hayamos descargado. 00:09:41
Recordamos que si estamos en Linux tendremos que ejecutar el comando de chmod 400 a la clave 00:10:10
Observamos que tras ejecutar el comando me pedirá que si acepto la conexión vía fingerprinting 00:10:18
y le confirmaré que sí 00:10:35
Automáticamente el servidor responderá y nos enviará comunicación mediante SSH con ese servidor 00:10:36
Nos haremos administradores, nos pondremos como root y comenzaremos a actualizar toda la información de las listas 00:10:45
Todos los instalables y todos los descargables etc etc etc 00:10:55
O también podemos descargar todo de golpe, actualizarlo e instalarlo mediante solo un único comando que es lo que yo haré 00:11:00
Una vez llegados a este punto tendremos actualizado el sistema 00:11:08
lo que tocará crear una dirección IP elástica a este servidor actualizado 00:11:24
vamos a dirigirnos al panel principal de AWS 00:11:31
donde nosotros vamos a pinchar en dirección IP elástica 00:11:37
clicaremos en asignar dirección IP elástica 00:11:44
y se desplegará lo siguiente 00:11:56
aquí tendremos que ir creando la dirección IPv4 y se la asignaremos 00:12:03
Importante marcar la zona en la que nos vamos a mover con los servidores 00:12:11
Si estamos en Norteamérica no vamos a pinchar en China 00:12:16
Es obvio 00:12:20
Ya no por el tema de que sea obvio 00:12:21
Sino por el tema de costes económicos 00:12:24
Una vez hecho esto le damos en asignar 00:12:26
Y aparecerá lo siguiente 00:12:32
Podemos observar que la dirección IP elástica 00:12:35
Ya ha sido creada pero no asignada 00:12:53
ahora a esta dirección IP elástica creada tendremos que asociarla a una instancia para 00:12:57
que esta dirección IP sea aplicada en concreto a una máquina virtual o instancia. Cuando nos 00:13:09
pregunte por dónde queremos asignar esta dirección IP yo en mi caso seleccionaré instancia y además 00:13:20
tendremos que rellenar los datos necesarios de esa instancia. Clicamos en el botón de asociar 00:13:30
y ahora obtendremos una información en la cual esta dirección IP pertenecerá a la máquina virtual. 00:13:39
Será pública y estará en un ámbito de tipo VPC. 00:13:56
Ahora, ¿qué es lo que vamos a hacer? 00:14:03
Vamos a dirigirnos a Namecheap. 00:14:06
Namecheap es una plataforma para proporcionar dominios a clientes. 00:14:09
nosotros hemos podido proporcionarle a Amazon Web Service un dominio que ya ha sido contratado 00:14:14
de tal manera que no hemos tenido que pagar gracias al GitHub Pro 00:14:35
que nosotros tenemos contratado con el Instituto Villablanca de la Comunidad de Madrid 00:14:41
de tal manera que al tener o al solicitar el GitHub Student de Vueleper Pack 00:14:45
incluye una cosa que se llama Github Pro 00:14:55
el Github Pro lo que permite es tener un hosting dentro de Github 00:14:58
permite tener un hosting dentro de Github 00:15:02
y tener X repositorios y un máximo de almacenamiento 00:15:06
creo que es hasta máximo de 2 GB 00:15:10
contrataremos un dominio gratuito 00:15:13
y este dominio gratuito se lo aplicaremos 00:15:18
a un servicio de Apache que instalaremos con WordPress 00:15:21
en esta máquina o instancia virtual 00:15:24
Dejo por aquí los enlaces si necesitamos solicitar el GitHub Student Developer Pack 00:15:26
Y cómo nos debería de aparecer en GitHub si tenemos contratado ese servicio 00:15:35
Nuestro plan actual sería de 4 euros al mes con un descuento total a 0 euros 00:15:48
Lo que tenemos que pagar en total ya que nuestro instituto tiene un convenio con GitHub 00:16:01
Dejamos aquí explicados los pasos a seguir de cómo solicitarlo 00:16:06
Una vez solicitado el GitHub Pro y te lo hayan concedido 00:16:19
Días más tarde, que recuerdo que tarda entre una semana y un mes y medio en procesar la información 00:16:24
Posteriormente nos iremos a Namecheap y solicitaremos el dominio .me 00:16:32
que es gratuito por un año con un hosting gratuito en Namecheap. Iniciaremos sesión, 00:16:39
solicitamos el dominio y actualmente estará contratado y activado. Podemos 00:16:50
seguir a la página web de CheckDNS Propagation para confirmar que nuestro DNS o mejor dicho 00:17:06
nuestro dominio es reconocido por todos los servidores DNS de todo el mundo entero. 00:17:14
De tal manera que nuestra página web o nuestro dominio será localizado gracias a los servidores DNS públicos que hay en la red pública. 00:17:22
Lo que vamos a proceder es a instalar el entorno LAMP, es decir Apache, MariaDB, la alternativa a MySQL y el servicio de PHP en concreto de su versión 8.2. 00:17:31
aquí observamos que nos hemos conectado mediante SSH 00:17:50
creamos el usuario Santiago personalizado 00:18:02
con su respectiva contraseña Santiago 00:18:10
lo añadimos al grupo de administradores 00:18:12
y posteriormente comenzamos a instalar el servicio de Apache 2 00:18:16
activamos el servicio 00:18:27
y lo reiniciamos de tal manera que empiece a correr 00:18:35
recordamos que anteriormente solo hemos abierto el puerto 22 00:18:38
en el servidor lo que nos va a proporcionar solo comunicación vía ssh si queremos que apache 00:18:46
resuelva preguntas en red a servicios de http y https tendremos que abrir el puerto 80 y el puerto 00:18:54
443 tras abrir los puertos y buscar la dirección ip correspondiente a nuestra instancia de aws 00:19:03
buscamos la dirección IP al puerto 80 00:19:14
y aparecerá nuestro correspondiente servicio de Apache corriendo en la red 00:19:21
ahora lo que vamos a hacer 00:19:25
es hacer una instalación básica de MariaDB 00:19:29
con su correspondiente aseguración 00:19:32
mediante un usuario y contraseña de acceso a la base de datos 00:19:35
para ello descargamos el paquete de MariaDB 00:19:40
lo arrancamos, lo activamos y comprobamos que el status debería de respondernos con algo similar a 00:19:43
esto. Esto significa que el servicio está cargado, que está activo y que está corriendo en el 00:19:54
servidor. En mi caso he copiado esto ya que este log es del mío que saqué el día 4, no este no es 00:20:02
mi log. Mi log es este, disculpad. Este es mi log. Esto es lo que nos debería de sacar o corresponder, 00:20:16
es decir, en otras palabras, el servicio MariaDB en su versión estaría corriendo, que nuestra 00:20:29
versión no es esta, es otra. El servicio está cargado, está activo y que estaría corriendo en 00:20:35
este servidor a través de un proceso con un PID 8511 llamado MariaDB y que está corriendo en este 00:20:43
directorio. De tal manera que nosotros ahora vamos a mostrar qué es lo que hemos hecho nosotros. 00:20:56
Hemos instalado MariaDB, lo hemos arrancado, lo hemos activado y podemos observar que nuestro 00:21:03
log marcado del día 30 del 4 de 2025 a las 5 y 39 tenemos un servicio activo cargado 00:21:15
hablando a través de las preguntas de SQL ahora mismo y que el servicio está corriendo y está 00:21:27
activo de tal manera que tenemos este servicio corriendo una vez hecho esto vamos a proceder 00:21:34
a instalar lo siguiente el PRCP sus librerías y módulos necesarios en su correspondiente versión 8.2 00:21:43
para todo aquel que quiera investigar qué hace cada uno de estos comandos dejo detallado qué 00:21:54
es lo que hace cada uno de estos comandos posteriormente lo que voy a hacer es dirigirme 00:22:10
al directorio cd bar www.html y ahí lo que voy a hacer es crear un fichero llamado info.php 00:22:26
en el cual en su interior voy a guardar este contenido. De tal manera que si nosotros buscamos 00:22:35
la dirección IP de AWS nos debería de cargar la dirección IP y el archivo info.php de 00:22:43
nuestro php 8.2 instalado. Creamos el fichero, rellenamos la información y esto es lo que nos 00:22:50
debería de devolver al buscar la dirección ip barra info punto php. Posteriormente vamos a 00:22:59
dirigirnos al directorio apache2 a la carpeta de sitios disponibles. Recordamos que no es 00:23:12
lo mismo sitios activos que sitios disponibles sitios activos son las páginas web que están 00:23:30
corriendo en este servidor sitios disponibles son los sitios web que podrían correr en ese 00:23:38
servidor pero no lo están haciendo de tal manera que el archivo nano00-default.com lo voy a editar 00:23:45
y en su interior voy a agregar la siguiente información, todo esto es lo que nos aparece y vamos a editarlo 00:23:57
de tal manera que tras haber contratado el dominio de santiagozarandona.me, indicarle donde va a cargar Moodle 00:24:11
y que por supuesto cual va a ser el server name, agregamos toda esta información a nuestro servicio de virtual host 00:24:19
configuramos bien el Name Chip 00:24:27
de tal manera que tengamos la dirección IP asociada 00:24:34
a un dominio R-Record 00:24:37
y un CNAME como www 00:24:39
de tal manera que tengamos un dominio 00:24:42
y el dominio con www 00:24:45
una vez configurado esto 00:24:47
podemos comprobar que Apache está corriendo 00:24:52
con el dominio localizado 00:24:54
y podemos observar que funciona 00:24:57
vale, lo que vamos a hacer ahora es asegurar una base de datos que ya tenemos instalada 00:25:06
o que no tenemos instalada, dependiendo del caso 00:25:14
volvemos al mismo caso práctico de antes 00:25:18
creación de la base de datos 00:25:22
nosotros podemos crear una base de datos pero es importante asegurarla 00:25:23
al asegurar la base de datos 00:25:28
nos preguntará una serie de cosas que las dejaré detalladas por aquí 00:25:42
a gusto del cliente, igual que en el local 00:25:47
tenemos que llamar a la base de datos BBDB 00:25:55
WordPress tu nombre, ejemplo BB WordPress Miguel 00:25:59
el usuario de la base de datos 00:26:02
tu nombre, por ejemplo Santiago, y contraseña de usuario de base 00:26:07
de datos la que tú desees, en este caso Santiago 00:26:11
en la instalación del sitio, vamos a decirle 00:26:15
nombre del sitio wordpress de tu nombre y el usuario de wordpress va a ser admin password 00:26:21
admin de tal manera que se puede se tiene que entrar a través de la url está de aquí vale 00:26:27
vamos a proceder a crear la base de datos una vez asegurada la base de datos me pedirá un usuario y 00:26:38
una contraseña para poder entrar a ella 00:26:49
y como observamos introducimos 00:26:51
la contraseña y entramos 00:26:55
creamos la base de datos 00:26:57
creamos el usuario 00:27:02
damos los permisos a la base de datos 00:27:05
con el usuario Santiago 00:27:09
aplicamos los cambios 00:27:11
salimos y la base de datos 00:27:15
ha sido creada 00:27:17
si nosotros queremos asegurar 00:27:18
la base de datos, acordaros que 00:27:23
nos va a pedir este tipo de cosas 00:27:25
Detallamos que las he dejado documentadas ahí para cualquier persona que quiera asegurar su base de datos 00:27:27
Posteriormente mostraré la base de datos para confirmar que está creada 00:27:36
Selecciono que el usuario que va a entrar en esa base de datos va a ser Santiago y que está creado 00:27:49
Y que tengo permisos para poder entrar en esa base de datos y esto es lo que me debería de devolver en el caso de que todo esté correcto 00:27:55
Igual que hicimos en el local vamos a dirigirnos a esta carpeta y vamos a preparar el servidor en esta carpeta descargando nuestra aplicación www.https.wordpress.letters.zip 00:28:05
Es decir, en otras palabras estaremos descargando el archivo zip que contiene toda la información de WordPress. 00:28:23
Importante detallar que si no tenemos el paquete de un zip o tar instalado tendremos que instalarlo 00:28:32
Después de descargar el archivo latestzip y de descomprimirlo eliminamos el paquete comprimido y dejamos solo los paquetes descomprimidos en ese directorio 00:28:54
posteriormente tendremos que dar permisos a esa carpeta 00:29:15
de tal manera que nosotros podamos copiar, pegar, subir, descargar, administrar 00:29:21
descargar, hacer todo lo que queramos con estos plugins, temas, contenido etc 00:29:29
si no hacemos esto se nos complicará más adelante y tendremos problemas 00:29:37
Ahora lo que haré será mover el archivo de plantilla a otro archivo llamado www.config.php en el cual lo editaré y añadiré el siguiente contenido. 00:29:42
De tal manera que lo que vemos aquí, Database, Username y Password, tendremos que redactarlo de tal manera que lo guardamos, vamos a Apache, vamos a este directorio, editamos el fricero de configuración de VirtualBox y de WordPress y en su interior vamos a añadir este contenido. 00:29:58
Si no lo entendemos podemos mostrar la foto que se mostrará un poquito más adecuado. 00:30:31
Guardamos los cambios, activamos el sitio web, recordamos la diferencia entre sitio activo y sitio disponible 00:30:51
y posteriormente al acceder a santiagozarandona.me obtendremos el acceso a www.santiagozarandona.me 00:31:01
wordpress-admin-install.php 00:31:15
Ahora la instalación de Zerboot y Let's Encrypt. 00:31:18
Es muy sencillo, ejecutaremos el comando apt-get install zerboot, 00:31:25
Ejecutaremos la instalación de certificados y posteriormente le diré a Zerboot que quiero firmar con SSL este dominio con este server name. 00:31:34
Si queremos que no solo dure 90 días sino que dure más con la renovación automática podemos ejecutar esta serie de comandos posteriormente. 00:31:50
Y con esto tendríamos la página de WordPress montada y con acceso seguro a WordPress mediante una validación de certificado SSL en el navegador, de tal manera que si nosotros pinchamos en el candadito, podemos observar que tenemos un certificado de tipo SSL asegurado con Let's Encrypt a este dominio. 00:32:08
podemos entrar y observamos que HTTPS es el protocolo que nos permite entrar 00:32:37
y esto ha sido todo y espero que os haya gustado 00:32:46
muchas gracias por vuestra atención 00:32:50
Idioma/s:
es
Materias:
Programación
Etiquetas:
Internet
Niveles educativos:
▼ Mostrar / ocultar niveles
  • Formación Profesional
    • Ciclo formativo de grado básico
      • Primer Curso
      • Segundo Curso
    • Ciclo formativo de grado medio
      • Primer Curso
      • Segundo Curso
    • Ciclo formativo de grado superior
      • Primer Curso
      • Segundo Curso
Autor/es:
Santiago Zarandona
Subido por:
Santiago Z.
Moderado por el profesor:
Miguel Angel Del Cura Varas (miguel.delcura)
Licencia:
Reconocimiento - Compartir igual
Visualizaciones:
6
Fecha:
12 de mayo de 2025 - 11:42
Visibilidad:
Público
Centro:
IES VILLABLANCA
Duración:
32′ 53″
Relación de aspecto:
1.78:1
Resolución:
1920x1080 píxeles
Tamaño:
167.41 MBytes

Del mismo autor…

Ver más del mismo autor


EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid