snellocms/snello-admin

Snello ADMIN 镜像文档

镜像概述

Snello ADMIN是一个基于Angular框架开发的Web管理面板镜像，提供直观的用户界面用于Snello系统的管理、配置与监控。该镜像包含通过生产环境构建（ng build --prod）的静态资源，可直接部署于Web服务器运行。

核心功能与特性

• 系统管理界面：提供图形化界面进行Snello系统配置
• Angular前端架构：基于Angular框架开发，支持组件化与响应式设计
• 生产环境优化：通过--prod参数构建，包含代码压缩、树摇优化等特性
• 轻量级部署：静态资源可直接通过Nginx等Web服务器托管

使用场景与适用范围

• Snello系统管理员日常运维操作
• Snello系统部署后的初始化配置
• 需要通过Web界面监控和管理Snello系统的场景

构建与使用方法

构建前准备

确保本地环境已安装Node.js（含npm）和Angular CLI（ng命令）。

项目构建步骤

1. 安装依赖包：

   bash
   npm install
   

2. 构建生产环境资源：

   bash
   ng build --prod
   

   构建完成后，静态文件将生成在dist/目录下。

Docker镜像构建示例

创建Dockerfile文件，内容如下：

dockerfile
# 构建阶段：使用Node.js镜像编译应用
FROM node:18-alpine as builder
WORKDIR /app
COPY package*.json ./
RUN npm install
COPY . .
RUN ng build --prod

# 运行阶段：使用Nginx部署静态资源
FROM nginx:alpine
COPY --from=builder /app/dist/snello-admin /usr/share/nginx/html
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]

构建Docker镜像：

bash
docker build -t snello-admin:latest .

容器运行与访问

启动容器并映射端口：

bash
docker run -d -p 8080:80 --name snello-admin snello-admin:latest

访问管理面板：在浏览器中输入 http://localhost:8080 即可打开Snello管理界面。

配置说明

• 端口映射：默认使用容器内80端口，可通过-p <主机端口>:80自定义映射端口
• 静态资源路径：容器内静态文件位于/usr/share/nginx/html，可通过-v <本地路径>:/usr/share/nginx/html挂载自定义资源
• Nginx配置：如需修改Web服务器配置，可挂载自定义Nginx配置文件至/etc/nginx/conf.d/目录