Aquesta publicació il·lustrarà el procés d'allotjament d'un lloc web estàtic mitjançant el servei Amplify de la plataforma AWS.
Com implementar un lloc web estàtic amb AWS Amplify?
Una aplicació estàtica és una aplicació sense pàgines web dinàmiques i l'usuari ha de navegar per l'aplicació per si mateix. Per implementar un lloc web estàtic amb AWS Amplify, només cal que seguiu els passos indicats:
Pas 1: visiteu AWS Amplify
En primer lloc, inicieu la sessió a la consola d'AWS i navegueu a ' AWS Amplify ” servei cercant-lo des de la consola:
Pas 2: Comenceu amb Amplify
Al tauler d'AWS Amplify, feu clic a ' COMENÇAR ” per començar a utilitzar el servei:
Després d'això, seleccioneu ' Ampliar l'allotjament ” secció per fer clic a “ Començar ” botó per desplegar un lloc web estàtic:
Seleccioneu la font per carregar el codi per al lloc web estàtic, com en aquest exemple seleccioneu ' Desplega sense proveïdor Git ” i feu clic a “ Continua botó ”:
Pas 3: implementeu el lloc web
Configureu el desplegament manual del lloc web estàtic escrivint el nom per a la identificació de l'aplicació. Després d'això, seleccioneu ' Arrossegar i deixar anar ” opcions per obtenir el codi del sistema local o l'usuari també pot obtenir el codi del bucket S3:
Feu clic a ' Trieu fitxers ” d'aquesta pàgina per obtenir el fitxer del directori local:
Carregueu el fitxer zip i feu clic a ' Desa i desplega ” per obtenir l'enllaç després d'acollir el lloc web:
Pas 4: verifiqueu el desplegament
L'aplicació s'ha desplegat correctament i el servei proporciona l'URL o el Localitzador de recursos uniforme per accedir al lloc web desplegat mitjançant el servei Amplify:
La següent captura de pantalla mostra que el lloc web s'ha allotjat mitjançant el servei Amplify:
Es tracta de desplegar un lloc web estàtic mitjançant AWS Amplify.
Conclusió
Per implementar un lloc web estàtic mitjançant el servei AWS Amplify, aneu al tauler del servei després d'iniciar la sessió al compte d'AWS. Comenceu amb l'allotjament de l'aplicació per triar el codi de diverses fonts, ja que aquest exemple utilitza un directori local. Després d'això, implementeu el lloc web per obtenir l'URL del servei i accedir al lloc web desplegat.