Hosting Einer HTML-Seite auf S3
Swipe um das Menü anzuzeigen
Da wir verschiedene Elemente wie Skripte und Styles in unserem öffentlichen S3-Bucket gehostet haben, könnten Sie in Erwägung gezogen haben, eine vollständige HTML-Seite oder eine statische Website im S3-Bucket zu hosten. Hier erfahren Sie, wie Sie dies in einem öffentlichen S3-Bucket umsetzen, der über einen Link zugänglich ist.
Hosting einer HTML-Seite auf AWS S3
Zu Beginn empfiehlt es sich, einen separaten Ordner im Bucket zu erstellen, in dem alle Ressourcen zu dieser Webseite für eine einfachere Verwaltung und Entwicklung gespeichert werden:
Nun müssen wir wie gewohnt die HTML-Datei in unseren öffentlichen Bucket hochladen.
Die HTML-Datei, die wir hochladen werden, sieht folgendermaßen aus:
index.html
Cloud-Technologien werden verwendet, um Bootstrap sowie das Bild zu importieren, das als Avatar im Portfolio dient.
Jetzt laden wir sie in den S3-Bucket hoch:
Jetzt müssen wir nur noch dem Link zu diesem Bucket folgen, und wir haben unsere HTML-Seite, die als Portfolio dient, direkt vor uns.
Das Interessanteste daran ist, dass diese Seite in der Cloud liegt und wir jederzeit Zugriff darauf haben.
Statische Webseite
Es gibt eine weitere Möglichkeit, eine Webseite auf S3 zu hosten, und diese Methode ist speziell für Webseiten ausgelegt. Im Folgenden wird gezeigt, wie dies funktioniert.
Zunächst muss ein neuer Bucket erstellt und die HTML-Datei hochgeladen werden, die als Hauptseite der statischen Website dient.
Dazu wird ein neuer Bucket erstellt und die HTML-Datei mit dem Portfolio hochgeladen:
Es ist empfehlenswert, einen separaten Ordner anzulegen und dort CSS-Styles, JavaScript-Skripte, verschiedene Medien sowie weitere Materialien zu Ihrer statischen Website hochzuladen.
Als Nächstes wechseln wir zum „Eigenschaften“-Tab und scrollen bis zum unteren Ende der Seite. Wir suchen nach dem Abschnitt „Statisches Website-Hosting“, wie im folgenden Screenshot dargestellt:
Wir öffnen diesen Abschnitt und wählen „Aktivieren“ in der Zeile „Statische Website-Hosting“ aus.
Als Nächstes müssen wir das Index-Dokument angeben, das in unserem Fall portfolio.html ist. Falls Sie eine Fehlerseite haben, können Sie diese ebenfalls angeben.
Anschließend einfach die Seite speichern.
Beachten Sie, dass die Seite für Benutzer und für Sie im Internet zugänglich sein muss. Dafür müssen Sie die Zugänglichkeit konfigurieren, wie wir es bereits bei unserem vorherigen Bucket gemacht haben.
Als Nächstes müssen wir die Änderungen speichern, und Amazon stellt uns einen Link zu unserer statischen Website zur Verfügung, den Sie unten finden:
Wenn Sie nun diesen Link aufrufen, sehen Sie unsere auf AWS S3 gehostete HTML-Seite:
Beachte, dass dies nicht die beste Methode ist, um eine Website zu hosten; dafür gibt es spezialisierte Dienste wie Amazon EC2.
Auf S3 können wir kleine statische Websites hosten, aber für größere Anwendungen reicht das möglicherweise nicht aus.
Das Hosting auf S3 ist ziemlich unkompliziert, und du weißt jetzt, wie du dort deine Medien hochladen und speichern kannst.
Danke für Ihr Feedback!
Fragen Sie AI
Fragen Sie AI
Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen
