Wir haben etwas HTML-Code erstellt, der es uns ermöglicht, die **Schildkröte zu füttern**, und in diesem Code haben wir ein Bild verwendet, das wir in einem **öffentlichen Bucket** auf **AWS S3 hochgeladen** haben. Sie haben vielleicht bemerkt, dass das direkte Lesen des Codes von dort **ziemlich umständlich** war aufgrund der großen Anzahl von Stilen.

Dies führt uns zu der Idee, dass wir auch **bestimmte Code-Snippets auf AWS S3 hochladen** können, genau wie wir es mit Bildern tun. Zum Beispiel wäre es in unserem Fall wirklich praktisch, **CSS-Stile für unsere HTML-Seiten** oder Anwendungen **auf AWS hochzuladen**, was uns hilft, den Code sauberer und organisierter zu halten.


Werfen wir einen Blick auf die Stildatei, die ich in den **Speicher** **hochladen** möchte:

LmdyZWV0aW5nIHsKICAgIGZvbnQtc2l6ZTogMjRweDsKICAgIG1hcmdpbi10b3A6IDIwcHg7CiAgICBmb250LXdlaWdodDogYm9sZDsKICAgIHRleHQtYWxpZ246IGNlbnRlcjsKfQoudHVydGxlLWltYWdlIHsKICAgIGRpc3BsYXk6IGJsb2NrOwogICAgbWFyZ2luOiAyMHB4IGF1dG87CiAgICB3aWR0aDogMzAlOwogICAgbWF4LXdpZHRoOiAzMDBweDsKICAgIGhlaWdodDogYXV0bzsKfQouYnV0dG9uIHsKICAgIGJhY2tncm91bmQtY29sb3I6ICM0Y2FmNTA7CiAgICBib3JkZXI6IG5vbmU7CiAgICBjb2xvcjogd2hpdGU7CiAgICBwYWRkaW5nOiAxMHB4IDIwcHg7CiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7CiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7CiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7CiAgICBmb250LXNpemU6IDE2cHg7CiAgICBtYXJnaW46IDEwcHg7CiAgICBjdXJzb3I6IHBvaW50ZXI7CiAgICBib3JkZXItcmFkaXVzOiAxMnB4OwogICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuM3MgZWFzZSwgYmFja2dyb3VuZC1jb2xvciAwLjNzIGVhc2U7Cn0KLmJ1dHRvbjpob3ZlciB7CiAgICB0cmFuc2Zvcm06IHNjYWxlKDEuMDUpOwogICAgYmFja2dyb3VuZC1jb2xvcjogIzM2N2IzNzsKfQouYnV0dG9uLmlnbm9yZSB7CiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjQ0MzM2Owp9Ci5idXR0b24uaWdub3JlOmhvdmVyIHsKICAgIGJhY2tncm91bmQtY29sb3I6ICNkMzJmMmY7Cn0KLm1vZGFsIHsKICAgIGRpc3BsYXk6IG5vbmU7CiAgICBwb3NpdGlvbjogZml4ZWQ7CiAgICB6LWluZGV4OiAyOwogICAgbGVmdDogMDsKICAgIHRvcDogMDsKICAgIHdpZHRoOiAxMDAlOwogICAgaGVpZ2h0OiAxMDAlOwogICAgb3ZlcmZsb3c6IGF1dG87CiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuNCk7CiAgICBwYWRkaW5nLXRvcDogMTAwcHg7Cn0KLm1vZGFsLWNvbnRlbnQgewogICAgYmFja2dyb3VuZC1jb2xvcjogI2ZlZmVmZTsKICAgIG1hcmdpbjogYXV0bzsKICAgIHBhZGRpbmc6IDIwcHg7CiAgICBib3JkZXI6IDFweCBzb2xpZCAjODg4OwogICAgd2lkdGg6IDgwJTsKICAgIG1heC13aWR0aDogMzAwcHg7CiAgICBib3JkZXItcmFkaXVzOiA1cHg7CiAgICBib3gtc2hhZG93OiAwIDRweCA4cHggcmdiYSgwLCAwLCAwLCAwLjIpOwogICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjRzOwogICAgcG9zaXRpb246IGFic29sdXRlOwogICAgdG9wOiA1MCU7CiAgICBsZWZ0OiA1MCU7CiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTsKfQouY2xvc2UgewogICAgY29sb3I6ICNhYWFhYWE7CiAgICBmbG9hdDogcmlnaHQ7CiAgICBmb250LXNpemU6IDI4cHg7CiAgICBmb250LXdlaWdodDogYm9sZDsKfQouY2xvc2U6aG92ZXIsCi5jbG9zZTpmb2N1cyB7CiAgICBjb2xvcjogIzAwMDsKICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTsKICAgIGN1cnNvcjogcG9pbnRlcjsKfQoKLmJ1dHRvbnMtY29udGFpbmVyIHsKICAgIGRpc3BsYXk6IGZsZXg7CiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKfQ==

