Introducció ràpida als servidors al núvol amb recursos gratuïts: Guia de desplegament de llocs web estàtics amb AWS S3

Els servidors al núvol s'han convertit en la pedra angular del desenvolupament i desplegament d'aplicacions modernes. Dominar l'ús dels servidors al núvol pot millorar enormement la teva competitivitat professional. Aquest article prendrà AWS S3 com a exemple per explicar com utilitzar recursos gratuïts per introduir-te ràpidament als servidors al núvol i desplegar un lloc web estàtic. Ens centrarem en les operacions pràctiques per ajudar-te a entendre els conceptes bàsics dels servidors al núvol.

Per què triar AWS S3 per desplegar un lloc web estàtic?

• Alta rendibilitat: AWS S3 proporciona una certa quantitat d'espai d'emmagatzematge i transferència de dades gratuïts, que poden satisfer completament les necessitats de projectes personals o llocs web petits.

• Fàcil d'aprendre: La configuració i l'operació de S3 són relativament senzilles, molt adequades per a principiants.

• Alta disponibilitat i escalabilitat: La infraestructura global proporcionada per AWS garanteix l'alta disponibilitat i escalabilitat de S3.

• Alta integració: S3 es pot integrar perfectament amb altres serveis d'AWS, com ara CloudFront (CDN) per accelerar l'accés als recursos estàtics.

Preparació

1. Compte d'AWS: Necessites un compte d'AWS. Si encara no en tens un, pots registrar-te per obtenir un compte gratuït al lloc web d'AWS. Tingues en compte que el pla gratuït d'AWS té límits de temps i recursos, assegura't de consultar els termes i condicions pertinents.
2. AWS CLI: AWS Command Line Interface (CLI) és una eina de línia d'ordres que s'utilitza per interactuar amb els serveis d'AWS. Instal·lar i configurar AWS CLI facilita la gestió dels buckets i fitxers de S3.
   • Instal·lar AWS CLI: Segons el teu sistema operatiu, descarrega i instal·la AWS CLI des del lloc web d'AWS.
   • Configurar AWS CLI: Un cop finalitzada la instal·lació, obre el terminal de línia d'ordres, executa l'ordre aws configure i introdueix el teu AWS Access Key ID, Secret Access Key, regió per defecte (region) i format de sortida segons les indicacions. Pots crear un usuari i generar Access Key i Secret Key a la consola AWS IAM.
3. Fitxers de lloc web estàtic: Has de preparar els fitxers del teu lloc web estàtic, com ara HTML, CSS, JavaScript i imatges, etc. Col·loca aquests fitxers en un directori.

Pas 1: Crear un bucket S3

1. Inicia sessió a la consola d'AWS: Inicia sessió a la consola d'AWS amb el teu compte d'AWS.
2. Cerca S3: A la barra de cerca, introdueix "S3" i, a continuació, selecciona "S3".
3. Crea un bucket: Fes clic al botó "Crea un bucket".
4. Configura el bucket:
   • Nom del bucket: Introdueix un nom de bucket globalment únic. El nom del bucket ha de complir les regles de nomenclatura d'AWS. Es recomana utilitzar un nom que contingui el nom del teu projecte o domini per facilitar la gestió.
   • Regió: Selecciona una regió que estigui més a prop dels teus usuaris. L'elecció de la regió afectarà la velocitat d'accés.
   • Bloquejar tot l'accés públic: Desmarca la casella de selecció "Bloquejar tot l'accés públic". Hem de permetre l'accés públic per allotjar el lloc web com a lloc web estàtic. Opera amb precaució i presta atenció a la seguretat dels permisos!
   • Confirma la configuració: Llegeix la informació d'advertència i marca "Ho entenc". Fes clic a "Crea un bucket".

Pas 2: Configurar el bucket per allotjar un lloc web estàtic

1. Selecciona el bucket: A la consola S3, selecciona el bucket que acabes de crear.

2. Entra a la pestanya "Propietats": Fes clic a la pestanya "Propietats".

3. Allotjament de llocs web estàtics: A la secció "Allotjament de llocs web estàtics", fes clic a "Edita".

4. Activa l'allotjament de llocs web estàtics:

   • Activa: Selecciona "Activa".
   • Document d'índex: Introdueix el nom del fitxer de la pàgina d'inici del teu lloc web, normalment "index.html".
   • Document d'error: (Opcional) Introdueix el nom del fitxer de la pàgina d'error, per exemple, "error.html". Si es produeix un error, S3 mostrarà aquesta pàgina.

5. Desa els canvis: Fes clic a "Desa els canvis".## Pas tres: Carregar fitxers de lloc web estàtic

6. Seleccionar un bucket: A la consola S3, selecciona el bucket que acabes de crear.

7. Carregar: Fes clic al botó "Carregar".

8. Afegir fitxers: Fes clic al botó "Afegir fitxers", selecciona els fitxers del teu lloc web estàtic o arrossega els fitxers directament a l'àrea de càrrega.

