Schnelleinstieg in Cloud-Server mit kostenlosen Ressourcen: AWS S3 Static Website Deployment Guide

Cloud-Server sind zu einem Eckpfeiler der modernen Anwendungsentwicklung und -bereitstellung geworden. Die Beherrschung der Verwendung von Cloud-Servern kann Ihre berufliche Wettbewerbsfähigkeit erheblich verbessern. In diesem Artikel wird anhand von AWS S3 erläutert, wie Sie kostenlose Ressourcen nutzen können, um schnell in Cloud-Server einzusteigen und eine statische Website bereitzustellen. Wir werden uns auf die praktische Bedienung konzentrieren, um Ihnen zu helfen, die grundlegenden Konzepte von Cloud-Servern zu verstehen.

Warum AWS S3 zum Hosten statischer Websites wählen?

• Hohe Kosteneffizienz: AWS S3 bietet einen bestimmten kostenlosen Speicherplatz und Datentransfer, der für persönliche Projekte oder kleine Websites völlig ausreichend ist.

• Einfacher Einstieg: Die Konfiguration und Bedienung von S3 ist relativ einfach und eignet sich sehr gut für Anfänger.

• Hohe Verfügbarkeit und Skalierbarkeit: Die globale Infrastruktur von AWS garantiert die hohe Verfügbarkeit und Skalierbarkeit von S3.

• Starke Integration: S3 lässt sich nahtlos in andere AWS-Dienste integrieren, z. B. CloudFront (CDN) zur Beschleunigung des Zugriffs auf statische Ressourcen.

Vorbereitungen

1. AWS-Konto: Sie benötigen ein AWS-Konto. Wenn Sie noch keines haben, können Sie sich auf der AWS-Website für ein kostenloses Konto registrieren. Bitte beachten Sie, dass das kostenlose AWS-Kontingent zeitliche und ressourcenmäßige Beschränkungen hat. Lesen Sie unbedingt die entsprechenden Bedingungen.
2. AWS CLI: Die AWS Command Line Interface (CLI) ist ein Befehlszeilentool zur Interaktion mit AWS-Diensten. Die Installation und Konfiguration der AWS CLI erleichtert die Verwaltung von S3-Buckets und -Dateien.
   • AWS CLI installieren: Laden Sie die AWS CLI von der AWS-Website herunter und installieren Sie sie entsprechend Ihrem Betriebssystem.
   • AWS CLI konfigurieren: Öffnen Sie nach der Installation ein Befehlszeilenterminal und führen Sie den Befehl aws configure aus. Geben Sie Ihre AWS Access Key ID, Secret Access Key, Standardregion (region) und das Ausgabeformat gemäß den Anweisungen ein. Sie können einen Benutzer in der AWS IAM-Konsole erstellen und einen Access Key und Secret Key generieren.
3. Statische Website-Dateien: Sie müssen Ihre statischen Website-Dateien vorbereiten, z. B. HTML, CSS, JavaScript und Bilder usw. Legen Sie diese Dateien in einem Verzeichnis ab.

Schritt 1: S3-Bucket erstellen

1. Bei der AWS-Konsole anmelden: Melden Sie sich mit Ihrem AWS-Konto bei der AWS-Konsole an.
2. S3 suchen: Geben Sie im Suchfeld "S3" ein und wählen Sie dann "S3" aus.
3. Bucket erstellen: Klicken Sie auf die Schaltfläche "Bucket erstellen".
4. Bucket konfigurieren:
   • Bucket-Name: Geben Sie einen global eindeutigen Bucket-Namen ein. Der Bucket-Name muss den AWS-Namenskonventionen entsprechen. Es wird empfohlen, einen Namen zu verwenden, der Ihren Projektnamen oder Ihre Domain enthält, um die Verwaltung zu erleichtern.
   • Region: Wählen Sie eine Region aus, die Ihren Benutzern am nächsten liegt. Die Wahl der Region beeinflusst die Zugriffsgeschwindigkeit.
   • Öffentlichen Zugriff blockieren: Deaktivieren Sie das Kontrollkästchen "Öffentlichen Zugriff blockieren". Wir müssen den öffentlichen Zugriff zulassen, um die Website als statische Website hosten zu können. Seien Sie vorsichtig und achten Sie auf die Sicherheit der Berechtigungen!
   • Einstellungen bestätigen: Lesen Sie die Warnhinweise und aktivieren Sie "Ich verstehe das". Klicken Sie auf "Bucket erstellen".

