Kontakta oss

info@serverion.com

Hur man distribuerar en statisk webbplats till AWS EC2 med en anpassad domän

Hur man distribuerar en statisk webbplats till AWS EC2 med en anpassad domän

För många utvecklare, företagare och IT-team är det viktigt att vara värd för en statisk webbplats. AWS EC2 med en anpassad domän erbjuder oöverträffad flexibilitet, skalbarhet och prestanda. Att konfigurera arkitekturen, nätverkskonfigurationerna och domänroutningen kan dock kännas skrämmande utan en tydlig färdplan. I den här artikeln tar vi dig igenom en detaljerad steg-för-steg-guide för att distribuera en statisk webbplats på AWS EC2, konfigurera ett virtuellt privat moln (VPC) och länka det till en anpassad domän som köpts från GoDaddy.

Oavsett om du är en erfaren utvecklare eller en företagare som vill förstå backend-delen av din hostinginfrastruktur, kommer den här omfattande guiden att hjälpa dig att navigera processen utan problem.

Introduktion: Varför välja AWS EC2 för statiska webbplatser?

AWS EC2 (Elastic Compute Cloud) är ett populärt val för att hosta statiska webbplatser tack vare dess skalbarhet, tillförlitlighet och omfattande anpassningsmöjligheter. Genom att driftsätta på AWS EC2 får du tillgång till avancerade funktioner som:

  • Hög drifttid och prestanda.
  • Anpassningsbara beräkningsinstanser för att matcha din webbplats trafikbehov.
  • Integration med tjänster som AWS-rutt 53 för sömlös domänhantering.

I den här guiden går vi igenom:

  1. Konfigurera AWS-arkitekturen.
  2. Implementera en statisk webbplats.
  3. Konfigurera en anpassad domän med GoDaddy och AWS Route 53.

Steg-för-steg-guide för att distribuera en statisk webbplats på AWS EC2

1. Konfigurera nätverksarkitekturen

Grunden för att distribuera en statisk webbplats på AWS börjar med att konfigurera nätverkskomponenterna i din infrastruktur. Följ dessa steg:

Steg 1.1: Skapa ett virtuellt privat moln (VPC)

  1. Logga in på din AWS-hanteringskonsol och navigera till VPC-instrumentpanel.
  2. Skapa en ny VPC med ett unikt namn (t.ex. minVPC) och ett IPv4 CIDR-block (t.ex. 10.0.0.0/21).
  3. Bekräfta att VPC:n har skapats.

Steg 1.2: Konfigurera ett offentligt delnät

  1. Skapa en i din VPC offentligt delnät med ett mindre CIDR-block (t.ex. 10.0.0.0/24).
  2. Tilldela delnätet till en tillgänglighetszon (t.ex. us-east-1a).

Steg 1.3: Anslut en internetgateway

  1. Skapa och namnge en Internetgateway (IGW) (till exempel, minIGW).
  2. Anslut gatewayen till din VPC.

Steg 1.4: Skapa en routningstabell

  1. Skapa en routtabell för din VPC och associera den med det publika subnätet.
  2. Lägg till en regel i routingtabellen för att dirigera all trafik (0.0.0.0/0) till internetgatewayen.

Genom att slutföra dessa steg har du etablerat din AWS-nätverksgrund och säkerställt att dina resurser kan kommunicera med internet.

2. Starta och konfigurera en Amazon EC2-instans

När din nätverkskonfiguration är på plats är nästa steg att starta EC2-instansen och förbereda den för att vara värd för din webbplats.

Steg 2.1: Starta EC2-instansen

  1. Gå till EC2-instrumentpanelen och klicka Starta instans.
  2. Konfigurera följande:
    • Instansnamn: statisk-webbplats-instans.
    • Operativsystem: Ubuntu (välj standardbilden för Amazon-maskiner).
    • Instanstyp: Välj ett lättviktsalternativ som t2.micro.
    • Nätverk: Anslut den till din VPC och ditt publika subnät (skapades tidigare). Aktivera automatiskt tilldela offentlig IP alternativ.
    • Säkerhetsgrupper: Definiera inkommande regler för:
      • SSH (port 22) för att tillåta fjärråtkomst.
      • HTTP (port 80) för att betjäna webbtrafik.
  3. Generera och ladda ner ett nyckelpar för SSH-åtkomst.