Um eine Datei mit Stilen zu **AWS S3** hinzuzufügen, müssen wir zuerst die Datei erstellen und sie in unseren **öffentlichen Bucket** hochladen:

Um diese **CSS**-Stile in Ihrem **HTML**-Code anzuwenden, müssen Sie nur eine einfache Syntax verwenden:

```html
<link rel='stylesheet' href='link to your CSS styles here'>
```

Im Falle der Verlinkung zu unseren Styles wird diese Zeile folgendermaßen aussehen:

```html
<link rel='stylesheet' href='https://codefinity-aws-course.s3.eu-north-1.amazonaws.com/styles_for_turtle.css'>
```

Schauen wir uns an, wie stark unser Code nach diesen Änderungen reduziert wird und wie er jetzt aussieht:

PGxpbmsgcmVsPSdzdHlsZXNoZWV0JyBocmVmPSdodHRwczovL2NvZGVmaW5pdHktY29udGVudC1tZWRpYS12Mi5zMy5ldS13ZXN0LTEuYW1hem9uYXdzLmNvbS9jb3Vyc2VzLzExMThhMTNhLTAyODgtNDNjNS04ZmY5LWQ1MWRhMjVjOTAzZS9TZWN0aW9uMi9jb2RlZmluaXR5LWF3cy10dXRvci9zdHlsZXNfZm9yX3R1cnRsZS5jc3MnPgoKPGhlYWQ+CiAgICA8bWV0YSBjaGFyc2V0PSJVVEYtOCIgLz4KICAgIDxtZXRhIG5hbWU9InZpZXdwb3J0IiBjb250ZW50PSJ3aWR0aD1kZXZpY2Utd2lkdGgsIGluaXRpYWwtc2NhbGU9MS4wIiAvPgogICAgPHRpdGxlPkdyZWV0aW5nIFR1cnRsZTwvdGl0bGU+CjwvaGVhZD4KPGJvZHk+CjxkaXYgY2xhc3M9ImdyZWV0aW5nIj5IZWxsbywgSSdtIGEgdHVydGxlLCBJJ20gdmVyeSBodW5ncnk8L2Rpdj4KCjwhLS1IZXJlIHdlIGluc2VydCBhIGxpbmsgdG8gdGhlIHBpY3R1cmUgZnJvbSBBV1MgUzMuLS0+CjxpbWcKICAgICAgICBzcmM9Imh0dHBzOi8vY29kZWZpbml0eS1jb250ZW50LW1lZGlhLXYyLnMzLmV1LXdlc3QtMS5hbWF6b25hd3MuY29tL2NvdXJzZXMvMTExOGExM2EtMDI4OC00M2M1LThmZjktZDUxZGEyNWM5MDNlL1NlY3Rpb24yL2NvZGVmaW5pdHktYXdzLXR1dG9yL3R1cnRsZS5wbmciCiAgICAgICAgYWx0PSJIdW5ncnkgVHVydGxlIgogICAgICAgIGNsYXNzPSJ0dXJ0bGUtaW1hZ2UiCi8+Cgo8ZGl2IGNsYXNzPSJidXR0b25zLWNvbnRhaW5lciI+CiAgICA8YnV0dG9uIGNsYXNzPSJidXR0b24gZmVlZCI+RmVlZDwvYnV0dG9uPgogICAgPGJ1dHRvbiBjbGFzcz0iYnV0dG9uIGlnbm9yZSI+SWdub3JlPC9idXR0b24+CjwvZGl2PgoKPGRpdiBpZD0iZmVlZE1vZGFsIiBjbGFzcz0ibW9kYWwiPgogICAgPGRpdiBjbGFzcz0ibW9kYWwtY29udGVudCI+CiAgICAgICAgPHNwYW4gY2xhc3M9ImNsb3NlIj4mdGltZXM7PC9zcGFuPgogICAgICAgIDxwPlRoYW5rIHlvdSB2ZXJ5IG11Y2ghPC9wPgogICAgPC9kaXY+CjwvZGl2PgoKPGRpdiBpZD0iaWdub3JlTW9kYWwiIGNsYXNzPSJtb2RhbCI+CiAgICA8ZGl2IGNsYXNzPSJtb2RhbC1jb250ZW50Ij4KICAgICAgICA8c3BhbiBjbGFzcz0iY2xvc2UiPiZ0aW1lczs8L3NwYW4+CiAgICAgICAgPHA+V2h5PzwvcD4KICAgIDwvZGl2Pgo8L2Rpdj4KCjxzY3JpcHQ+CiAgICBsZXQgZmVlZE1vZGFsID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoImZlZWRNb2RhbCIpOwogICAgbGV0IGlnbm9yZU1vZGFsID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoImlnbm9yZU1vZGFsIik7CgogICAgbGV0IGJ0bkZlZWQgPSBkb2N1bWVudC5nZXRFbGVtZW50c0J5Q2xhc3NOYW1lKCJmZWVkIilbMF07CiAgICBsZXQgYnRuSWdub3JlID0gZG9jdW1lbnQuZ2V0RWxlbWVudHNCeUNsYXNzTmFtZSgiaWdub3JlIilbMF07CgogICAgbGV0IHNwYW5zID0gZG9jdW1lbnQuZ2V0RWxlbWVudHNCeUNsYXNzTmFtZSgiY2xvc2UiKTsKCiAgICBidG5GZWVkLm9uY2xpY2sgPSBmdW5jdGlvbiAoKSB7CiAgICAgICAgZmVlZE1vZGFsLnN0eWxlLmRpc3BsYXkgPSAiYmxvY2siOwogICAgfTsKICAgIGJ0bklnbm9yZS5vbmNsaWNrID0gZnVuY3Rpb24gKCkgewogICAgICAgIGlnbm9yZU1vZGFsLnN0eWxlLmRpc3BsYXkgPSAiYmxvY2siOwogICAgfTsKCiAgICBmb3IgKHZhciBpID0gMDsgaSA8IHNwYW5zLmxlbmd0aDsgaSsrKSB7CiAgICAgICAgc3BhbnNbaV0ub25jbGljayA9IGZ1bmN0aW9uICgpIHsKICAgICAgICAgICAgZmVlZE1vZGFsLnN0eWxlLmRpc3BsYXkgPSAibm9uZSI7CiAgICAgICAgICAgIGlnbm9yZU1vZGFsLnN0eWxlLmRpc3BsYXkgPSAibm9uZSI7CiAgICAgICAgfTsKICAgIH0KCiAgICB3aW5kb3cub25jbGljayA9IGZ1bmN0aW9uIChldmVudCkgewogICAgICAgIGlmIChldmVudC50YXJnZXQgPT0gZmVlZE1vZGFsIHx8IGV2ZW50LnRhcmdldCA9PSBpZ25vcmVNb2RhbCkgewogICAgICAgICAgICBmZWVkTW9kYWwuc3R5bGUuZGlzcGxheSA9ICJub25lIjsKICAgICAgICAgICAgaWdub3JlTW9kYWwuc3R5bGUuZGlzcGxheSA9ICJub25lIjsKICAgICAgICB9CiAgICB9Owo8L3NjcmlwdD4KPC9ib2R5Pg==

