

 AWS Cloud9 ist für Neukunden nicht mehr verfügbar. Bestehende Kunden von AWS Cloud9 können den Dienst weiterhin wie gewohnt nutzen. [Weitere Informationen](https://aws.amazon.com/blogs/devops/how-to-migrate-from-aws-cloud9-to-aws-ide-toolkits-or-aws-cloudshell/)

Die vorliegende Übersetzung wurde maschinell erstellt. Im Falle eines Konflikts oder eines Widerspruchs zwischen dieser übersetzten Fassung und der englischen Fassung (einschließlich infolge von Verzögerungen bei der Übersetzung) ist die englische Fassung maßgeblich.

# WordPress Tutorial für AWS Cloud9
<a name="sample-wordpress"></a>

Dieses Tutorial ermöglicht Ihnen die Installation und Ausführung WordPress in einer AWS Cloud9 Entwicklungsumgebung. WordPress ist ein Open-Source-Content-Management-System (CMS), das häufig für die Bereitstellung von Webinhalten verwendet wird. 

**Anmerkung**  
Wenn Sie diesem Tutorial folgen und dieses Beispiel erstellen, kann es sein, dass Ihr AWS Konto belastet wird. Dies umfasst mögliche Kosten für Services wie Amazon Elastic Compute Cloud (Amazon EC2). Weitere Informationen finden Sie unter [Amazon EC2 – Preise](https://aws.amazon.com/ec2/pricing/).

## Voraussetzungen
<a name="sample-wordpress-prereqs"></a>

Bevor Sie dieses Beispiel verwenden, stellen Sie sicher, dass Ihre Einrichtung die folgenden Anforderungen erfüllt:
+ **Sie müssen über eine bestehende AWS Cloud9 EC2-Entwicklungsumgebung verfügen.** Bei diesem Beispiel wird davon ausgegangen, dass Sie bereits eine EC2-Umgebung eingerichtet haben, die mit einer Amazon-EC2-Instance verbunden ist, die Amazon Linux oder Ubuntu Server ausführt. Wenn Sie ein andere Art von Umgebung oder ein anderes Betriebssystem verwenden, müssen Sie die Anweisungen dieses Beispiels zum Einrichten zugehöriger Tools möglicherweise anpassen. Weitere Informationen finden Sie unter [Schaffung einer Umgebung in AWS Cloud9](create-environment.md).
+ **Sie haben die AWS Cloud9 IDE für die bestehende Umgebung bereits geöffnet.** Wenn Sie eine Umgebung AWS Cloud9 öffnen, wird die IDE für diese Umgebung in Ihrem Webbrowser geöffnet. Weitere Informationen finden Sie unter [Öffnen einer Umgebung in AWS Cloud9](open-environment.md).
+ **Sie haben eine up-to-date EC2-Instance mit den neuesten Softwarepaketen**. Im AWS Cloud9 IDE-Terminalfenster können Sie die Ausführung `yum update` mit der `-y` Option ausführen, Updates zu installieren, ohne nach einer Bestätigung zu fragen. Wenn Sie die Aktualisierungen vor der Installation überprüfen möchten, können Sie diese Option auslassen. 

  ```
  sudo yum update -y
  ```

## Übersicht über den Installationsprozess
<a name="task-overview"></a>

Die Installation WordPress auf der EC2-Instanz Ihrer Umgebung umfasst die folgenden Schritte:

1. Installation und Konfiguration von MariaDB Server, einer relationalen Open-Source-Datenbank, die Informationen für Installationen speichert WordPress 

1. Installation und Konfiguration WordPress, einschließlich der Bearbeitung der Konfigurationsdatei `wordpress.conf`

1. Konfiguration des Apache-Servers, der die WordPress Site hostet

1. Vorschau der WordPress Webinhalte anzeigen, die vom Apache-Server gehostet werden

## Schritt 1: Installieren und Konfigurieren von MariaDB Server
<a name="wp-install-configure-mariadb"></a>

1. Wählen Sie in der AWS Cloud9 IDE **Window**, **New Terminal** und geben Sie die folgenden Befehle ein, um eine MariaDB Server-Installation zu installieren und zu starten:

   ```
   sudo yum install -y mariadb-server
   sudo systemctl start mariadb
   ```

1. Als nächstes führen Sie das Skript `mysql_secure_installation` aus, um die Sicherheit Ihrer MariaDB Server-Installation zu verbessern. 

   Wenn Sie Antworten in das Skript eingeben, drücken Sie bei der ersten Frage **Enter (Eingabe)**, um das Root-Passwort leer zu lassen. Drücken Sie **n** für `Set root password?` und dann **y** für jede der restlichen Sicherheitsoptionen.

   ```
   mysql_secure_installation
   ```

1. Erstellen Sie nun eine Datenbanktabelle zum Speichern von WordPress Informationen mit dem MariaDB-Client.

   (Drücken Sie **Enter (Eingabe)**, wenn Sie nach Ihrem Passwort gefragt werden.)

   ```
   sudo mysql -u root -p
   MariaDB [(none)]> create database wp_test;
   MariaDB [(none)]> grant all privileges on wp_test.* to root@localhost identified by ';'
   ```

1. Führen Sie den Befehl `exit` aus, um sich vom MariaDB-Client abzumelden.

## Schritt 2: Installation und Konfiguration WordPress
<a name="wp-install-configure-wordpress"></a>

1. Navigieren Sie im IDE-Terminalfenster zu dem Verzeichnis `environment` und erstellen Sie die Verzeichnisse `config` und `wordpress`. Führen Sie dann den Befehl `touch` aus, um eine Datei namens `wordpress.conf` im Verzeichnis `config` zu erstellen:

   ```
   cd /home/ec2-user/environment
   mkdir config wordpress
   touch config/wordpress.conf
   ```

1. Verwenden Sie den IDE-Editor oder vim, um die Host-Konfigurationsinformationen zu `wordpress.conf` aktualisieren, die es dem Apache-Server ermöglichen, WordPress Inhalte bereitzustellen:

   ```
   # Ensure that Apache listens on port 80
   Listen 8080
   <VirtualHost *:8080>
       DocumentRoot "/var/www/wordpress"
       ServerName www.example.org
       # Other directives here
   </VirtualHost>
   ```

1. Führen Sie nun die folgenden Befehle aus, um die erforderliche Archivdatei abzurufen und zu installieren WordPress: 

   ```
   cd /home/ec2-user/environment
   wget https://wordpress.org/latest.tar.gz
   tar xvf latest.tar.gz
   ```

1. Führen Sie den Befehl `touch` aus, um eine Datei namens `wp-config.php` im Verzeichnis `environment/wordpress` zu erstellen:

   ```
   touch wordpress/wp-config.php
   ```

1. Verwenden Sie den IDE-Editor oder vim, um die Beispieldaten zu aktualisieren `wp-config.php` und durch Ihr Setup zu ersetzen: 

   ```
   // ** 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';
   ```

## Schritt 3: Konfigurieren Ihres Apache HTTP-Servers
<a name="wp-install-configure-apache"></a>

1. Stellen Sie im AWS Cloud9 IDE-Terminalfenster sicher, dass Apache installiert ist: 

   ```
   httpd -v
   ```

   Wenn der Apache-Server nicht installiert ist, führen Sie den folgenden Befehl aus:

   ```
   sudo yum install -y httpd 
   ```

1. Navigieren Sie zum Verzeichnis `/etc/httpd/conf.d`, in dem sich die Konfigurationsdateien des virtuellen Apache-Hosts befinden. Verwenden Sie dann den Befehl `ln`, um das zuvor erstellte `wordpress.conf` mit dem aktuellen Arbeitsverzeichnis (`/etc/httpd/conf.d`) zu verknüpfen:

   ```
   cd /etc/httpd/conf.d
   sudo ln -s /home/ec2-user/environment/config/wordpress.conf
   ```

1. Wechseln Sie nun zum Verzeichnis `/var/www`, dem Standard-Stammverzeichnis für Apache-Server. Verwenden Sie dann den Befehl `ln`, um das zuvor erstellte Verzeichnis `wordpress` mit dem aktuellen Arbeitsverzeichnis (`/var/www`) zu verknüpfen: 

   ```
   cd /var/www
   sudo ln -s /home/ec2-user/environment/wordpress
   ```

1. Führen Sie den Befehl `chmod` aus, damit der Apache-Server den Inhalt des Unterverzeichnisses `wordpress` ausführen kann:

   ```
   sudo chmod +x /home/ec2-user/
   ```

1. Starten Sie nun den Apache-Server neu, damit er die neuen Konfigurationen erkennen kann: 

   ```
   sudo service httpd restart
   ```

## Schritt 4: Vorschau von WordPress Webinhalten
<a name="wp-preview-wordpress"></a>

1. Erstellen Sie mit der AWS Cloud9 IDE eine neue Datei mit dem Namen `index.html` im folgenden Verzeichnis:`environment/wordpress`.

1. Fügen Sie HTML-formatierten Text zu `index.html` hinzu. Beispiel:

   ```
   <h1>Hello World!</h1>
   ```

1. Wählen Sie im **Umgebungsfenster** die `index.html` Datei aus und klicken Sie dann auf **Vorschau**, **Vorschau der laufenden Anwendung**.

   Die Webseite mit der Nachricht *Hello World\$1* wird auf der Registerkarte für die Anwendungsvorschau angezeigt. Um den Webinhalt in Ihrem bevorzugten Browser anzuzeigen, wählen Sie **Pop Out Into a New Window (In einem neuen Fenster öffnen)**.

   Wenn Sie die `index.html` Datei löschen und die Registerkarte „Anwendungsvorschau“ aktualisieren, wird die WordPress Konfigurationsseite angezeigt. 

## Vorgehensweise bei „Mixed Content“-Fehlern
<a name="wp-allow-mixed"></a>

Webbrowser zeigen Fehler mit gemischten Inhalten für eine WordPress Website an, wenn sie HTTPS- und HTTP-Skripts oder Inhalte gleichzeitig lädt. Der Wortlaut der Fehlermeldungen hängt von dem von Ihnen verwendeten Webbrowser ab. In jedem Fall werden Sie darüber informiert, dass Ihre Verbindung zu einer Website unsicher oder nicht vollständig sicher ist. Und Ihr Webbrowser blockiert den Zugriff auf den gemischten Inhalt.

**Wichtig**  
Standardmäßig verwenden alle Webseiten, auf die Sie auf der Registerkarte Anwendungsvorschau der AWS Cloud9 IDE zugreifen, automatisch das HTTPS-Protokoll. Wenn der URI einer Seite das unsichere `http`-Protokoll enthält, wird er automatisch durch `https` ersetzt. Sie können auch nicht auf den unsicheren Inhalt zugreifen, wenn Sie `https` manuell auf `http` zurücksetzen.  
Anleitungen zur Implementierung von HTTPS für Ihre Website finden Sie in der [WordPressDokumentation](https://wordpress.org/support/article/https-for-wordpress/).