Sådan distribueres et statisk websted gratis på kun 3 minutter direkte fra dit Google Drive ved hjælp af Fast.io

I denne artikel viser jeg dig, hvordan du distribuerer et statisk websted gratis på kun 3 minutter ved hjælp af en skyopbevaringstjeneste som Google Drive eller Dropbox.

Og nej - fast.io betalte ikke mig eller freeCodeCamp for at oprette denne artikel. Vi har ikke noget forhold til dem. Jeg skriver bare om dette, fordi jeg fandt deres værktøj virkelig spændende og nyttigt til hurtigt at være vært for statiske websteder gratis.

Hvad er Fast.io?

Fast.io er en løsning oprettet af Mediafire for at forenkle, hvordan internettet fungerer. Med få ord er deres mål at gøre dit liv lettere ved at gøre Internettet mere tilgængeligt og håndterbart.

Det blev lanceret i slutningen af ​​2019, så jeg deler det med dig nu.

Hvordan det virker

Når du bruger Fast.io, kan du oprette forbindelse til din sky (Google Drive, DropBox osv.), Vælge et webstedsnavn og implementere dit indhold alt sammen med et par klik.

Hvis dit indhold er klar, kræves der kun 3 minutter til at sætte dit indhold online og gøre det tilgængeligt for alle.

Når dit websted er online, kan du konfigurere det, tilføje et brugerdefineret domænenavn og oprette forbindelse til Google Analytics, så du ved, hvor mange mennesker du når ud til.

Jeg har ikke nævnt dette endnu, men tjenesten opdaterer automatisk dit websted, når du har ændret kildefilerne. For eksempel, hvis du bruger Google Drev til at dele dit indhold, når du ændrer noget på din HTML-side, opdateres det.

Tilgængelige lagerudbydere

Her er en liste over tilgængelige lagerudbydere, hvis jeg skulle offentliggøre mit websted i dag:

  • GitHub
  • Dropbox
  • Google Drev
  • Boks
  • Mediafire
  • OneDrive

Som du kan forestille dig, vil denne liste vokse, når nye tjenester tilføjes. Men selv nu har du mange muligheder for at være vært for dit statiske websted.

Konkurrenter

Der er allerede en række forskellige virksomheder, der giver dig mulighed for hurtigt at få et statisk websted online. De mest berømte løsninger er GitHub Pages, Heroku og Netlify.

Jeg siger ikke nødvendigvis, at Fast.io er den bedste, men jeg kan godt lide, hvor simpelt det er at implementere et grundlæggende websted.

Hurtig note: Hvis du vil implementere noget mere komplekst - som et Python Flask-websted - kan du ikke gøre det med Fast.io. I dette tilfælde anbefaler jeg stærkt at bruge Heroku.

Som jeg fortalte dig, vil jeg være gennemsigtig med dig. Fast.io en fremragende service til visse opgaver.

Hvad er et statisk websted?

Før jeg viser dig, hvordan du implementerer dit websted, synes jeg det er vigtigt at definere, hvad et statisk websted er, og hvad forskellene er fra et dynamisk sted.

Et statisk websted indeholder websider med fast indhold. Indholdet på din side er i HTML, og alle brugere ser det samme.

For eksempel kan du bruge denne type websted, når du vil lave en destinationsside for dit websted (en grundlæggende side med oplysninger om dit produkt).

Den største forskel mellem det og et dynamisk websted er selvfølgelig ... den dynamiske del!

Et dynamisk websted bruger en serverteknologi til at oprette siden, når en bruger anmoder om webstedet.

For eksempel kan du bruge denne type websted til din blog. Hver gang du tilføjer en ny artikel til din database, viser hjemmesiden den.

Det er tid til at implementere dit websted

Er du klar til at dele din side med alle? Lad os gøre det!

I denne del vil jeg vise dig, hvordan du sætter dit websted online med et par klik. Jeg skal bruge en grundlæggende HTML-side, men når du først har forstået, hvordan Fast.io fungerer, er du fri til at ændre alt.

1) Opret en index.html-fil