9. Configurar permisos:

   • Propietari de l'objecte: Confirma que el propietari de l'objecte és el teu compte d'AWS.
   • Permisos: Selecciona "Públic" -> "Tothom" i marca la casella de selecció "Llegir objecte". Això permetrà que tothom accedeixi als fitxers del teu lloc web estàtic. Si us plau, opera amb precaució i presta atenció a la seguretat dels permisos! Un mètode més segur és utilitzar una política de bucket, que s'esmentarà més endavant.

10. Carregar: Fes clic al botó "Carregar".

Pas quatre: Provar el lloc web

1. Obtenir el punt final del lloc web: A la consola S3, selecciona el teu bucket i després ves a la pestanya "Propietats". A la secció "Allotjament de llocs web estàtics", pots trobar el punt final (Endpoint) del teu lloc web.
2. Accedir al lloc web: Copia el punt final del lloc web al navegador per accedir al teu lloc web estàtic.

Pas cinc: Carregar per lots amb AWS CLI (opcional)

Si tens molts fitxers de lloc web estàtic, pots utilitzar AWS CLI per carregar-los per lots.

1. Obrir el terminal de línia d'ordres: Obre el terminal de línia d'ordres.

2. Ordre de càrrega: Utilitza l'ordre següent per carregar els fitxers del teu lloc web estàtic:

   aws s3 sync  s3:// --acl public-read
   

   • ``: Substitueix-ho pel directori on es troben els fitxers del teu lloc web estàtic local.
   • ``: Substitueix-ho pel nom del teu bucket S3.
   • --acl public-read: Estableix els permisos dels fitxers carregats com a públics de lectura. Si us plau, opera amb precaució i presta atenció a la seguretat dels permisos!

Bones pràctiques i precaucions

• Política de bucket: A més de fer públic cada objecte, una millor pràctica és utilitzar una política de bucket per controlar els permisos d'accés. Una política de bucket és un document JSON que defineix qui pot accedir a quins recursos al bucket. Pots crear i gestionar polítiques de bucket mitjançant la consola d'AWS o AWS CLI.

  {
      "Version": "2012-10-17",
      "Statement": [
          {
              "Sid": "PublicReadGetObject",
              "Effect": "Allow",
              "Principal": "*",
              "Action": "s3:GetObject",
              "Resource": "arn:aws:s3:::/*"
          }
      ]
  }
  

  Substitueix `` pel nom real del teu bucket. Aquesta política permet a qualsevol persona llegir tots els objectes del teu bucket.
• Seguretat: Assegura't de prestar atenció a la seguretat del bucket S3. Evita emmagatzemar informació sensible a S3 i revisa periòdicament els permisos d'accés al bucket.
• Control de versions: Habilitar el control de versions del bucket S3 pot ajudar-te a recuperar fitxers suprimits o sobreescrits accidentalment.
• CloudFront: Utilitzar CloudFront CDN pot accelerar la velocitat d'accés al teu lloc web estàtic i millorar la disponibilitat del lloc web. CloudFront emmagatzema en memòria cau el contingut del teu lloc web als nodes perifèrics de tot el món, i els usuaris poden accedir al teu lloc web des del node més proper. Això és especialment útil per a llocs web amb accés d'usuaris globals.
• Domini personalitzat: Pots enllaçar el teu lloc web estàtic a un domini personalitzat, com ara www.example.com. Has de configurar els registres DNS per apuntar el teu domini al domini assignat per CloudFront o al punt final del bucket S3.
• Còpies de seguretat periòdiques: Tot i que S3 té una alta disponibilitat, encara es recomana fer còpies de seguretat periòdiques dels fitxers del teu lloc web estàtic per evitar imprevistos.
• Optimització de costos: Supervisa el teu ús de S3 per evitar superar els límits del pla gratuït d'AWS. Per exemple, els fitxers que no s'utilitzen amb freqüència es poden moure a l'emmagatzematge en fred de Glacier per reduir els costos d'emmagatzematge.## Altres opcions de servidors al núvol

A més d'AWS S3, hi ha altres opcions de servidors al núvol:

• GitHub Pages/GitLab Pages: Si el contingut del teu lloc web està allotjat a GitHub o GitLab, pots utilitzar directament els seus serveis de Pages, que normalment són gratuïts.
• Netlify/Vercel: Plataformes dissenyades específicament per a l'allotjament de llocs web estàtics, que ofereixen plans gratuïts i processos de desplegament convenients.
• AWS EC2/Google Compute Engine/Azure Virtual Machines: Si necessites executar aplicacions dinàmiques, pots triar aquests servidors al núvol, però hauràs de configurar l'entorn del servidor tu mateix.
• 阿里云 OSS/腾讯云 COS: Serveis d'emmagatzematge al núvol xinesos, adequats per a llocs web orientats a usuaris xinesos.

Resum

A través d'aquesta guia, has après com utilitzar AWS S3 per construir un lloc web estàtic. Aquesta és una bona manera de començar, que t'ajuda a comprendre els conceptes i les operacions dels servidors al núvol. Sobre aquesta base, pots aprendre més sobre altres serveis d'AWS i construir aplicacions al núvol més complexes i potents. No oblidis prestar atenció a la seguretat, optimitzar els costos i aprendre contínuament per avançar en el camp de la computació al núvol.