Schritt 2: Bucket für statisches Website-Hosting konfigurieren

1. Bucket auswählen: Wählen Sie in der S3-Konsole den Bucket aus, den Sie gerade erstellt haben.

2. Registerkarte "Eigenschaften" aufrufen: Klicken Sie auf die Registerkarte "Eigenschaften".

3. Statisches Website-Hosting: Klicken Sie im Abschnitt "Statisches Website-Hosting" auf "Bearbeiten".

4. Statisches Website-Hosting aktivieren:

   • Aktivieren: Wählen Sie "Aktivieren".
   • Indexdokument: Geben Sie den Dateinamen Ihrer Website-Homepage ein, normalerweise "index.html".
   • Fehlerdokument: (Optional) Geben Sie den Dateinamen der Fehlerseite ein, z. B. "error.html". Wenn ein Fehler auftritt, zeigt S3 diese Seite an.

5. Änderungen speichern: Klicken Sie auf "Änderungen speichern".## Schritt 3: Hochladen statischer Website-Dateien

6. Wählen Sie einen Bucket: Wählen Sie in der S3-Konsole den Bucket aus, den Sie gerade erstellt haben.

7. Hochladen: Klicken Sie auf die Schaltfläche "Hochladen".

8. Dateien hinzufügen: Klicken Sie auf die Schaltfläche "Dateien hinzufügen", wählen Sie Ihre statischen Website-Dateien aus oder ziehen Sie die Dateien direkt in den Upload-Bereich.

9. Berechtigungen festlegen:

   • Objektinhaber: Stellen Sie sicher, dass der Objektinhaber Ihr AWS-Konto ist.
   • Berechtigungen: Wählen Sie "Öffentlich" -> "Jeder" und aktivieren Sie das Kontrollkästchen "Objekt lesen". Dadurch kann jeder auf Ihre statischen Website-Dateien zugreifen. Seien Sie äußerst vorsichtig und achten Sie auf die Sicherheit der Berechtigungen! Eine sicherere Methode ist die Verwendung einer Bucket-Richtlinie, die später erwähnt wird.

10. Hochladen: Klicken Sie auf die Schaltfläche "Hochladen".

Schritt 4: Testen der Website

1. Abrufen des Website-Endpunkts: Wählen Sie in der S3-Konsole Ihren Bucket aus und gehen Sie dann zur Registerkarte "Eigenschaften". Im Abschnitt "Hosting statischer Websites" finden Sie Ihren Website-Endpunkt (Endpoint).
2. Website aufrufen: Kopieren Sie den Website-Endpunkt in einen Browser, um auf Ihre statische Website zuzugreifen.

Schritt 5: Massen-Upload mit AWS CLI (optional)

Wenn Sie viele statische Website-Dateien haben, können Sie AWS CLI verwenden, um diese im Batch hochzuladen.

1. Öffnen Sie ein Befehlszeilenterminal: Öffnen Sie ein Befehlszeilenterminal.

2. Upload-Befehl: Verwenden Sie den folgenden Befehl, um Ihre statischen Website-Dateien hochzuladen:

   aws s3 sync  s3:// --acl public-read
   

   • ``: Ersetzen Sie dies durch das Verzeichnis, in dem sich Ihre lokalen statischen Website-Dateien befinden.
   • ``: Ersetzen Sie dies durch Ihren S3-Bucket-Namen.
   • --acl public-read: Legt die Berechtigungen für die hochgeladenen Dateien auf öffentlich lesbar fest. Seien Sie äußerst vorsichtig und achten Sie auf die Sicherheit der Berechtigungen!