Du skal oprette en index.html-fil med din HTML-kode indeni. Jeg anbefaler dig at starte med noget simpelt, fordi du altid kan opdatere det senere.

Gem filen på din computer.

   My Static Website   

My Static Website

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

2) Åbn hjemmesiden Fast.io

Alt hvad du skal gøre for at starte med Fast.io er at åbne hjemmesiden. Når du har gjort det, skal du klikke på "Tilmeld dig nu - det er gratis!" .

3) Konfigurer Google Drive

Denne side vises efter trin 2 og giver dig mulighed for at vælge en lagerudbyder. Vælg "Google Drev" .

Hvis du vil oprette et websted med en anden udbyder, kan du gøre det senere ved at tilføje det via din kontoside.

Fast.io har brug for adgang til din Google Drive-konto for at arbejde. De opretter en "Fast.io" -mappe, der indeholder dit websted (er). Klik på "Opret forbindelse til Google Drive nu" .

Du skal vælge din Google-konto for at linke den til Fast.io.

Du skal give Fast.io adgang til din Google-konto for at linke den korrekt.

Din konto er nu klar, så vælg bare en adgangskode, og klik derefter på "Opret konto" .

Når din konto er klar, en "Velkommen til hurtig!" siden vises. Klik på "Lad os begynde!" .

4) Opret dit websted

Du er klar til at oprette dit websted og dele det med alle! Klik på "Tilføj nyt sted" .

Vælg dit webstedsnavn, og skriv det i indtastningsfeltet. Når du er færdig, skal du klikke på "Næste" .

Fast.io giver dig mulighed for at oprette tre webstedstyper: et fildelingswebsite, en webside eller et websted med filbrowser.

I vores tilfælde vælger vi "Websider", fordi vi vil være vært for en HTML-webside.

Hvis du senere vil oprette et websted for at dele nogle dokumenter, skal du gå tilbage til dit dashboard, oprette et nyt og vælge File Downloads.

Når du har klikket på "Websider", skal du vælge din lagerudbyder. Klik på "Google Drive" .

Vælg din websteds-URL, og skriv den i indtastningsfeltet. Når du er færdig, skal du klikke på "Opret websted" .

Du gjorde det! Dit websted er online og tilgængeligt på den valgte URL. I mit tilfælde kan du finde mit websted på mygoogledrivewebsite.imfast.io

5) Upload dit index.html

Hvis du åbner dit websted, bemærker du muligvis en fejl, fordi du ikke uploader din index.html-fil på dit Google Drev.

Her er to måder at gøre det på:

  • Åbn dit Google Drev, og søg efter mappen Fast.io og derefter mappen på dit websted (i mit tilfælde "mygoogledrivewebsite.imfast.io").
  • Klik på "Se dit Google Drive" på trin 4 succes side .

Når du har gjort det, skal du højreklikke med musen og vælge "Upload filer" . Et nyt vindue åbnes, find din "index.html" fil - vælg den .

Vent lidt, før ændringen vises på dit websted.

6) Fejr!

Spred ordet til alle dine venner! Dit websted er live, og alle kan se det!

? Del det på Twitter ved at klikke her! ?

7) Bonus

Hvis du er nysgerrig og vil konfigurere alt, kan du gå tilbage til dit dashboard og klikke på dit websted.

Du vil være i stand til at linke dit websted til Google Analytics (besøgende statistik), ændre dit domænenavn (for eksempel mywebsite.com) og meget mere!

Konklusion

Hvad synes du om denne nye tjeneste? Fandt du det hurtigt og nemt?

Del gerne denne artikel, hvis du kunne lide det.

Gå ikke glip af mit indhold ved at følge mig på Twitter og Instagram.

Du kan finde andre artikler som denne på min hjemmeside: herewecode.io.

Ønsker mere?

  • Hver uge får du et motiverende tilbud med nogle råd, en kort tutorial til et par dias og en udviklerbillede på Instagram.
  • Tilmeld dig nyhedsbrevet, og få de nyeste artikler, kurser, tutorials, tips, bøger, motivation og andet eksklusivt indhold.