Tutorial: Crear una canalización que utilice Amazon S3 como proveedor de implementación

Para enviar archivos a tu CodeCommit repositorio

1. Extraiga los archivos de ejemplo que ha descargado. No subas el ZIP archivo a tu repositorio.

2. Envía o sube los archivos a tu CodeCommit repositorio. Estos archivos son el artefacto fuente creado por el asistente Create Pipeline para tu acción de despliegue en CodePipeline él. Sus archivos deberían ser parecidos a estos en su directorio local:

   index.html
   main.css
   graphic.jpg

3. Puedes usar Git o la CodeCommit consola para cargar tus archivos:

   1. Para utilizar la línea de comandos de Git desde un repositorio clonado en el equipo local:

      1. Ejecute el siguiente comando para preparar todos los archivos de una vez:

         git add -A

      2. Ejecute el siguiente comando para confirmar los archivos con un mensaje de confirmación:

         git commit -m "Added static website files"

      3. Ejecuta el siguiente comando para enviar los archivos de tu repositorio local a tu CodeCommit repositorio:

         git push

   2. Para usar la CodeCommit consola para cargar tus archivos:

      1. Abre la CodeCommit consola y elige tu repositorio en la lista de repositorios.

      2. Elija Add file (Añadir archivo) y, a continuación, Upload file (Cargar archivo).

      3. Seleccione Choose file (Elegir archivo) y, a continuación, busque el archivo. Para confirmar el cambio, introduzca su nombre de usuario y la dirección de correo electrónico. Seleccione Confirmar cambios.

      4. Repita este paso para cada archivo que desee cargar.

Para crear una canalización con el asistente

1. Inicie sesión AWS Management Console y abra la CodePipeline consola en http://console.aws.amazon.com/codesuite/codepipeline/home.

2. En la página Bienvenido, Introducción o en la página Canalizaciones, elija Crear canalización.

3. En Step 1: Choose pipeline settings (Paso 1: Elegir configuración de canalización), en Pipeline name (Nombre de canalización), escriba MyS3DeployPipeline.

4. En Tipo de canalización, selecciona V2. Para obtener más información, consulte Tipos de canalización. Elija Next (Siguiente).

5. En Función de servicio, elija Nueva función de servicio CodePipeline para permitir la creación de una función de servicio en ellaIAM.

6. En Advanced settings (Configuración avanzada), deje los valores predeterminados y elija Next (Siguiente).

7. En el Step 2: Add source stage (Paso 2: Añadir etapa de código fuente), en Source provider (Proveedor de código fuente), elija AWS CodeCommit. En Nombre del repositorio, elija el nombre del CodeCommit repositorio en el que lo creóPaso 1: Crear un CodeCommit repositorio. En Nombre de ramificación, elija el nombre de la ramificación que incluye la última actualización del código. A menos que haya creado otra ramificación, solo estará disponible main.

   Tras seleccionar el nombre y la sucursal del repositorio, se muestra la regla de Amazon CloudWatch Events que se va a crear para esta canalización.

   Elija Next (Siguiente).

8. En Step 3: Add build stage (Paso 3: Añadir etapa de compilación), elija Skip build stage (Omitir etapa de compilación) y, a continuación, acepte el mensaje de advertencia eligiendo Skip (Omitir) una vez más.

   Elija Next (Siguiente).

9. En Step 4: Add deploy stage (Paso 4: Añadir una etapa de implementación):

   1. En Deploy provider (Proveedor de implementación), elija Amazon S3.

   2. En Bucket, especifique el nombre del bucket público.

   3. Seleccione Extract file before deploy (Extraer el archivo antes de la implementación).

      nota

      Si no selecciona Extraer el archivo antes de la implementación, se produce un error en la implementación. Esto se debe a que la AWS CodeCommit acción de la canalización comprime los artefactos de origen y el archivo es un ZIP archivo.

      Cuando se selecciona Extract file before deploy (Extraer el archivo antes de la implementación), se muestra Deployment path (Ruta de implementación). Especifique el nombre de la ruta que desea utilizar. Esto crea una estructura de carpetas en Amazon S3 en la que se extraen los archivos. Para este tutorial, deje en blanco este campo.

      

   4. (Opcional) En las ACL opciones almacenadas, puedes aplicar un conjunto de concesiones predefinidas, conocidas como predefinidas ACL, a los artefactos cargados.

   5. (Opcional) En Cache control (Control del caché) introduzca los parámetros de caché. Puede establecerlo para controlar el comportamiento del caché para las solicitudes/respuestas. Para ver los valores válidos, consulte el campo de Cache-Controlencabezado para ver HTTP las operaciones.

   6. Elija Next (Siguiente).

10. En Step 5: Review, revise la información y después elija Create pipeline.

11. Después de la canalización se ejecute correctamente, abra la consola de Amazon S3 y compruebe que los archivos aparecen en el bucket público, tal como se muestra a continuación:

    index.html
    main.css
    graphic.jpg

12. Obtenga acceso al punto de enlace para probar el sitio web. El punto de enlace tiene este formato: http://bucket-name.s3-website-region.amazonaws.com/.

    Ejemplo de punto de enlace: http://my-bucket.s3-website-us-west-2.amazonaws.com/.

    Aparece la siguiente página web de muestra.

Para crear un archivo buildspec.yml