Best Practices und Hinweise

• Bucket-Richtlinie: Anstatt jedes Objekt öffentlich zu machen, ist es besser, eine Bucket-Richtlinie zu verwenden, um die Zugriffsrechte zu steuern. Eine Bucket-Richtlinie ist ein JSON-Dokument, das definiert, wer auf welche Ressourcen im Bucket zugreifen kann. Sie können Bucket-Richtlinien über die AWS-Konsole oder die AWS CLI erstellen und verwalten.

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

  Ersetzen Sie `` durch Ihren tatsächlichen Bucket-Namen. Diese Richtlinie erlaubt es jedem, alle Objekte in Ihrem Bucket zu lesen.
• Sicherheit: Achten Sie unbedingt auf die Sicherheit von S3-Buckets. Vermeiden Sie es, sensible Informationen in S3 zu speichern, und überprüfen Sie regelmäßig die Zugriffsrechte des Buckets.
• Versionierung: Das Aktivieren der Versionierung von S3-Buckets kann Ihnen helfen, versehentlich gelöschte oder überschriebene Dateien wiederherzustellen.
• CloudFront: Die Verwendung von CloudFront CDN kann die Zugriffsgeschwindigkeit Ihrer statischen Website beschleunigen und die Verfügbarkeit der Website verbessern. CloudFront speichert Ihre Website-Inhalte in Edge-Knoten auf der ganzen Welt zwischen, sodass Benutzer von dem Knoten aus auf Ihre Website zugreifen können, der ihnen am nächsten ist. Dies gilt insbesondere für Websites mit globalen Benutzerzugriffen.
• Benutzerdefinierte Domain: Sie können Ihre statische Website an eine benutzerdefinierte Domain binden, z. B. www.example.com. Sie müssen DNS-Einträge konfigurieren, um Ihre Domain auf den von CloudFront zugewiesenen Domainnamen oder den Endpunkt des S3-Buckets zu verweisen.
• Regelmäßige Backups: Obwohl S3 eine hohe Verfügbarkeit aufweist, wird dennoch empfohlen, Ihre statischen Website-Dateien regelmäßig zu sichern, um unvorhergesehene Ereignisse zu vermeiden.
• Kostenoptimierung: Überwachen Sie Ihre S3-Nutzung, um zu vermeiden, dass Sie die Beschränkungen des kostenlosen AWS-Tarifs überschreiten. Beispielsweise können selten verwendete Dateien in den Glacier-Cold-Storage verschoben werden, um die Speicherkosten zu senken.## Andere Cloud-Server-Optionen

Neben AWS S3 gibt es noch andere Cloud-Server-Optionen:

• GitHub Pages/GitLab Pages: Wenn Ihre Website-Inhalte auf GitHub oder GitLab gehostet werden, können Sie deren Pages-Dienste direkt nutzen, die in der Regel kostenlos sind.
• Netlify/Vercel: Plattformen, die speziell für das Hosting statischer Websites entwickelt wurden und kostenlose Tarife und bequeme Bereitstellungsprozesse bieten.
• AWS EC2/Google Compute Engine/Azure Virtual Machines: Wenn Sie dynamische Anwendungen ausführen müssen, können Sie diese Cloud-Server auswählen, müssen aber die Serverumgebung selbst konfigurieren.
• 阿里云 OSS/腾讯云 COS: Chinesische Cloud-Speicherdienste, geeignet für Websites, die sich an chinesische Benutzer richten.

Zusammenfassung

Mit diesem Leitfaden haben Sie gelernt, wie Sie eine statische Website mit AWS S3 erstellen. Dies ist ein guter Einstieg, um das Konzept und die Bedienung von Cloud-Servern zu verstehen. Darauf aufbauend können Sie weitere AWS-Dienste erlernen und komplexere und leistungsfähigere Cloud-Anwendungen erstellen. Vergessen Sie nicht, auf Sicherheit zu achten, Kosten zu optimieren und kontinuierlich zu lernen, um im Bereich Cloud Computing weiter voranzukommen.