So stellen Sie mit Fast.io eine statische Website in nur 3 Minuten direkt von Ihrem Google Drive aus kostenlos bereit

In diesem Artikel werde ich Ihnen zeigen, wie Sie eine statische Website mithilfe eines Cloud-Speicherdienstes wie Google Drive oder Dropbox in nur 3 Minuten kostenlos bereitstellen.

Und nein - fast.io hat mich oder freeCodeCamp nicht bezahlt, um diesen Artikel zu erstellen. Wir haben keine Beziehung zu ihnen. Ich schreibe nur darüber, weil ich fand, dass ihr Tool wirklich aufregend und nützlich ist, um schnell und kostenlos statische Websites zu hosten.

Was ist Fast.io?

Fast.io ist eine von Mediafire entwickelte Lösung, um die Funktionsweise des Webs zu vereinfachen. Mit wenigen Worten, ihr Ziel ist es, Ihnen das Leben zu erleichtern, indem Sie das Web zugänglicher und verwaltbarer machen.

Es wurde Ende 2019 veröffentlicht, daher teile ich es jetzt mit Ihnen.

Wie es funktioniert

Wenn Sie Fast.io verwenden, können Sie mit wenigen Klicks eine Verbindung zu Ihrer Cloud (Google Drive, DropBox usw.) herstellen, einen Website-Namen auswählen und Ihre Inhalte bereitstellen.

Wenn Ihre Inhalte fertig sind, sind nur 3 Minuten erforderlich, um Ihre Inhalte online zu stellen und für alle zugänglich zu machen.

Sobald Ihre Website online ist, können Sie sie konfigurieren, einen benutzerdefinierten Domainnamen hinzufügen und eine Verbindung zu Google Analytics herstellen, damit Sie wissen, wie viele Personen Sie erreichen.

Ich habe dies noch nicht erwähnt, aber der Dienst aktualisiert Ihre Website automatisch, sobald Sie die Quelldateien ändern. Wenn Sie beispielsweise Google Drive zum Freigeben Ihrer Inhalte verwenden und diese auf Ihrer HTML-Seite ändern, wird diese aktualisiert.

Verfügbare Speicheranbieter

Hier ist eine Liste der verfügbaren Speicheranbieter, wenn ich meine Website heute veröffentlichen würde:

  • GitHub
  • Dropbox
  • Google Drive
  • Box
  • Mediafire
  • Eine Fahrt

Wie Sie sich vorstellen können, wird diese Liste mit dem Hinzufügen neuer Dienste erweitert. Aber auch jetzt haben Sie viele Möglichkeiten, Ihre statische Website zu hosten.

Wettbewerber

Es gibt bereits verschiedene Unternehmen, mit denen Sie schnell eine statische Website online stellen können. Die bekanntesten Lösungen sind GitHub Pages, Heroku und Netlify.

Ich sage nicht unbedingt, dass Fast.io das beste ist, aber ich mag, wie einfach es ist, eine einfache Website bereitzustellen.

Kurzer Hinweis: Wenn Sie etwas Komplexeres bereitstellen möchten - beispielsweise eine Python Flask-Website -, können Sie dies mit Fast.io nicht tun. In diesem Fall empfehle ich die Verwendung von Heroku.

Wie ich dir sagte, werde ich dir gegenüber transparent sein. Fast.io ist ein ausgezeichneter Service für bestimmte Aufgaben.

Was ist eine statische Website?

Bevor ich Ihnen zeige, wie Sie Ihre Website bereitstellen, müssen Sie zunächst definieren, was eine statische Website ist und welche Unterschiede zu einer dynamischen Website bestehen.

Eine statische Website enthält Webseiten mit festem Inhalt. Der Inhalt Ihrer Seite ist in HTML und alle Benutzer sehen dasselbe.

Sie können diese Art von Website beispielsweise verwenden, wenn Sie eine Zielseite für Ihre Website erstellen möchten (eine Basisseite mit Informationen zu Ihrem Produkt).

Der Hauptunterschied zwischen dieser und einer dynamischen Website ist natürlich… der dynamische Teil!

Eine dynamische Website verwendet eine Servertechnologie, um die Seite zu erstellen, wenn ein Benutzer die Website anfordert.

Sie können diese Art von Website beispielsweise für Ihr Blog verwenden. Jedes Mal, wenn Sie Ihrer Datenbank einen neuen Artikel hinzufügen, wird dieser auf der Website angezeigt.

Es ist Zeit, Ihre Website bereitzustellen

Sind Sie bereit, Ihre Seite mit allen zu teilen? Machen wir das!

In diesem Teil zeige ich Ihnen, wie Sie Ihre Website mit wenigen Klicks online stellen können. Ich werde eine einfache HTML-Seite verwenden, aber sobald Sie verstanden haben, wie Fast.io funktioniert, können Sie alles ändern.

1) Erstellen Sie eine index.html-Datei

Sie müssen eine index.html-Datei mit Ihrem HTML-Code erstellen. Ich empfehle Ihnen, mit etwas Einfachem zu beginnen, da Sie es später jederzeit aktualisieren können.

Speichern Sie die Datei auf Ihrem Computer.

   My Static Website   

