Tutorial de WordPress para AWS Cloud9 - AWS Cloud9

AWS Cloud9 ya no está disponible para nuevos clientes. Los clientes existentes de AWS Cloud9 pueden seguir utilizando el servicio con normalidad. Más información

Las traducciones son generadas a través de traducción automática. En caso de conflicto entre la traducción y la version original de inglés, prevalecerá la version en inglés.

Tutorial de WordPress para AWS Cloud9

Este tutorial le permite instalar WordPress y ejecutarlo en un entorno de desarrollo de AWS Cloud9. WordPress es un sistema de administración de contenidos (CMS) de código abierto muy utilizado para la entrega de contenido web.

nota

El uso de este tutorial y la creación de esta muestra pueden generar cargos en su cuenta de AWS. Entre estos se incluyen posibles cargos por servicios como Amazon Elastic Compute Cloud (Amazon EC2). Para obtener más información, consulte Precios de Amazon EC2.

Requisitos previos

Antes de utilizar este ejemplo, asegúrese de que su configuración cumpla los siguientes requisitos:

  • Debe tener un entorno de desarrollo de AWS Cloud9 EC2. En este ejemplo, se da por hecho que ya tiene un entorno de EC2 que está conectado a una instancia de Amazon EC2 que ejecuta Amazon Linux o Ubuntu Server. Si tiene otro tipo de entorno o sistema operativo, es posible que tenga que adaptar las instrucciones de este ejemplo para configurar herramientas relacionadas. Para obtener más información, consulte Crear un entorno en AWS Cloud9.

  • Ya tiene abierto el IDE de AWS Cloud9 para el entorno existente. Al abrir un entorno, AWS Cloud9 abre el IDE de ese entorno en el navegador web. Para obtener más información, consulte Apertura de un entorno en AWS Cloud9.

  • Tiene una instancia de EC2 actualizada con todos los paquetes de software más recientes. En la ventana del terminal del IDE de AWS Cloud9, puede ejecutar yum update con la opción -y para instalar actualizaciones sin necesidad de confirmación. Si le gustaría examinar las actualizaciones antes de la instalación, puede omitir esta opción.

    sudo yum update -y

Información general de la instalación

La instalación de WordPress en la instancia de EC2 de su entorno implica los siguientes pasos:

  1. Instalación y configuración del servidor MariaDB, que es una base de datos relacional de código abierto que almacena información de las instalaciones de WordPress

  2. Instalación y configuración de WordPress, que incluye la edición del archivo de configuración wordpress.conf

  3. Configuración del servidor Apache que aloja el sitio de WordPress

  4. Vista previa del contenido web de WordPress alojado en el servidor Apache

Paso 1: Instalación y configuración del servidor MariaDB

  1. En el IDE de AWS Cloud9, elija Window (Ventana), New Terminal (Nuevo terminal) e ingrese los comandos siguientes para instalar e iniciar una instalación del servidor MariaDB:

    sudo yum install -y mariadb-server sudo systemctl start mariadb
  2. A continuación, ejecute el script de mysql_secure_installation para mejorar la seguridad de la instalación del servidor MariaDB.

    Cuando proporcione respuestas al script, presione Intro en la primera pregunta para mantener la contraseña raíz en blanco. Pulse n para Set root password? y, luego, y para cada una de las demás opciones de seguridad.

    mysql_secure_installation
  3. Ahora cree una tabla de base de datos para almacenar información de WordPress utilizando el cliente MariaDB.

    (Pulse Intro cuando se le solicite la contraseña).

    sudo mysql -u root -p MariaDB [(none)]> create database wp_test; MariaDB [(none)]> grant all privileges on wp_test.* to root@localhost identified by ';'
  4. Para cerrar la sesión en el cliente MariaDB, ejecute el comando exit.