Wenn Sie auf <a href="https://content-media-cdn.codefinity.com/courses/1118a13a-0288-43c5-8ff9-d51da25c903e/Section2/codefinity-aws-tutor/styles_for_turtle.css" target="_blank">diesen Link</a> klicken und ihm folgen, sehen Sie **den Inhalt dieser Datei**, insbesondere die Stile, die ich zuvor geschrieben habe. Auf diese Weise können sowohl wir als auch die Besucher unserer Website die auf AWS gespeicherten Stile sehen und **möchten sie vielleicht von uns übernehmen**.

Es ist auch erwähnenswert, dass wir **JavaScript-Skripte auf S3 hochladen können**. Obwohl dies **nicht die beste Praxis** ist, da Skripte oft bearbeitet werden müssen und **mit ihnen gearbeitet werden muss**, lernen wir in unserem Fall, also lassen Sie uns das tun, um unseren Code weiter zu optimieren!

Unten ist das Skript, das wir in unseren **öffentlichen Bucket** hochladen werden:

bGV0IGZlZWRNb2RhbCA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCJmZWVkTW9kYWwiKTsKbGV0IGlnbm9yZU1vZGFsID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoImlnbm9yZU1vZGFsIik7CgpsZXQgYnRuRmVlZCA9IGRvY3VtZW50LmdldEVsZW1lbnRzQnlDbGFzc05hbWUoImZlZWQiKVswXTsKbGV0IGJ0bklnbm9yZSA9IGRvY3VtZW50LmdldEVsZW1lbnRzQnlDbGFzc05hbWUoImlnbm9yZSIpWzBdOwoKbGV0IHNwYW5zID0gZG9jdW1lbnQuZ2V0RWxlbWVudHNCeUNsYXNzTmFtZSgiY2xvc2UiKTsKCmJ0bkZlZWQub25jbGljayA9IGZ1bmN0aW9uICgpIHsKICAgIGZlZWRNb2RhbC5zdHlsZS5kaXNwbGF5ID0gImJsb2NrIjsKfTsKYnRuSWdub3JlLm9uY2xpY2sgPSBmdW5jdGlvbiAoKSB7CiAgICBpZ25vcmVNb2RhbC5zdHlsZS5kaXNwbGF5ID0gImJsb2NrIjsKfTsKCmZvciAodmFyIGkgPSAwOyBpIDwgc3BhbnMubGVuZ3RoOyBpKyspIHsKICAgIHNwYW5zW2ldLm9uY2xpY2sgPSBmdW5jdGlvbiAoKSB7CiAgICAgICAgZmVlZE1vZGFsLnN0eWxlLmRpc3BsYXkgPSAibm9uZSI7CiAgICAgICAgaWdub3JlTW9kYWwuc3R5bGUuZGlzcGxheSA9ICJub25lIjsKICAgIH07Cn0KCndpbmRvdy5vbmNsaWNrID0gZnVuY3Rpb24gKGV2ZW50KSB7CiAgICBpZiAoZXZlbnQudGFyZ2V0ID09IGZlZWRNb2RhbCB8fCBldmVudC50YXJnZXQgPT0gaWdub3JlTW9kYWwpIHsKICAgICAgICBmZWVkTW9kYWwuc3R5bGUuZGlzcGxheSA9ICJub25lIjsKICAgICAgICBpZ25vcmVNb2RhbC5zdHlsZS5kaXNwbGF5ID0gIm5vbmUiOwogICAgfQp9Ow==

