Hvordan distribuere et statisk nettsted gratis på bare 3 minutter rett fra Google Drive, ved hjelp av Fast.io

I denne artikkelen vil jeg vise deg hvordan du distribuerer et statisk nettsted gratis på bare 3 minutter, ved hjelp av en skylagringstjeneste som Google Drive eller Dropbox.

Og nei - fast.io betalte meg ikke eller freeCodeCamp for å lage denne artikkelen. Vi har ikke noe forhold til dem. Jeg skriver bare om dette fordi jeg syntes verktøyet deres var veldig spennende og nyttig for raskt å være vert for statiske nettsteder gratis.

Hva er Fast.io?

Fast.io er en løsning opprettet av Mediafire for å forenkle hvordan nettet fungerer. Med noen få ord er deres mål å gjøre livet ditt lettere ved å gjøre nettet mer tilgjengelig og håndterbart.

Den ble lansert på slutten av 2019, så jeg deler den med deg nå.

Hvordan det fungerer

Når du bruker Fast.io, vil du kunne koble til skyen din (Google Drive, DropBox, etc.), velge et nettstednavn og distribuere innholdet ditt med noen få klikk.

Hvis innholdet ditt er klart, kreves det bare 3 minutter for å sette innholdet på nettet og gjøre det tilgjengelig for alle.

Når nettstedet ditt er online, kan du konfigurere det, legge til et tilpasset domenenavn og koble til Google Analytics slik at du vet hvor mange personer du når.

Jeg har ikke nevnt dette ennå, men tjenesten oppdaterer nettstedet ditt automatisk når du har endret kildefilene. Hvis du for eksempel bruker Google Disk til å dele innholdet ditt, vil det bli oppdatert når du endrer noe på HTML-siden.

Tilgjengelige lagringsleverandører

Her er en liste over tilgjengelige lagringsleverandører hvis jeg skulle publisere nettstedet mitt i dag:

  • GitHub
  • Dropbox
  • Google Disk
  • Eske
  • Mediafire
  • OneDrive

Som du kan forestille deg, vil denne listen vokse etter hvert som nye tjenester legges til. Men selv nå har du mange muligheter for å være vert for det statiske nettstedet.

Konkurrenter

Det er allerede en rekke forskjellige selskaper som lar deg raskt få et statisk nettsted på nettet. De mest kjente løsningene er GitHub Pages, Heroku og Netlify.

Jeg sier ikke nødvendigvis at Fast.io er den beste, men jeg liker hvor enkelt det er å distribuere et grunnleggende nettsted.

Rask merknad: Hvis du vil distribuere noe mer komplekst - som et Python Flask-nettsted - kan du ikke gjøre det med Fast.io. I dette tilfellet anbefaler jeg sterkt å bruke Heroku.

Som jeg sa deg, skal jeg være gjennomsiktig med deg. Fast.io en utmerket service for visse oppgaver.

Hva er et statisk nettsted?

Før jeg viser deg hvordan du distribuerer nettstedet ditt, tror jeg det er viktig å definere hva et statisk nettsted er og hva forskjellene er fra et dynamisk nettsted.

Et statisk nettsted inneholder websider med fast innhold. Innholdet på siden din er i HTML, og alle brukere ser det samme.

For eksempel kan du bruke denne typen nettsteder når du vil gjøre en destinasjonsside for nettstedet ditt (en grunnleggende side med informasjon om produktet ditt).

Hovedforskjellen mellom det og et dynamisk nettsted er selvfølgelig ... den dynamiske delen!

Et dynamisk nettsted bruker en serverteknologi for å bygge siden når en bruker ber om nettstedet.

For eksempel kan du bruke denne typen nettsteder til bloggen din. Hver gang du legger til en ny artikkel i databasen din, vil nettstedet vise den.

Det er på tide å distribuere nettstedet ditt

Er du klar til å dele siden din med alle? La oss gjøre det!

I denne delen vil jeg vise deg hvordan du setter nettstedet ditt på nettet med noen få klikk. Jeg skal bruke en grunnleggende HTML-side, men når du først har forstått hvordan Fast.io fungerer, er du fri til å endre alt.

1) Opprett en index.html-fil

