https://aws-route53-labs.rofriday.com/02_sitio_secundario/index.html Lab 2: Sitio Secundario – S3 + CloudFront En este lab creamos la página de fallback: lo que verán los usuarios cuando el sitio primario no esté disponible. Es una página estática muy simple alojada en S3 y distribuida por CloudFront. ¿Qué vamos a crear? Internet → CloudFront → S3 (estático) S3 Bucket con acceso solo desde CloudFront (OAC) CloudFront Distribution con HTTPS automático Página HTML estilo “mantenimiento” con branding ¿Por qué S3 + CloudFront? Ventaja Detalle Costo casi cero S3 cobra centavos por GB; CloudFront tiene free tier Alta disponibilidad CloudFront tiene SLA de 99.99% Sin servidores Completamente serverless, no hay nada que “caer” HTTPS gratis CloudFront incluye certificado SSL automático Paso 1: Variables de entorno export AWS_REGION="us-east-1" export AWS_ACCOUNT_ID=$(aws sts get-caller-identity --query Account --output text) export STACK_NAME_SECONDARY="route53-arc-secondary" export BUCKET_NAME="route53-arc-fallback-${AWS_ACCOUNT_ID}" echo "Bucket name: $BUCKET_NAME" Paso 2: Crear el template CloudFormation cat > /tmp/secondary-site.yaml << 'TEMPLATE_EOF' AWSTemplateFormatVersion: '2010-09-09' Description: 'roLearning - Route53 ARC Workshop - Sitio Secundario (S3 + CloudFront)' Parameters: BucketName: Type: String Description: "Nombre único para el bucket S3" Resources: # ────────────────────────────────────────────── # S3 Bucket para el sitio estático # ────────────────────────────────────────────── FallbackBucket: Type: AWS::S3::Bucket Properties: BucketName: !Ref BucketName PublicAccessBlockConfiguration: BlockPublicAcls: true BlockPublicPolicy: true IgnorePublicAcls: true RestrictPublicBuckets: true Tags: - Key: Workshop Value: route53-arc - Key: Site Value: secondary # ────────────────────────────────────────────── # Origin Access Control para CloudFront # ────────────────────────────────────────────── CloudFrontOAC: Type: AWS::CloudFront::OriginAccessControl Properties: OriginAccessControlConfig: Name: route53-arc-fallback-oac OriginAccessControlOriginType: s3 SigningBehavior: always SigningProtocol: sigv4 # ────────────────────────────────────────────── # Bucket Policy - permite acceso solo desde CloudFront # ────────────────────────────────────────────── FallbackBucketPolicy: Type: AWS::S3::BucketPolicy Properties: Bucket: !Ref FallbackBucket PolicyDocument: Statement: - Sid: AllowCloudFrontServicePrincipal Effect: Allow Principal: Service: cloudfront.amazonaws.com Action: s3:GetObject Resource: !Sub "${FallbackBucket.Arn}/*" Condition: StringEquals: "AWS:SourceArn": !Sub "arn:aws:cloudfront::${AWS::AccountId}:distribution/${FallbackDistribution}" # ────────────────────────────────────────────── # CloudFront Distribution # ────────────────────────────────────────────── FallbackDistribution: Type: AWS::CloudFront::Distribution Properties: DistributionConfig: Enabled: true DefaultRootObject: index.html Comment: "roLearning - Route53 ARC Fallback Site" HttpVersion: http2 Origins: - Id: S3FallbackOrigin DomainName: !GetAtt FallbackBucket.RegionalDomainName OriginAccessControlId: !Ref CloudFrontOAC S3OriginConfig: OriginAccessIdentity: "" DefaultCacheBehavior: ViewerProtocolPolicy: redirect-to-https TargetOriginId: S3FallbackOrigin CachePolicyId: 658327ea-f89d-4fab-a63d-7e88639e58f6 # CachingOptimized AllowedMethods: [GET, HEAD] CachedMethods: [GET, HEAD] CustomErrorResponses: - ErrorCode: 403 ResponseCode: 200 ResponsePagePath: /index.html - ErrorCode: 404 ResponseCode: 200 ResponsePagePath: /index.html Tags: - Key: Workshop Value: route53-arc - Key: Site Value: secondary Outputs: FallbackBucketName: Description: "Nombre del bucket S3" Value: !Ref FallbackBucket Export: Name: route53-arc-fallback-bucket CloudFrontDomain: Description: "Dominio de la distribución CloudFront" Value: !GetAtt FallbackDistribution.DomainName Export: Name: route53-arc-cf-domain CloudFrontDistributionId: Description: "ID de la distribución CloudFront" Value: !Ref FallbackDistribution Export: Name: route53-arc-cf-distribution-id TEMPLATE_EOF echo "✅ Template creado: $(wc -l < /tmp/secondary-site.yaml) líneas" Paso 3: Desplegar el stack secundario aws cloudformation deploy \ --template-file /tmp/secondary-site.yaml \ --stack-name $STACK_NAME_SECONDARY \ --capabilities CAPABILITY_IAM \ --region $AWS_REGION \ --parameter-overrides BucketName=$BUCKET_NAME \ --tags Workshop=route53-arc Environment=secondary echo "Desplegando sitio secundario..." Información CloudFront puede tardar 5-10 minutos en desplegarse completamente. El stack dirá CREATE_COMPLETE antes de que CloudFront esté 100% activo. Esto es normal. Hugo es-ES