Überblick

In diesem Lab erstellen Sie einen Cloud Storage-Bucket und legen dort ein Bild ab. Außerdem konfigurieren Sie eine in der Compute Engine ausgeführte Anwendung, damit sie eine von Cloud SQL verwaltete Datenbank verwendet. Sie richten dazu einen Webserver mit PHP ein, einer Webentwicklungsumgebung, auf der viele beliebte Blogging-Softwarelösungen basieren. In der Praxis verwenden Sie zur Konfiguration solcher Pakete ähnliche Verfahren.

Dann konfigurieren Sie den Webserver so, dass er auf das Bild im Cloud Storage-Bucket verweist.

Lernziele

Zu erlernende Aufgaben in diesem Lab:

• Cloud Storage-Bucket erstellen und ein Bild dort ablegen
• Cloud SQL-Instanz erstellen und konfigurieren
• Webserver mit der Cloud SQL-Instanz verbinden
• Bild im Cloud Storage-Bucket auf einer Webseite verwenden

Aufgabe 1: In der Google Cloud Console anmelden

Für jedes Lab werden Ihnen ein neues Google Cloud-Projekt und die entsprechenden Ressourcen für eine bestimmte Zeit kostenlos zur Verfügung gestellt.

1. Klicken Sie auf Lab starten. Wenn Sie für das Lab bezahlen müssen, wird ein Pop-up-Fenster geöffnet, in dem Sie Ihre Zahlungsmethode auswählen können. Auf der linken Seite befindet sich der Bereich Details zum Lab mit diesen Informationen:

   • Schaltfläche Google Cloud Console öffnen
   • Restzeit
   • Temporäre Anmeldedaten für das Lab
   • Ggf. weitere Informationen für dieses Lab

2. Klicken Sie auf Google Cloud Console öffnen (oder klicken Sie mit der rechten Maustaste und wählen Sie Link in Inkognitofenster öffnen aus, wenn Sie Chrome verwenden).

   Im Lab werden Ressourcen aktiviert. Anschließend wird ein weiterer Tab mit der Seite Anmelden geöffnet.

   Tipp: Ordnen Sie die Tabs nebeneinander in separaten Fenstern an.

   Hinweis: Wird das Dialogfeld Konto auswählen angezeigt, klicken Sie auf Anderes Konto verwenden.

3. Kopieren Sie bei Bedarf den folgenden Nutzernamen und fügen Sie ihn in das Dialogfeld Anmelden ein.

   {{{user_0.username | "Username"}}}

   Sie finden den Nutzernamen auch im Bereich Details zum Lab.

4. Klicken Sie auf Weiter.

5. Kopieren Sie das folgende Passwort und fügen Sie es in das Dialogfeld Willkommen ein.

   {{{user_0.password | "Password"}}}

   Sie finden das Passwort auch im Bereich Details zum Lab.

6. Klicken Sie auf Weiter.

   Wichtig: Sie müssen die für das Lab bereitgestellten Anmeldedaten verwenden. Nutzen Sie nicht die Anmeldedaten Ihres Google Cloud-Kontos. Hinweis: Wenn Sie Ihr eigenes Google Cloud-Konto für dieses Lab nutzen, können zusätzliche Kosten anfallen.

7. Klicken Sie sich durch die nachfolgenden Seiten:

   • Akzeptieren Sie die Nutzungsbedingungen.
   • Fügen Sie keine Wiederherstellungsoptionen oder Zwei-Faktor-Authentifizierung hinzu (da dies nur ein temporäres Konto ist).
   • Melden Sie sich nicht für kostenlose Testversionen an.

Nach wenigen Augenblicken wird die Google Cloud Console in diesem Tab geöffnet.

Hinweis: Wenn Sie eine Liste der Google Cloud-Produkte und ‑Dienste aufrufen möchten, klicken Sie oben links auf das Navigationsmenü oder geben Sie den Namen des Produkts oder Dienstes in das Feld Suchen ein.

Aufgabe 2: VM-Instanz für Webserver bereitstellen

Bei dieser Aufgabe stellen Sie mit Compute Engine eine VM-Instanz bereit, konfigurieren sie mit einem Webserver (Apache) und verwenden ein Startscript für die notwendigen Scripting-Aufgaben zur Ersteinrichtung. Als Nächstes notieren Sie sich die Netzwerk-IDs.

1. Klicken Sie in der Cloud Console im Navigationsmenü () auf Compute Engine > VM-Instanzen.