Du må opprette en index.html-fil med HTML-koden inne. Jeg anbefaler at du begynner med noe enkelt fordi du alltid kan oppdatere det senere.

Lagre filen på datamaskinen.

   My Static Website   

My Static Website

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

2) Åpne Fast.io-hjemmesiden

Alt du trenger å gjøre for å starte med Fast.io er å åpne nettstedet. Når du har gjort det, klikker du på "Registrer deg nå - det er gratis!" .

3) Konfigurer Google Disk

Denne siden vises etter trinn 2 og lar deg velge en lagringsleverandør. Velg "Google Disk" .

Hvis du vil opprette et nettsted med en annen leverandør, kan du gjøre det senere ved å legge det til via kontosiden.

Fast.io trenger tilgang til Google Drive-kontoen din for å fungere. De vil opprette en "Fast.io" -mappe som inneholder nettstedet (e) dine. Klikk på "Koble til Google Drive nå" .

Du må velge Google-kontoen din for å koble den til Fast.io.

Du må gi Fast.io tilgang til Google-kontoen din for å koble den riktig.

Kontoen din er nå klar, så bare velg et passord og klikk deretter på "Opprett konto" .

Når kontoen din er klar, et "Velkommen til raskt!" siden vises. Klikk på "La oss begynne!" .

4) Lag ditt nettsted

Du er klar til å opprette nettstedet ditt og dele det med alle! Klikk på "Legg til nytt nettsted" .

Velg navnet på nettstedet ditt og skriv det i inndataboksen. Når du er ferdig, klikker du på "Neste" .

Fast.io lar deg opprette tre nettstedstyper: et fildelingsnettsted, en webside eller et nettleser for filer.

I vårt tilfelle vil vi velge "Websider" fordi vi ønsker å være vert for en HTML-webside.

Hvis du senere vil opprette et nettsted for å dele noen dokumenter, må du gå tilbake til dashbordet, opprette et nytt og velge Filnedlastinger.

Når du har klikket på "Websider", må du velge lagringsleverandør. Klikk på "Google Drive" .

Velg nettadressen til nettstedet ditt og skriv det i inndataboksen. Når du er ferdig, klikker du på "Opprett nettsted" .

Du gjorde det! Nettstedet ditt er online og tilgjengelig på nettadressen du valgte. I mitt tilfelle kan du finne siden min på mygoogledrivewebsite.imfast.io

5) Last opp index.html

Hvis du åpner nettstedet ditt, kan det hende du oppdager en feil fordi du ikke lastet opp index.html-filen din på Google Disk.

Her er to måter å gjøre det på:

  • Åpne Google Drive og søk etter Fast.io-mappen , deretter mappen til nettstedet ditt (i mitt tilfelle "mygoogledrivewebsite.imfast.io").
  • Klikk på "Se Google Drive" på trinn 4 suksess .

Når du har gjort det, høyreklikker du med musen og velger "Last opp filer" . Et nytt vindu åpnes, finn filen "index.html" - velg den .

Vent litt før endringen vises på nettstedet ditt.

6) Feir!

Spre ordet til alle vennene dine! Nettstedet ditt er live, og alle kan se det!

? Del den på Twitter ved å klikke her! ?

7) Bonus

Hvis du er nysgjerrig og vil konfigurere alt, kan du gå tilbake til dashbordet og klikke på nettstedet ditt.

Du vil være i stand til å koble nettstedet ditt til Google Analytics (besøkende statistikk), endre domenenavnet ditt (for eksempel mywebsite.com), og mye mer!

Konklusjon

Hva synes du om denne nye tjenesten? Fant du det raskt og enkelt?

Del gjerne denne artikkelen hvis du likte den.

Ikke gå glipp av innholdet mitt ved å følge meg på Twitter og Instagram.

Du kan finne andre artikler som dette på nettstedet mitt: herewecode.io.

Ønsker mer?

  • Hver uke får du et motiverende tilbud med noen råd, en kort opplæring i noen lysbilder og et utviklerbilde på Instagram.
  • Registrer deg for nyhetsbrevet og få de nyeste artiklene, kursene, veiledningene, tipsene, bøkene, motivasjonen og annet eksklusivt innhold.