My Static Website

Hello, I'm online, and everyone can see me!

2) Öffnen Sie die Fast.io-Homepage

Alles was Sie tun müssen, um mit Fast.io zu beginnen, ist die Website zu öffnen. Sobald Sie das getan haben, klicken Sie auf "Jetzt anmelden - es ist kostenlos!" .

3) Konfigurieren Sie Google Drive

Diese Seite wird nach Schritt 2 angezeigt und ermöglicht Ihnen die Auswahl eines Speicheranbieters. Wählen Sie "Google Drive" .

Wenn Sie eine Website mit einem anderen Anbieter erstellen möchten, können Sie dies später tun, indem Sie sie über Ihre Kontoseite hinzufügen.

Fast.io benötigt Zugriff auf Ihr Google Drive-Konto, um funktionieren zu können. Sie erstellen einen "Fast.io" -Ordner, der Ihre Website (s) enthält. Klicken Sie auf "Google Drive jetzt verbinden" .

Sie müssen Ihr Google-Konto auswählen , um es mit Fast.io zu verknüpfen.

Sie müssen Fast.io erlauben, auf Ihr Google-Konto zuzugreifen , um es korrekt zu verknüpfen.

Ihr Konto ist jetzt fertig. Wählen Sie einfach ein Passwort und klicken Sie auf "Konto erstellen" .

Wenn Ihr Konto fertig ist, wird ein "Willkommen bei Fast!" Seite wird angezeigt. Klicken Sie auf "Fangen wir an!" .

4) Erstellen Sie Ihre Website

Sie können Ihre Website erstellen und mit allen teilen! Klicken Sie auf "Neue Site hinzufügen" .

Wählen Sie den Namen Ihrer Website und geben Sie ihn in das Eingabefeld ein. Wenn Sie fertig sind, klicken Sie auf "Weiter" .

Mit Fast.io können Sie drei Website-Typen erstellen: eine Filesharing-Website, eine Webseite oder eine Dateibrowser-Website.

In unserem Fall wählen wir "Webseiten" aus, weil wir eine HTML-Webseite hosten möchten.

Wenn Sie später eine Website zum Freigeben einiger Dokumente erstellen möchten, müssen Sie zu Ihrem Dashboard zurückkehren, ein neues erstellen und Datei-Downloads auswählen.

Sobald Sie auf "Webseiten" geklickt haben, müssen Sie Ihren Speicheranbieter auswählen. Klicken Sie auf "Google Drive" .

Wählen Sie Ihre Website-URL und geben Sie sie in das Eingabefeld ein. Wenn Sie fertig sind, klicken Sie auf "Site erstellen" .

Du hast es geschafft! Ihre Website ist online und unter der von Ihnen gewählten URL verfügbar. In meinem Fall finden Sie meine Website auf mygoogledrivewebsite.imfast.io

5) Laden Sie Ihre index.html hoch

Wenn Sie Ihre Website öffnen, stellen Sie möglicherweise einen Fehler fest, weil Sie Ihre index.html-Datei nicht auf Ihr Google Drive hochgeladen haben.

Hier sind zwei Möglichkeiten, dies zu tun:

  • Öffnen Sie Ihr Google Drive und suchen Sie nach dem Ordner "Fast.io" und dann nach dem Ordner Ihrer Website (in meinem Fall "mygoogledrivewebsite.imfast.io").
  • Klicken Sie auf der Erfolgsseite von Schritt 4 auf "Google Drive anzeigen" .

Sobald Sie getan haben , dass Rechtsklick mit der Maus und wählen Sie „Hochladen von Dateien“ . Ein neues Fenster wird geöffnet. Suchen Sie Ihre "index.html" -Datei - wählen Sie sie aus .

Warten Sie ein wenig, bis die Änderung auf Ihrer Website angezeigt wird.

6) Feiern!

Verbreiten Sie das Wort an alle Ihre Freunde! Ihre Website ist live und jeder kann sie sehen!

? Teilen Sie es auf Twitter, indem Sie hier klicken! ?

7) Bonus

Wenn Sie neugierig sind und alles konfigurieren möchten, können Sie zu Ihrem Dashboard zurückkehren und auf Ihre Website klicken.

Sie können Ihre Website mit Google Analytics (Besucherstatistik) verknüpfen, Ihren Domain-Namen ändern (z. B. mywebsite.com) und vieles mehr!

Fazit

Was halten Sie von diesem neuen Service? Fanden Sie es schnell und einfach?

Fühlen Sie sich frei, diesen Artikel zu teilen, wenn es Ihnen gefallen hat.

Verpassen Sie nicht meinen Inhalt, indem Sie mir auf Twitter und Instagram folgen.

Weitere Artikel wie diesen finden Sie auf meiner Website: herewecode.io.

Mehr wollen?

  • Jede Woche erhalten Sie ein Motivationszitat mit einigen Ratschlägen, ein kurzes Tutorial zu einigen Folien und ein Entwicklerbild auf Instagram.
  • Melden Sie sich für den Newsletter an und erhalten Sie die neuesten Artikel, Kurse, Tutorials, Tipps, Bücher, Motivation und andere exklusive Inhalte.