2. Klicken Sie auf Instanz erstellen.

3. Geben Sie unter Name den Wert bloghost ein.

4. Wählen Sie bei Region die Option aus.

5. Wählen Sie bei Zone die Option aus.

6. Wählen Sie als Maschinentyp die Option e2-standard-2 aus.

7. Klicken Sie im linken Bereich auf Betriebssystem und Speicher. Wenn das angezeigte Image nicht Debian GNU/Linux 12 (Bookworm) ist, klicken Sie auf Ändern und wählen Sie die Version Debian GNU/Linux 12 (Bookworm) aus.

8. Klicken Sie auf Netzwerke.

9. Klicken Sie unter Firewall auf HTTP-Traffic zulassen.

10. Klicken Sie im linken Bereich auf Erweitert.

11. Fügen Sie unter Automatisierung das folgende Script als Wert für das Startscript ein:

12. Lassen Sie alle anderen Einstellungen unverändert und klicken Sie auf Erstellen.

13. Kopieren Sie auf der Seite VM-Instanzen die interne und die externe IP-Adresse der bloghost-VM-Instanz in einen Texteditor. Sie benötigen die Adressen später in diesem Lab.

Klicken Sie auf Fortschritt prüfen. VM-Instanz für Webserver bereitstellen

Aufgabe 3: Cloud Storage-Bucket mit der gcloud storage-Befehlszeile erstellen

In dieser Aufgabe verwenden Sie das gcloud storage-Befehlszeilentool, um einen global eindeutigen Cloud Storage-Bucket zu erstellen, seinen Standort festzulegen, ein öffentliches Bild hochzuladen und dieses bestimmte Objekt öffentlich lesbar zu machen.

Der Name des Cloud Storage-Buckets muss global eindeutig sein. Der Einfachheit halber verwenden wir in dieser Anleitung als Namen die Google Cloud-Projekt-ID, die ebenfalls global eindeutig ist.

Cloud Storage-Buckets können einer Region oder einem multiregionalen Standort zugewiesen werden: US, EU oder ASIA. Hier weisen Sie Ihren Bucket dem multiregionalen Standort zu, der der Region und Zone, die Ihnen in Qwiklabs oder von Ihrem Kursleiter zugewiesen wurden, am nächsten ist.

1. Klicken Sie in der Google Cloud Console in der Symbolleiste rechts oben auf Cloud Shell aktivieren . Wenn ein Dialogfeld angezeigt wird, klicken Sie auf Fortfahren.

2. Zur Vereinfachung können Sie Ihren ausgewählten Standort in eine Umgebungsvariable mit dem Namen LOCATION einsetzen. Geben Sie einen der folgenden Befehle ein:

oder

oder

3. In Cloud Shell enthält die Umgebungsvariable DEVSHELL_PROJECT_ID Ihre Projekt-ID. Mit dem folgenden Befehl erstellen Sie einen Bucket, der nach Ihrer Projekt-ID benannt ist:

Wenn Sie dazu aufgefordert werden, klicken Sie auf Autorisieren, um fortzufahren.

4. Rufen Sie aus einem öffentlich zugänglichen Cloud Storage-Speicherort ein Bannerbild ab:

5. Kopieren Sie das Banner-Bild in Ihren neu erstellten Cloud Storage-Bucket:

6. Ändern Sie die Access Control List des eben erstellten Objekts so, dass jeder Nutzer Lesezugriff hat:

Klicken Sie auf Fortschritt prüfen. Cloud Storage-Bucket mit der gcloud storage-Befehlszeile erstellen

Aufgabe 4: Cloud SQL-Instanz erstellen

In dieser Aufgabe erstellen und konfigurieren Sie eine verwaltete MySQL-Datenbankinstanz mit Cloud SQL und richten ein bestimmtes Nutzerkonto ein. Vor allem aber autorisieren Sie die externe IP-Adresse Ihres zukünftigen Webservers für die Netzwerkverbindung.

1. Klicken Sie im Navigationsmenü () der Google Cloud Console auf Cloud SQL.

2. Klicken Sie auf Instanz erstellen.

3. Wählen Sie unter Datenbankmodul auswählen die Option MySQL auswählen aus.

4. Klicken Sie unter Cloud SQL-Version auswählen auf Enterprise und wählen Sie unter Versionsvoreinstellung im Drop-down-Menü die Option Sandbox aus.

5. Geben Sie als Instanz-ID den Wert blog-db ein und als Passwort den Wert Passw0rd1!.

