rkdn/vuejs-s3-ci

rkdn/vuejs-s3-ci镜像说明

镜像概述

rkdn/vuejs-s3-ci是一款面向Vue.js项目的CI/CD专用镜像，旨在简化前端应用的自动化构建与云部署流程。它集成了Vue.js构建工具链和AWS云服务交互能力，可快速将Vue.js源代码编译打包，并同步至AWS S3存储桶，同时支持CloudFront CDN缓存刷新，确保静态资源高效分发。

核心功能

• 自动完成Vue.js项目的依赖安装、编译与打包
• 安全上传构建产物至指定AWS S3存储桶
• 可选触发CloudFront分发缓存刷新，保证资源实时更新
• 支持自定义构建命令与部署参数配置

使用场景

• 前端团队CI/CD流程中，实现Vue.js应用的自动化部署
• 快速将Vue.js静态站点部署到AWS云服务，利用S3高可用和CloudFront全球加速
• 减少手动部署操作，提升开发效率与部署一致性

配置说明

使用镜像需配置以下环境变量：

• AWS_ACCESS_KEY_ID：AWS访问密钥ID（需具备S3写入和CloudFront刷新权限）
• AWS_SECRET_ACCESS_KEY：AWS秘密访问密钥
• AWS_REGION：AWS区域（如ap-northeast-1）
• S3_BUCKET_NAME：目标S3存储桶名称
• CLOUDFRONT_DISTRIBUTION_ID（可选）：CloudFront分发ID

部署示例

Docker Run命令

bash
docker run -e AWS_ACCESS_KEY_ID=your_access_key \
           -e AWS_SECRET_ACCESS_KEY=your_secret_key \
           -e AWS_REGION=ap-northeast-1 \
           -e S3_BUCKET_NAME=your-vue-bucket \
           -e CLOUDFRONT_DISTRIBUTION_ID=E1234567890AB \
           -v $(pwd):/app \
           docker.xuanyuan.run/rkdn/vuejs-s3-ci

说明：将本地Vue.js项目目录挂载到容器/app，镜像自动执行构建并部署到指定S3桶。

Docker Compose示例

yaml
version: '3.8'
services:
  vue-deploy:
    image: docker.xuanyuan.run/rkdn/vuejs-s3-ci
    environment:
      AWS_ACCESS_KEY_ID: your_access_key
      AWS_SECRET_ACCESS_KEY: your_secret_key
      AWS_REGION: ap-northeast-1
      S3_BUCKET_NAME: your-vue-bucket
      CLOUDFRONT_DISTRIBUTION_ID: E1234567890AB
    volumes:
      - ./:/app

运行命令：docker-compose up