Nun müssen wir die **JavaScript-Skript**-Datei in unseren öffentlichen Bucket hochladen:


Nun müssen wir die folgende Syntax verwenden, um das **Skript** über den Link zum Code hinzuzufügen:

```javascript
<script src="https://content-media-cdn.codefinity.com/courses/1118a13a-0288-43c5-8ff9-d51da25c903e/Section2/codefinity-aws-tutor/script-for-turtle.js"></script>
```

Nach dem Hinzufügen des **Skripts** von **AWS S3** sieht unser Code für die Schildkröte so aus:

PGxpbmsgcmVsPSdzdHlsZXNoZWV0JyBocmVmPSdodHRwczovL2NvZGVmaW5pdHktY29udGVudC1tZWRpYS12Mi5zMy5ldS13ZXN0LTEuYW1hem9uYXdzLmNvbS9jb3Vyc2VzLzExMThhMTNhLTAyODgtNDNjNS04ZmY5LWQ1MWRhMjVjOTAzZS9TZWN0aW9uMi9jb2RlZmluaXR5LWF3cy10dXRvci9zdHlsZXNfZm9yX3R1cnRsZS5jc3MnPgoKPGhlYWQ+CiAgICA8bWV0YSBjaGFyc2V0PSJVVEYtOCIgLz4KICAgIDxtZXRhIG5hbWU9InZpZXdwb3J0IiBjb250ZW50PSJ3aWR0aD1kZXZpY2Utd2lkdGgsIGluaXRpYWwtc2NhbGU9MS4wIiAvPgogICAgPHRpdGxlPkdyZWV0aW5nIFR1cnRsZTwvdGl0bGU+CjwvaGVhZD4KPGJvZHk+CjxkaXYgY2xhc3M9ImdyZWV0aW5nIj5IZWxsbywgSSdtIGEgdHVydGxlLCBJJ20gdmVyeSBodW5ncnk8L2Rpdj4KCjwhLS1IZXJlIHdlIGluc2VydCBhIGxpbmsgdG8gdGhlIHBpY3R1cmUgZnJvbSBBV1MgUzMuLS0+CjxpbWcKICAgICAgICBzcmM9Imh0dHBzOi8vY29kZWZpbml0eS1jb250ZW50LW1lZGlhLXYyLnMzLmV1LXdlc3QtMS5hbWF6b25hd3MuY29tL2NvdXJzZXMvMTExOGExM2EtMDI4OC00M2M1LThmZjktZDUxZGEyNWM5MDNlL1NlY3Rpb24yL2NvZGVmaW5pdHktYXdzLXR1dG9yL3R1cnRsZS5wbmciCiAgICAgICAgYWx0PSJIdW5ncnkgVHVydGxlIgogICAgICAgIGNsYXNzPSJ0dXJ0bGUtaW1hZ2UiCi8+Cgo8ZGl2IGNsYXNzPSJidXR0b25zLWNvbnRhaW5lciI+CiAgICA8YnV0dG9uIGNsYXNzPSJidXR0b24gZmVlZCI+RmVlZDwvYnV0dG9uPgogICAgPGJ1dHRvbiBjbGFzcz0iYnV0dG9uIGlnbm9yZSI+SWdub3JlPC9idXR0b24+CjwvZGl2PgoKPGRpdiBpZD0iZmVlZE1vZGFsIiBjbGFzcz0ibW9kYWwiPgogICAgPGRpdiBjbGFzcz0ibW9kYWwtY29udGVudCI+CiAgICAgICAgPHNwYW4gY2xhc3M9ImNsb3NlIj4mdGltZXM7PC9zcGFuPgogICAgICAgIDxwPlRoYW5rIHlvdSB2ZXJ5IG11Y2ghPC9wPgogICAgPC9kaXY+CjwvZGl2PgoKPGRpdiBpZD0iaWdub3JlTW9kYWwiIGNsYXNzPSJtb2RhbCI+CiAgICA8ZGl2IGNsYXNzPSJtb2RhbC1jb250ZW50Ij4KICAgICAgICA8c3BhbiBjbGFzcz0iY2xvc2UiPiZ0aW1lczs8L3NwYW4+CiAgICAgICAgPHA+V2h5PzwvcD4KICAgIDwvZGl2Pgo8L2Rpdj4KCjxzY3JpcHQgc3JjPSJodHRwczovL2NvZGVmaW5pdHktY29udGVudC1tZWRpYS12Mi5zMy5ldS13ZXN0LTEuYW1hem9uYXdzLmNvbS9jb3Vyc2VzLzExMThhMTNhLTAyODgtNDNjNS04ZmY5LWQ1MWRhMjVjOTAzZS9TZWN0aW9uMi9jb2RlZmluaXR5LWF3cy10dXRvci9zY3JpcHQtZm9yLXR1cnRsZS5qcyI+PC9zY3JpcHQ+CjwvYm9keT4=