6. Wählen Sie unter Region die Option aus.

7. Wählen Sie unter Zonale Verfügbarkeit die Option Einzelne Zone aus.

8. Maximieren Sie Zonen angeben und wählen Sie unter Primäre Zone die Option aus.

9. Maximieren Sie unter „Instanz anpassen“ die Option Konfigurationsoptionen einblenden.

10. Maximieren Sie Sicherheit und klicken Sie dann auf Unverschlüsselten Netzwerktraffic zulassen (nicht empfohlen).

11. Klicken Sie auf Instanz erstellen.

Nutzer und Verbindungen konfigurieren

1. Kopieren Sie auf der Seite mit den SQL-Instanzdetails unter Mit dieser Instanz verbinden die öffentliche IP-Adresse Ihrer SQL-Instanz in einen Texteditor. Sie wird in diesem Lab später noch benötigt.

2. Klicken Sie im linken Bereich auf Nutzer und dann auf Nutzerkonto hinzufügen.

3. Geben Sie unter Nutzername den Wert blogdbuser ein.

4. Geben Sie unter Passwort den Wert Passw0rd1! ein.

5. Klicken Sie auf Hinzufügen, um der Datenbank das Nutzerkonto hinzuzufügen.

6. Klicken Sie im linken Bereich auf Verbindungen und dann auf den Tab Netzwerk.

7. Klicken Sie auf Netzwerk hinzufügen.

8. Geben Sie unter Name den Wert web front end ein.

9. Geben Sie unter Netzwerk die externe IP-Adresse Ihrer bloghost-VM-Instanz ein, gefolgt von /32

Das Ergebnis sieht so aus:

10. Klicken Sie auf Fertig, um die Definition des autorisierten Netzwerks zu beenden.

11. Speichern Sie die Konfigurationsänderung.

Klicken Sie auf Fortschritt prüfen. Cloud SQL-Instanz erstellen

Aufgabe 5: Anwendung in einer Compute Engine-Instanz für die Verwendung von Cloud SQL konfigurieren

Bei dieser Aufgabe stellen Sie eine sichere Verbindung zwischen dem Apache-Webserver, der auf Ihrer VM-Instanz ausgeführt wird, und der Cloud SQL-Datenbank her. Dazu ändern Sie den PHP-Anwendungscode (index.php) so, dass die IP-Adresse und die Anmeldedaten der Datenbank enthalten sind.

1. Klicken Sie im Navigationsmenü () auf Compute Engine und dann auf VM-Instanzen.

2. Klicken Sie in der Liste der VM-Instanzen bei bloghost auf SSH. Klicken Sie auf Autorisieren, wenn Sie dazu aufgefordert werden.

3. Wechseln Sie in Ihrer SSH-Sitzung auf bloghost in das Dokumentenstammverzeichnis des Webservers:

4. Bearbeiten Sie mit dem nano-Texteditor die Datei index.php:

5. Kopieren Sie den folgenden Code und fügen Sie ihn in die Datei ein:

6. Drücken Sie Strg + O und dann die Eingabetaste, um die bearbeitete Datei zu speichern.

7. Drücken Sie Strg + X, um den nano-Texteditor zu verlassen.

8. Starten Sie den Webserver neu:

9. Öffnen Sie im Webbrowser einen neuen Tab und fügen Sie die externe IP-Adresse Ihrer bloghost-VM-Instanz gefolgt von /index.php in die Adresszeile ein. Die URL sieht so aus:

Beim Laden der Seite wird Ihnen auffallen, dass dort eine Fehlermeldung angezeigt wird, die mit folgenden Worten beginnt:

10. Kehren Sie zu Ihrer SSH-Sitzung auf bloghost zurück. Bearbeiten Sie index.php wieder mit dem nano-Texteditor. Achten Sie darauf, dass Sie sich im Verzeichnis „/var/www/html“ befinden.

11. Ersetzen Sie im nano-Texteditor CLOUDSQLIP durch die öffentliche IP-Adresse der Cloud SQL-Instanz (blog-db), die Sie oben notiert haben. Übernehmen Sie die Anführungszeichen vor und nach dem Wert.

12. Ersetzen Sie im nano-Texteditor DBPASSWORD durch das Datenbankpasswort von Cloud SQL, das Sie oben notiert haben, also Passw0rd1!. Übernehmen Sie die Anführungszeichen vor und nach dem Wert.