Steg 2.2: Installera Apache webbserver

  1. SSH till instansen via din terminal eller AWS Cloud Shell.
  2. Uppdatera instansen:
    sudo apt uppdatering -y 
  3. Installera Apache webbservern:
    sudo apt installera apache2 -y 
  4. Starta och aktivera webbservern:
    sudo systemctl starta apache2 sudo systemctl aktivera apache2 

Du kan nu verifiera att Apache är igång genom att komma åt den offentliga IP-adressen för EC2-instansen i din webbläsare (t.ex. http://Standardvälkomstsidan för Apache bör visas.

3. Distribuera de statiska webbplatsfilerna

När Apache-servern är konfigurerad är du redo att ladda upp dina statiska webbplatsfiler.

  1. Klona din statiska webbplats arkiv (t.ex. från GitHub):
    git-klon 
  2. Navigera till Apache-rotkatalogen:
    cd /var/www/html 
  3. Ta bort standardinställningen index.html file:
    sudo rm index.html 
  4. Flytta dina klonade webbplatsfiler till katalogen:
    sudo mv /sökväg-till-klonad-repo/* /var/www/html 
  5. Uppdatera den offentliga IP-adressen i din webbläsare. Din statiska webbplats borde nu vara aktiv!

4. Konfigurera en anpassad domän med AWS Route 53

Att lägga till en anpassad domän ger professionalism och trovärdighet. Det här avsnittet visar hur du länkar din GoDaddy-domän till AWS Route 53.

Steg 4.1: Skapa en värdbaserad zon

  1. I AWS Route 53-instrumentpanel, skapa en ny offentlig värdzon för din domän (t.ex. exempel.com).
  2. AWS kommer att generera en uppsättning av fyra namnservrar (NS).

Steg 4.2: Uppdatera namnservrar i GoDaddy

  1. Logga in på din GoDaddy-konto och navigera till DNS-inställningarna för din domän.
  2. Ersätt GoDaddys standardnamnservrar med AWS Route 53-namnservrarna.
  3. Spara ändringarna (DNS-spridning kan ta 5–30 minuter eller längre).

Steg 4.3: Konfigurera en A-post

  1. I den värdbaserade zonen för Route 53, skapa en Ett rekord.
  2. Peka posten till din EC2-instans offentliga IP-adress.

När DNS-spridningen är klar kommer du att kunna komma åt din webbplats med din domän (t.ex. http://example.com).

Viktiga takeaways

  • Installation av AWS-arkitekturGenom att konfigurera en VPC, ett subnät, en internetgateway och en routningstabell säkerställer du att din infrastruktur kan hantera trafik säkert och effektivt.
  • Apache för statiska webbplatserAtt driftsätta en statisk webbplats är sömlöst med Apache, en lätt och pålitlig webbserver.
  • Anpassade domäner med Route 53Genom att uppdatera namnservrar och skapa DNS-poster kan du länka en GoDaddy-köpt domän till din AWS-hostade webbplats.
  • Skalbarhet och prestandaAWS EC2 erbjuder en skalbar lösning som kan skräddarsys för att matcha din webbplats behov.

Slutsats

Att driftsätta en statisk webbplats på AWS EC2 med en anpassad domän kan verka komplicerat till en början, men att dela upp det i hanterbara steg förenklar processen avsevärt. Genom att följa den här guiden har du byggt en robust webbhotellsmiljö som är mycket anpassningsbar och skalbar, perfekt för webbplatser med hög trafik eller verksamhetskritiska applikationer.

Även om den här handledningen täcker grunderna i driftsättning finns det utrymme för ytterligare optimering, som att lägga till SSL/TLS-kryptering via AWS Certificate Manager för att säkra din webbplats. Allt eftersom dina hostingbehov utvecklas tillhandahåller AWS verktygen och flexibiliteten för att anpassa din infrastruktur därefter.

Källa: "Distribuera en statisk webbplats på AWS EC2 med anpassad domän (GoDaddy + Route 53)" – vijay giduthuri, YouTube, 30 augusti 2025 – https://www.youtube.com/watch?v=OXenklJPvpE

Användning: Inbäddad som referens. Korta citat används för kommentarer/granskning.

Relaterade blogginlägg

sv_SE