Hosta en HTML-sida på S3
Svep för att visa menyn
Eftersom vi har varit värd för olika element som skript och stilmallar i vår offentliga S3-bucket, kanske du har funderat på att vara värd för en hel HTML-sida eller en statisk webbplats i S3-bucket. Lär dig hur du gör detta i en offentlig S3-bucket, tillgänglig via en länk.
Hosting av en HTML-sida på AWS S3
För att börja rekommenderas att skapa en separat mapp i bucketen där vi lagrar alla resurser relaterade till denna webbsida för enklare hantering och utveckling:
Nu, som vanligt, behöver vi ladda upp HTML-filen till vår publika bucket.
Den HTML-fil vi ska ladda upp ser ut så här:
index.html
Molnteknologier används för att importera Bootstrap samt för bilden, som fungerar som vår avatar i portföljen.
Nu laddar vi upp den till S3-bucketen:
Nu behöver vi bara följa länken till denna bucket, och vi har vår HTML-sida, som fungerar som vår portfolio, direkt framför oss.
Det mest intressanta är att denna sida finns i molnet, och vi kommer alltid att ha tillgång till den.
Statisk webbsida
Det finns ett annat sätt att vara värd för en webbsida på S3, och denna metod är mer specialiserad för webbsidor. Låt oss titta på hur man gör det.
Först behöver vi skapa en ny bucket och ladda upp HTML-filen som kommer att vara huvudsidan för vår statiska webbplats.
För att göra detta, skapa en ny bucket och ladda upp HTML-filen med portföljen:
Det är en god praxis att skapa en separat mapp och ladda upp CSS-stilar, JavaScript-skript, olika media och annat material relaterat till din statiska webbplats där.
Därefter går vi till "Properties-fliken" och bläddrar längst ner på sidan. Vi letar efter avsnittet som heter "Static website hosting", som visas i skärmdumpen nedan:
Vi öppnar denna sektion och väljer "Aktivera" på raden "Statisk webbhotell".
Därefter behöver vi ange indexdokumentet, vilket i vårt fall är portfolio.html. Om du har en felsida kan du ange den också.
Sedan är det bara att spara sidan.
Tänk på att för att sidan ska vara tillgänglig för användare och för dig på internet, måste du konfigurera dess åtkomst precis som vi gjorde med vår tidigare bucket.
Nästa steg är att spara ändringarna, och Amazon kommer att ge oss en länk till vår statiska webbplats, som du hittar längst ner:
Nu, när du besöker denna länk, kommer du att kunna se vår HTML-sida som är hostad på AWS S3:
Tänk på att detta inte är det bästa sättet att hosta en webbplats; det finns specialiserade tjänster för det, såsom Amazon EC2.
På S3 kan vi hosta små statiska webbplatser, men det kan vara otillräckligt för större applikationer.
Att hosta på S3 är ganska enkelt, och nu vet du hur du laddar upp och lagrar ditt media där.
Tack för dina kommentarer!
Fråga AI
Fråga AI
Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal
Hosta en HTML-sida på S3
Eftersom vi har varit värd för olika element som skript och stilmallar i vår offentliga S3-bucket, kanske du har funderat på att vara värd för en hel HTML-sida eller en statisk webbplats i S3-bucket. Lär dig hur du gör detta i en offentlig S3-bucket, tillgänglig via en länk.
Hosting av en HTML-sida på AWS S3
För att börja rekommenderas att skapa en separat mapp i bucketen där vi lagrar alla resurser relaterade till denna webbsida för enklare hantering och utveckling:
Nu, som vanligt, behöver vi ladda upp HTML-filen till vår publika bucket.
Den HTML-fil vi ska ladda upp ser ut så här:
index.html
Molnteknologier används för att importera Bootstrap samt för bilden, som fungerar som vår avatar i portföljen.
Nu laddar vi upp den till S3-bucketen:
Nu behöver vi bara följa länken till denna bucket, och vi har vår HTML-sida, som fungerar som vår portfolio, direkt framför oss.
Det mest intressanta är att denna sida finns i molnet, och vi kommer alltid att ha tillgång till den.
Statisk webbsida
Det finns ett annat sätt att vara värd för en webbsida på S3, och denna metod är mer specialiserad för webbsidor. Låt oss titta på hur man gör det.
Först behöver vi skapa en ny bucket och ladda upp HTML-filen som kommer att vara huvudsidan för vår statiska webbplats.
För att göra detta, skapa en ny bucket och ladda upp HTML-filen med portföljen:
Det är en god praxis att skapa en separat mapp och ladda upp CSS-stilar, JavaScript-skript, olika media och annat material relaterat till din statiska webbplats där.
Därefter går vi till "Properties-fliken" och bläddrar längst ner på sidan. Vi letar efter avsnittet som heter "Static website hosting", som visas i skärmdumpen nedan:
Vi öppnar denna sektion och väljer "Aktivera" på raden "Statisk webbhotell".
Därefter behöver vi ange indexdokumentet, vilket i vårt fall är portfolio.html. Om du har en felsida kan du ange den också.
Sedan är det bara att spara sidan.
Tänk på att för att sidan ska vara tillgänglig för användare och för dig på internet, måste du konfigurera dess åtkomst precis som vi gjorde med vår tidigare bucket.
Nästa steg är att spara ändringarna, och Amazon kommer att ge oss en länk till vår statiska webbplats, som du hittar längst ner:
Nu, när du besöker denna länk, kommer du att kunna se vår HTML-sida som är hostad på AWS S3:
Tänk på att detta inte är det bästa sättet att hosta en webbplats; det finns specialiserade tjänster för det, såsom Amazon EC2.
På S3 kan vi hosta små statiska webbplatser, men det kan vara otillräckligt för större applikationer.
Att hosta på S3 är ganska enkelt, och nu vet du hur du laddar upp och lagrar ditt media där.
Tack för dina kommentarer!