13. Drücken Sie Strg + O und dann die Eingabetaste, um die bearbeitete Datei zu speichern.

14. Drücken Sie Strg + X, um den nano-Texteditor zu verlassen.

15. Starten Sie den Webserver neu:

16. Kehren Sie zum Tab des Webbrowsers zurück, in dem Sie die externe IP-Adresse Ihrer bloghost-VM-Instanz geöffnet haben. Beim Laden der Seite erscheint die folgende Nachricht:

Aufgabe 6: Anwendung in einer Compute Engine-Instanz für die Verwendung eines Cloud Storage-Objekts konfigurieren

In dieser Aufgabe binden Sie das öffentlich zugängliche Bild, das in Ihrem Cloud Storage-Bucket gespeichert ist, in Ihre Webanwendung ein. Dazu bearbeiten Sie die Datei „index.php“ auf der Compute Engine-Instanz und fügen in der Datei die richtige Bildquellen-URL ein.

1. Klicken Sie in der Google Cloud Console auf Cloud Storage > Buckets.

2. Klicken Sie auf den nach Ihrem Google Cloud-Projekt benannten Bucket.

3. In diesem Bucket befindet sich ein Objekt namens my-excellent-blog.png. Kopieren Sie die URL, die hinter dem Linksymbol in der Spalte Öffentlicher Zugriff oder ggf. hinter „Öffentlicher Link“ angezeigt wird.

4. Kehren Sie zur SSH-Sitzung auf Ihrer bloghost-VM-Instanz zurück.

5. Wechseln Sie mit dem folgenden Befehl in das Dokumentenstammverzeichnis auf dem Webserver:

6. Bearbeiten Sie index.php mit dem nano-Texteditor:

7. Bewegen Sie den Cursor mit den Pfeiltasten in die Zeile, die das Element h1 enthält. Drücken Sie die Eingabetaste, um eine neue leere Bildschirmzeile zu öffnen. Fügen Sie dann die URL, die Sie zuvor kopiert haben, in diese Zeile ein.

8. Fügen Sie unmittelbar vor der URL folgendes HTML-Markup ein:

9. Fügen Sie am Ende der URL ein einfaches Anführungszeichen oben und eine schließende spitze Klammer hinzu:

Die vollständige Zeile sieht dann so aus:

Dadurch wird die Zeile mit <img src='...'> direkt vor die Zeile mit <h1>...</h1> platziert.

10. Drücken Sie Strg + O und dann die Eingabetaste, um die bearbeitete Datei zu speichern.

11. Drücken Sie Strg + X, um den nano-Texteditor zu verlassen.

12. Starten Sie den Webserver neu:

13. Kehren Sie zum Tab des Webbrowsers zurück, in dem Sie die externe IP-Adresse Ihrer bloghost-VM-Instanz geöffnet haben. Wenn Sie die Seite laden, enthält sie jetzt das Bannerbild.

Das wars! Sie haben das Lab erfolgreich abgeschlossen.

Sie haben eine Cloud SQL-Instanz konfiguriert und eine Anwendung in einer Compute Engine-Instanz damit verbunden. Außerdem haben Sie mit einem Cloud Storage-Bucket gearbeitet.

Lab beenden

Wenn Sie das Lab abgeschlossen haben, klicken Sie auf Lab beenden. Google Cloud Skills Boost entfernt daraufhin die von Ihnen genutzten Ressourcen und bereinigt das Konto.

Anschließend erhalten Sie die Möglichkeit, das Lab zu bewerten. Wählen Sie die entsprechende Anzahl von Sternen aus, schreiben Sie einen Kommentar und klicken Sie anschließend auf Senden.

Die Anzahl der Sterne hat folgende Bedeutung:

• 1 Stern = Sehr unzufrieden
• 2 Sterne = Unzufrieden
• 3 Sterne = Neutral
• 4 Sterne = Zufrieden
• 5 Sterne = Sehr zufrieden

Wenn Sie kein Feedback geben möchten, können Sie das Dialogfeld einfach schließen.

Verwenden Sie für Feedback, Vorschläge oder Korrekturen den Tab Support.

© 2025 Google LLC. Alle Rechte vorbehalten. Google und das Google-Logo sind Marken von Google LLC. Alle anderen Unternehmens- und Produktnamen können Marken der jeweils mit ihnen verbundenen Unternehmen sein.

Weitere Ressourcen

Google Cloud Platform-Dokumentation zu Cloud SQL

Google Cloud Platform-Dokumentation zu Cloud Storage