Comment déployer sur AWS à l'aide de NUXTJS S3 et CloudFront officiels? Avec docker-compose

introduction

Comment déployer sur AWS en utilisant S3 et CloudFront dans la documentation officielle? Je voudrais résumer comment déployer facilement avec docker-compose.

(Document officiel) Comment déployer sur AWS à l'aide de S3 et CloudFront?

Veuillez consulter ici pour les paramètres d'AWS (S3, CloudFront).

1. Structure des fichiers

nuxtapp/docker-compose.yml
nuxtapp/Dockerfile
nuxtapp/deploy.sh
nuxtapp/gulpfile.js

• Créez deploy.sh et gulpfile.js selon la procédure officielle.

2. Préparation du fichier requise pour la conversion Docker

Dockerfile

FROM node:12.18.3-alpine3.9
RUN apk add --no-cache openssh bash python make
RUN npm install -g gulp
RUN npm install --save-dev gulp gulp-awspublish gulp-cloudfront-invalidate-aws-publish concurrent-transform

docker-compose.yml

version: '3'

services:
  node: &app_base
    build: .
    # tty: true
    working_dir: /var/www
    volumes:
      - .:/var/www
    environment:
      PORT: 3000
      HOST: 0.0.0.0
  install:
    <<: *app_base
    command: npm ci
  dev:
    <<: *app_base
    ports:
      - "3000:3000"
    command: npm run dev
  generate:
    <<: *app_base
    command: npm run generate
  dev_static:
    image: httpd
    volumes:
      - ./dist:/usr/local/apache2/htdocs/
    ports:
      - "80:80"
  s3deploy:
    <<: *app_base
    command: ./deploy.sh

Pour docker-compose.yml, changez l'article ici de yarn en npm, et utilisez le Dockerfile pour installer manuellement la procédure dans le conteneur. Je l'ai préparé.

3. Comment utiliser

Chaque conteneur doit être défini dans docker-compose.yml selon les besoins.

Lancer l'environnement de développement d'applications

$ docker-compose up dev

Exécutez npm run dev dans le conteneur.

Génération de fichiers statiques

$ docker-compose up generate

Exécutez npm run generate dans le conteneur. Le résultat de sortie est envoyé par défaut sur nuxtapp / dist.

Vérification locale du fonctionnement du fichier statique de sortie

$ docker-compose up dev_static

Exposez le dist localement dans le conteneur Tomcat. http://localhostにアクセスするとアプリを確認できます。

Déployer

$ docker-compose up s3deploy

Exécutez deploy.sh dans le conteneur.

Si vous suivez l'image de réussite de la procédure officielle, vous avez terminé.