• Cree un archivo denominado buildspec.yml con el siguiente contenido. Estos comandos de compilación instalan TypeScript y utilizan el TypeScript compilador para reescribir el código en index.ts código. JavaScript

  version: 0.2
  
  phases:
    install:
      commands:
        - npm install -g typescript
    build:
      commands:
        - tsc index.ts
  artifacts:
    files:
      - index.js

Para crear un archivo index.ts

• Cree un archivo denominado index.ts con el siguiente contenido.

  interface Greeting {
      message: string;
  }
  
  class HelloGreeting implements Greeting {
      message = "Hello!";
  }
  
  function greet(greeting: Greeting) {
      console.log(greeting.message);
  }
  
  let greeting = new HelloGreeting();
  
  greet(greeting);

Para cargar los archivos en un bucket de código fuente de S3

1. Sus archivos deberían ser parecidos a estos en su directorio local:

   buildspec.yml
   index.ts

   Comprima los archivos y asigne al archivo el nombre source.zip.

2. En la consola de Amazon S3, para el bucket de origen, elija Cargar. Selecciona Añadir archivos y, a continuación, busca el ZIP archivo que has creado.

3. Seleccione Cargar. Estos archivos son el artefacto de origen creado por el asistente de creación de canalización para la acción de despliegue en CodePipeline ellos. El archivo debería aparecer así en el bucket:

   source.zip

Para crear una canalización con el asistente

1. Inicie sesión en la CodePipeline consola AWS Management Console y ábrala en http://console.aws.amazon.com/codesuite/codepipeline/home.

2. En la página Bienvenido, Introducción o en la página Canalizaciones, elija Crear canalización.

3. En Step 1: Choose pipeline settings (Paso 1: Elegir configuración de canalización), en Pipeline name (Nombre de canalización), escriba MyS3DeployPipeline.

4. En Función de servicio, selecciona Nueva función de servicio para CodePipeline poder crear una función de servicio en ellaIAM.

5. En Advanced settings (Configuración avanzada), deje los valores predeterminados y elija Next (Siguiente).

6. En el Step 2: Add source stage (Paso 2: Añadir una etapa de código fuente), en Source provider (Proveedor de código fuente), elija Amazon S3. En Bucket, elija el nombre del bucket de código fuente. En la clave de objeto de S3, introduce el nombre del ZIP archivo fuente. Asegúrese de incluir la extensión de archivo .zip.

   Elija Next (Siguiente).

7. En Step 3: Add build stage (Paso 3: Agregar una etapa de compilación):

   1. En Build provider (Proveedor de compilación), elija CodeBuild.

   2. Elija Crear el proyecto de compilación. En la página Create project (Crear proyecto):

   3. En Project name (Nombre de proyecto), escriba un nombre para este proyecto de compilación.

   4. En Environment (Entorno), elija Managed image (Imagen administrada). En Operating system (Sistema operativo), elija Ubuntu.

   5. En Runtime, elija Standard (Estándar). En Runtime version (Versión de tiempo de ejecución), elija aws/codebuild/standard:1.0.

   6. En Image version (Version de la imagen), elija Always use the latest image for this runtime version (Utilizar siempre la imagen más reciente para esta versión del tiempo de ejecución).

   7. En Función de servicio, elija su función de CodeBuild servicio o cree una.

   8. En Build specifications (Especificaciones de compilación), elija Use a buildspec file (Usar un archivo buildspec).

   9. Selecciona Continuar a CodePipeline. Se muestra un mensaje si el proyecto se ha creado correctamente.

   10. Elija Next (Siguiente).

8. En Step 4: Add deploy stage (Paso 4: Añadir una etapa de implementación):

   1. En Deploy provider (Proveedor de implementación), elija Amazon S3.

   2. En Bucket, especifique el nombre del bucket de destino de S3.

   3. Asegúrese de que no está seleccionada la opción Extract file before deploy (Extraer el archivo antes de la implementación).

      Cuando no está seleccionada la opción Extract file before deploy (Extraer el archivo antes de la implementación), se muestra S3 object key (Clave de objeto de S3). Especifique el nombre de la ruta que desea utilizar: js-application/{datetime}.zip.

      Esto crea una carpeta js-application en Amazon S3 en la que se extraen los archivos. En esta carpeta, la variable {datetime} crea una marca de tiempo en cada archivo de salida cuando se ejecuta la canalización.

      

   4. (Opcional) En la ACL versión guardada, puedes aplicar un conjunto de concesiones predefinidas, conocidas como predefinidas ACL, a los artefactos cargados.

   5. (Opcional) En Cache control (Control del caché) introduzca los parámetros de caché. Puede establecerlo para controlar el comportamiento del caché para las solicitudes/respuestas. Para ver los valores válidos, consulte el campo de Cache-Controlencabezado para ver HTTP las operaciones.

   6. Elija Next (Siguiente).

9. En Step 5: Review, revise la información y después elija Create pipeline.

10. Después de que la canalización se ejecute correctamente, visualice el bucket en la consola de Amazon S3. Compruebe que el ZIP archivo implementado se muestre en el depósito de destino, debajo de la js-application carpeta. El JavaScript archivo contenido en el ZIP archivo debe serindex.js. El archivo index.js contiene la salida siguiente:

    var HelloGreeting = /** @class */ (function () {
        function HelloGreeting() {
            this.message = "Hello!";
        }
        return HelloGreeting;
    }());
    function greet(greeting) {
        console.log(greeting.message);
    }
    var greeting = new HelloGreeting();
    greet(greeting);