The web-based administration dashboard for Mulei Message Service. Built with Vue 3, Vite, TypeScript, and Ant Design Vue, providing a modern and intuitive interface for managing message service operations.

English | 中文

• Dashboard - Real-time overview and statistics monitoring of message delivery
• Application Management - Create and manage API applications with key/secret credentials
• Channel Management - Configure SMS, Email, WeChatWork, DingTalk channels and their bindings
• Provider Management - Manage provider accounts (Aliyun, Tencent Cloud, Zrwinfo), signatures, and templates
• Template Management - Create and manage reusable message templates with variable support
• Task Monitoring - View push task logs, batch task status, and delivery reports
• User Management - Admin user accounts and access control

Before running the admin dashboard, ensure:

• Node.js 20.10.0+
• pnpm 9.12.0+
• Backend service is running (see main project README)

cd admin-webui

# Enable corepack for pnpm
npm i -g corepack

# Install dependencies
pnpm install

The dashboard connects to the backend API. Configure the API base URL in your environment:

# Development: API proxy is configured in vite.config.ts
# Production: Set VITE_API_URL environment variable

# Start development server (Ant Design version)
pnpm dev:antd

# Or start the installation wizard
pnpm dev:install

The dashboard will be available at http://localhost:5555

# Build main admin dashboard
pnpm build:antd

# Build installation wizard
pnpm build:install

# Build all applications
pnpm build

Build output will be in apps/web-antd/dist/ and apps/web-install/dist/

admin-webui/
├── apps/
│   ├── web-antd/              # Main admin dashboard
│   │   └── src/
│   │       ├── api/           # API client modules
│   │       │   └── message-push/  # Message push specific APIs
│   │       ├── views/         # Page components
│   │       │   ├── dashboard/     # Dashboard views
│   │       │   ├── applications/  # Application management
│   │       │   ├── channels/      # Channel management
│   │       │   ├── providers/     # Provider management
│   │       │   ├── templates/     # Template management
│   │       │   ├── monitoring/    # Task monitoring
│   │       │   └── users/         # User management
│   │       └── router/        # Route definitions
│   └── web-install/           # Installation wizard
├── packages/                  # Shared packages
│   ├── @core/                 # Core components
│   ├── effects/               # UI effects
│   ├── locales/               # i18n translations
│   └── stores/                # Pinia stores
└── internal/                  # Build tools and configs

Command	Description
pnpm dev:antd	Start admin dashboard dev server
pnpm dev:install	Start installation wizard dev server
pnpm build:antd	Build admin dashboard for production
pnpm build:install	Build installation wizard
pnpm build	Build all applications
pnpm lint	Run ESLint
pnpm format	Format code with Prettier
pnpm check:type	TypeScript type checking

Component	Technology
Framework	Vue 3.5+
Build Tool	Vite 5.x
UI Library	Ant Design Vue 4.x
Language	TypeScript 5.x
State Management	Pinia
Styling	TailwindCSS
HTTP Client	Axios
Monorepo	Turborepo + pnpm

Supports modern browsers. IE is not supported.

Edge	Firefox	Chrome	Safari
last 2 versions	last 2 versions	last 2 versions	last 2 versions

For complete documentation, see:

• Main Project README
• Quick Start Guide
• API Guide
• Installation Guide

QQ Group	WeChat
Group: 1021660914	Scan to join

MIT