m346/KN02/challenge_a/KN02a_2.md

[10]: https://git-scm.com/downloads

![TBZ Banner](../../x_gitres/tbz_logo.png)

# Inhaltsverzeichnis KN02 Challenge A-2)
### Zweiter Teil-Challenge

[TOC]

<br>

## Ausgangslage:
Verwenden Sie für den folgenden Teil-Challenge das AWS Academy *"**Learner Lab**"*. Ab jetzt arbeiten Sie **immer** im **Learner Lab** - **Ausser explizit anders angegeben.**
- Der **zweite** Teil-Challenge von **KN02 A)** heisst **S3 Einstieg**.  Dieses Lab ist der zweite Kompetenznachweis von Challenge **A)**. Sie richten zuerst ihren ersten **S3-Bucket** ein und erstellen eine **Bucket Policy** für entsprechende Zugriffsberechtigungen. Danach legen Sie darin eine **index.html**-Webseite ab, auf die Sie von überall aus der Welt zugreifen können (statischer Webserver). 
- Führen Sie dieses Lab durch und achten Sie auf die jeweiligen Punkte unter **Leistungsnachweis** des [KN02 Hauptauftrages](../KN02.md#2-teil-challenge-s3-einstieg) unter Challenge A

Beachten Sie die [allgemeinen Informationen zu den Abgaben](../Abgaben.md).

## Challenge

### 2. Teil-Challenge: S3 Einstieg
Führen Sie alle Tasks durch. Sie erstellen die Screenshots der verschiedenen Bereiche für Ihre Abgabe **nachdem** Sie **alle** Schritte des Challenges durchgeführt haben.

#### 1. Task: Erstellen eines S3-Buckets

**:radio_button: Schritt 1: S3-Dienst auswählen**
- Wählen Sie im **Services**-Menü den Bereich **Storage services** und dann **S3**.

**:radio_button: Schritt 2: Bucket erstellen**
- Wählen Sie auf der rechten Seite der Seite **Create bucket**.

**:radio_button: Schritt 3: Bucket-Namen festlegen**
- Geben Sie für **Bucket name** einen eindeutigen, den Regeln des Domain Name Systems (DNS) entsprechenden Namen für Ihren neuen Bucket ein.

**:pushpin: Hinweis zu Namensrichtlinien:**
- Der Name muss eindeutig sein und darf nicht mit bereits bestehenden Bucket-Namen in Amazon S3 übereinstimmen.
- Der Name darf nur Kleinbuchstaben enthalten.
- Der Name muss mit einem Buchstaben oder einer Zahl beginnen.
- Der Name muss zwischen 3 und 63 Zeichen lang sein.
- Nachdem Sie den Bucket erstellt haben, können Sie den Namen nicht mehr ändern, daher wählen Sie ihn sorgfältig aus.
- Wählen Sie einen Bucket-Namen, der den Inhalt des Buckets widerspiegelt, da der Name im URL-Pfad der Objekte sichtbar ist, die Sie in Ihren Bucket hochladen.

**:radio_button: Schritt 4: Region auswählen**
- Wählen Sie eine **Region** aus, in der Ihr Bucket gespeichert werden soll.

**:pushpin: Hinweis:**
- Wählen Sie eine Region in Ihrer Nähe, um Latenz und Kosten zu minimieren oder um regulatorische Anforderungen zu erfüllen. Objekte, die in einer Region gespeichert sind, verlassen diese Region nur, wenn Sie sie ausdrücklich in eine andere Region verschieben.

**:radio_button: Schritt 5: Öffentlichen Zugriff konfigurieren**
- Deaktivieren Sie die Option **Block all public access**, da Sie testen möchten, ob die Website funktioniert.

**:pushpin: Hinweis:**
- Eine Warnmeldung wie **Turning off block all public access might result in this bucket and the objects within becoming public** erscheint unter der Sicherheitsoption, die Sie deaktiviert haben.
- Aktivieren Sie das Kontrollkästchen neben **I acknowledge that...**.


**:radio_button: Schritt 6: Bucket erstellen**
- Scrollen Sie zum unteren Ende der Seite und wählen Sie **Create bucket**.
- Ihr neuer Bucket erscheint in der **Buckets**-Liste.

#### 2. Task: Eine Bucket-Richtlinie hinzufügen, um den Inhalt öffentlich zugänglich zu machen


**:radio_button: Schritt 7: Bucket auswählen und Berechtigungen öffnen**
- Wählen Sie den Link mit dem Namen Ihres Buckets und gehen Sie dann zum Tab **Permissions**.

**:radio_button: Schritt 8: Bucket-Richtlinie bearbeiten**
- Wählen Sie im Abschnitt **Bucket policy** die Option **Edit**.

**:radio_button: Schritt 9: Richtlinie einfügen**
- Um öffentlichen Lesezugriff für Ihre Website zu gewähren, kopieren Sie die folgende Bucket-Richtlinie und fügen Sie sie in den Richtlinieneditor ein:

    ```json
    {
        "Version": "2012-10-17",
        "Statement": [
            {
                "Sid": "PublicReadGetObject",
                "Effect": "Allow",
                "Principal": "*",
                "Action": [
                    "s3:GetObject"
                ],
                "Resource": [
                    "arn:aws:s3:::example-bucket/*"
                ]
            }
        ]
    }
    ```

**:radio_button: Schritt 10: Bucket-Namen anpassen**
- Ersetzen Sie in der Richtlinie `example-bucket` durch den Namen Ihres eigenen Buckets.

**:radio_button: Schritt 11: Änderungen speichern**
- Wählen Sie **Save changes**, um die Richtlinie zu speichern.


#### 3. Task:  Hochladen eines HTML-Dokuments
In dieser Aufgabe laden Sie ein HTML-Dokument in Ihren neuen Bucket hoch.

**:radio_button: Schritt 12:  HTML-Datei herunterladen**
- Speichern Sie die Datei [`index.html`](./index.html) auf Ihrem lokalen Computer.
- Überschreiben Sie den Kürzel <mark>**CAL**</mark> mit den **ersten drei Buchstaben Ihres Nachnamens** (bei Hr. Meier wäre das **MEI**)

**:radio_button: Schritt 13: Datei in den S3-Bucket hochladen**
- Wählen Sie in der Konsole den Tab **Objects**.
- Laden Sie die Datei `index.html` in Ihren Bucket hoch:
    - Wählen Sie **Upload**.
    - Ziehen Sie die Datei `index.html` auf die Upload-Seite.
    - Alternativ können Sie **Add files** wählen, zur Datei navigieren und **Open** auswählen.

**:radio_button: Schritt 14: Eigenschaften überprüfen**
- Erweitern Sie den Abschnitt **Properties**.

**:pushpin: Hinweis:**
- In diesem Abschnitt werden die in Amazon S3 verfügbaren Speicherklassen aufgelistet. Sie werden später mehr über die Speicherklassen erfahren, aber nehmen Sie sich einen Moment Zeit, um sie sich anzusehen.

**:radio_button: Schritt 15: Speicherklasse überprüfen**
- Stellen Sie sicher, dass die **Standard**-Speicherklasse ausgewählt ist.

**:radio_button: Schritt 16: Upload abschließen**
- Wählen Sie unten auf der Seite **Upload**.
- Wählen Sie **Close**.

**:bookmark: Ergebnis:**
- Die Datei `index.html` erscheint in der **Objects**-Liste.


#### 4. Task: Testen Ihrer Website

**:radio_button: Schritt 17: Eigenschaften öffnen**
- Wählen Sie den Tab **Properties** und scrollen Sie zum Abschnitt **Static website hosting**.

**:radio_button: Schritt 18: Statische Website aktivieren**
- Wählen Sie **Edit**.
- Wählen Sie **Enable**.
- Geben Sie im Textfeld **Index document** `index.html` ein.
- Wählen Sie **Save changes**.

**:radio_button: Schritt 19: Website-URL kopieren**
- Scrollen Sie erneut zum Abschnitt **Static website hosting** und kopieren Sie die **Bucket-Website-Endpoint-URL** in die Zwischenablage.

**:radio_button: Schritt 20: Website testen**
- Öffnen Sie einen neuen Tab in Ihrem Webbrowser, fügen Sie die kopierte URL ein und drücken Sie **Enter**.
- Die **Hello World**-Webseite sollte angezeigt werden. Sie haben erfolgreich eine statische Website mit einem S3-Bucket gehostet!


#### Lab abgeschlossen

Herzlichen Glückwunsch! Sie haben das Lab abgeschlossen.

**:radio_button: Schritt 21: Abmelden von der AWS Management Console**
- Melden Sie sich von der AWS Management Console ab.
    - Klicken Sie in der oberen rechten Ecke der Seite auf Ihren Benutzernamen
    - Wählen Sie **Sign out**.

**:radio_button: Schritt 22: Labor beenden**
- Wählen Sie **End Lab** im **Learner Lab** und bestätigen Sie mit **Yes**, dass Sie das Labor beenden möchten.

#### Ziel der Übung
:bell: Erste Hands-on Erfahrung mit dem AWS Service **S3** (Object Storage)

##### Leistungsnachweis
- [ ] Liste der Buckets.
- [ ] HTML-Seite, inkl. URL.
- [ ] Liste der Dateien im Bucket.
- [ ] Eigenschaften von "Static website hosting".
- [ ] Erstellen Sie einen Screenshot der Webseite (mit sichtbarer URL).
- [ ] Fachgespräch mit Coach.

Beachten Sie ausserdem die [allgemeinen Informationen zu den Abgaben](../../Abgaben.md).

<br>

---

> [⇧ **Zurück zu KN02**](../KN02.md)

---

> [⇧ **Zurück zur Hauptseite**](https://gitlab.com/ser-cal/M346)

---