schuermann/s2i-angular-container

Angular应用的S2I构建镜像

这是一个适用于OpenShift的S2I（Source-to-Image）构建镜像，用于Angular应用开发与部署，集成Angular CLI和Apache httpd 2.4。

镜像概述

该镜像包含NodeJS/NPM环境，可通过Angular CLI（如ng build --prod）构建Angular应用；运行阶段使用Apache httpd静态服务构建生成的文件。

核心功能

• 提供NodeJS/NPM环境支持Angular应用构建
• 集成Apache httpd 2.4用于静态服务运行
• 支持增量构建，复用已安装的node_modules加速依赖安装
• 允许指定不同的运行时镜像（如Nginx）优化部署体积

使用场景

• OpenShift环境中快速构建和部署Angular应用
• 本地开发测试Angular应用的容器化部署流程
• 需要静态服务的Angular应用生产环境部署

配置说明

S2I构建命令

直接使用S2I工具构建镜像：

s2i build https://github.com/MrGoro/s2i-angular-container.git --context-dir=test/test-app/ schuermann/s2i-angular-container angular-sample-app
docker run -p 8080:8080 angular-sample-app

增量构建

添加--incremental=true参数启用增量构建：

s2i build https://github.com/MrGoro/s2i-angular-container.git --incremental=true --context-dir=test/test-app/ schuermann/s2i-angular-container angular-sample-app
docker run -p 8080:8080 angular-sample-app

更换运行时镜像

指定其他运行时镜像（如Nginx）：

s2i build https://github.com/MrGoro/s2i-angular-container.git --context-dir=test/test-app/ schuermann/s2i-angular-container angular-sample-app --runtime-image nginx --runtime-artifact /opt/app-root/src:/usr/share/nginx/html

OpenShift部署

导入镜像流到OpenShift：

oc create -f angular-s2i-httpd.json

全局可用需指定namespace：

oc create -f angular-s2i-httpd.json -n openshift

启用增量构建需编辑构建配置：

strategy:
  type: Source
  sourceStrategy:
    from:
      kind: ImageStreamTag
      namespace: angular
      name: 'angular:latest'
    incremental: true