Entdecken Sie die Welt des Cloud Computing, indem Sie die Kerntechnologien und praktischen Anwendungen in diesem Kurs erkunden! Wir beginnen mit den Grundlagen des Cloud Computing und konzentrieren uns dann auf wesentliche AWS-Dienste wie S3 (Simple Storage Service) für skalierbaren Speicher, EC2 (Elastic Compute Cloud) für virtuelle Server und RDS (Relational Database Service) für verwaltete Datenbanken. Sammeln Sie praktische Erfahrungen, während Sie lernen, wie diese Dienste integriert werden, um moderne Anwendungen effizient zu unterstützen.

Erfahren Sie mehr über die Geschichte und Entwicklung von Cloud-Technologien sowie darüber, wie moderne Server und Webanwendungen funktionieren. Tauchen Sie in die verschiedenen Cloud-Modelle ein, verstehen Sie die Angebote der großen Cloud-Dienstanbieter und erkunden Sie die Sicherheitsgrundlagen, die einen sicheren Cloud-Betrieb gewährleisten.

Wir werden einen Cloud-Dienst namens S3 erkunden und lernen, wie man ihn konfiguriert und verwendet. Sie werden verschiedene Medien auf S3 hochladen, und dann werden wir sogar lernen, wie man eine einfache statische Website auf S3 hostet.

Wir werden uns damit beschäftigen, was EC2 ist und wie es funktioniert. Sie werden lernen, wofür EC2 verwendet wird, wie man Instanzen erstellt und verwaltet und wie man von Ihrem Gerät aus eine Verbindung zu ihnen herstellt. Zusätzlich werden wir Sie durch die Grundlagen der Arbeit mit EC2-Instanzen führen und demonstrieren, wie Sie Ihre eigene Website auf einem EC2-Webserver bereitstellen können.

Wir werden lernen, wie man Datenbanken in der Cloud erstellt und verwendet. Ich werde Ihnen von den verschiedenen verfügbaren Typen erzählen, wie sie mit Anwendungen interagieren und sich in verschiedene Produkte integrieren. Cloud-Datenbanken sind die sicherste Möglichkeit, Daten zu speichern, und dieser Abschnitt wird erklären, warum.

Einführung in das Cloud Computing

Speichern von Codefragmenten auf AWS S3