Hoe implementeer ik een statische website met AWS Amplify?

Hoe Implementeer Ik Een Statische Website Met Aws Amplify



Met AWS kan de gebruiker een full-stack-applicatie bouwen, van het schrijven van code in de editor tot de implementatie van de applicatie in de cloud. AWS Amplify is de dienst die middelen biedt om de applicatie helemaal opnieuw te bouwen of de reeds ontwikkelde applicatie in de cloud te hosten. De ontwikkelaars kunnen code uploaden vanuit meerdere bronnen, zoals GitHub, CodeCommit, Lokaal systeem en nog veel meer.

Dit bericht illustreert het proces van het hosten van een website die statisch is met behulp van de Amplify-service van het AWS-platform.

Hoe implementeer ik een statische website met AWS Amplify?

Een statische applicatie is een applicatie zonder dynamische webpagina's en de gebruiker moet zelf door de applicatie navigeren. Om een ​​statische website te implementeren met behulp van AWS Amplify, doorloopt u eenvoudigweg de vermelde stappen:







Stap 1: Bezoek AWS Amplify
Meld u eerst aan bij de AWS-console en navigeer naar de “ AWS versterken '-service door ernaar te zoeken vanuit de console:





Stap 2: Aan de slag met Amplify
Op het AWS Amplify-dashboard klikt u eenvoudig op de “ BEGIN '-knop om de service te gaan gebruiken:





Selecteer daarna de “ Versterk de hosting ' sectie om op de ' Begin ”-knop om een ​​statische website te implementeren:



Selecteer de bron om de code voor de statische website te uploaden, zoals in dit voorbeeld, selecteer de “ Implementeren zonder Git-provider ' optie en klik op de ' Doorgaan ' knop:

Stap 3: Website implementeren
Configureer de handmatige implementatie van de statische website door de naam te typen ter identificatie van de applicatie. Selecteer daarna de “ Slepen en neerzetten 'opties om code van het lokale systeem te krijgen of de gebruiker kan de code ook uit de S3-bucket halen:

Klik op de ' Kies documenten '-knop op deze pagina om het bestand uit de lokale map te halen:

Upload het zip-bestand en klik op de “ Opslaan en implementeren '-knop om de link te krijgen na het hosten van de website:

Stap 4: Controleer de implementatie
De applicatie is succesvol geïmplementeerd en de service biedt de URL of Uniform Resource Locator voor toegang tot de website die is geïmplementeerd met behulp van de Amplify-service:

De volgende schermafbeelding laat zien dat de website wordt gehost met behulp van de Amplify-service:

Dat draait allemaal om het inzetten van een statische website met behulp van AWS Amplify.

Conclusie

Om een ​​statische website te implementeren met behulp van de AWS Amplify-service, gaat u naar het servicedashboard nadat u zich heeft aangemeld bij het AWS-account. Ga aan de slag met het hosten van de applicatie en kies de code uit meerdere bronnen, aangezien dit voorbeeld een lokale map gebruikt. Implementeer daarna de website om de URL van de service op te halen en toegang te krijgen tot de geïmplementeerde website.