Paso 2: Instalación y configuración de WordPress

  1. En la ventana del terminal del IDE, diríjase al directorio environment y, a continuación, cree los directorios config y wordpress. A continuación, ejecute el comando touch para crear un archivo denominado wordpress.conf en el directorio config:

    cd /home/ec2-user/environment mkdir config wordpress touch config/wordpress.conf
  2. Utilice el editor del IDE o vim para actualizar el archivo wordpress.conf con información de configuración del anfitrión que permita al servidor Apache servir contenido de WordPress:

    # Ensure that Apache listens on port 80 Listen 8080 <VirtualHost *:8080> DocumentRoot "/var/www/wordpress" ServerName www.example.org # Other directives here </VirtualHost>
  3. A continuación, ejecute los comandos siguientes para recuperar el archivo necesario e instalar WordPress:

    cd /home/ec2-user/environment wget https://wordpress.org/latest.tar.gz tar xvf latest.tar.gz
  4. Ejecute el comando touch para crear un archivo denominado wp-config.php en el directorio environment/wordpress:

    touch wordpress/wp-config.php
  5. Utilice el editor IDE o vim para actualizar wp-config.php y reemplace los datos de muestra con su configuración:

    // ** MySQL settings - You can get this info from your web host ** // /** The name of the database for WordPress */ define( 'DB_NAME', 'wp_test' ); /** MySQL database username */ define( 'DB_USER', 'wp_user' ); /** MySQL database password */ define( 'DB_PASSWORD', 'YourSecurePassword' ); /** MySQL hostname */ define( 'DB_HOST', 'localhost' ); /** Database Charset to use in creating database tables. */ define( 'DB_CHARSET', 'utf8' ); /** The Database Collate type. Don't change this if in doubt. */ define( 'DB_COLLATE', '' ); define('FORCE_SSL', true); if ($_SERVER['HTTP_X_FORWARDED_PROTO'] == 'https') $_SERVER['HTTPS'] = 'on';

Paso 3: Configurar el servidor HTTP Apache

  1. En la ventana del terminal del IDE de AWS Cloud9, asegúrese de que tiene Apache instalado:

    httpd -v

    Para instalar el servidor HTTP de Apache, ejecute el siguiente comando:

    sudo yum install -y httpd
  2. Vaya al directorio /etc/httpd/conf.d, que es la ubicación de los archivos de configuración del anfitrión virtual de Apache. A continuación, utilice el comando ln para vincular el archivo wordpress.conf que creó anteriormente al directorio de trabajo actual (/etc/httpd/conf.d):

    cd /etc/httpd/conf.d sudo ln -s /home/ec2-user/environment/config/wordpress.conf
  3. Ahora diríjase al directorio /var/www, que es la carpeta raíz predeterminada para los servidores Apache. A continuación, utilice el comando ln para vincular el directorio wordpress que creó anteriormente al directorio de trabajo actual (/var/www):

    cd /var/www sudo ln -s /home/ec2-user/environment/wordpress
  4. Ejecute el comando chmod para permitir que el servidor Apache ejecute contenido en el subdirectorio wordpress:

    sudo chmod +x /home/ec2-user/
  5. Ahora reinicie el servidor Apache para permitirle detectar las nuevas configuraciones:

    sudo service httpd restart

Paso 4: Vista previa del contenido web de WordPress

  1. Uso del IDE de AWS Cloud9 para crear un nuevo archivo denominado index.html en el siguiente directorio: environment/wordpress.

  2. Agregue texto con formato HTML al archivo index.html. Por ejemplo:

    <h1>Hello World!</h1>
  3. En la ventana Entorno, elija el archivo index.html y, a continuación, elija Vista previa, Vista previa de aplicación en ejecución.

    La página web, que muestra el mensaje ¡Hola, mundo!, aparece en la pestaña de vista previa de la aplicación. Para ver el contenido web en su navegador preferido, elija Pop Out Into a New Window (Mostrar en una ventana nueva).

    Si elimina el archivo index.html y actualiza la pestaña de vista previa de la aplicación, se muestra la página de configuración de WordPress.

Administración de errores de contenido mixto

Los navegadores web muestran errores de contenido mixto para un sitio de WordPress si carga scripts HTTPS y HTTP o contenido al mismo tiempo. La redacción de los mensajes de error depende del navegador web que esté utilizando, pero se le informa de que su conexión a un sitio es insegura o no totalmente segura. Asimismo, el navegador web bloquea el acceso al contenido mixto.

importante

De forma predeterminada, todas las páginas web a las que accede en la pestaña de vista previa de la aplicación del IDE de AWS Cloud9 utilizan automáticamente el protocolo HTTPS. Si el URI de una página presenta el protocolo no seguro http, se reemplaza automáticamente por https. Para acceder al contenido no seguro, tampoco puede restablecer https a http manualmente.

Para obtener orientación sobre cómo implementar HTTPS para su sitio web, consulte la documentación de WordPress.