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 | 中文
Before running the admin dashboard, ensure:
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:
| QQ Group | |
|---|---|
![]() | ![]() |
| Group: 1021660914 | Scan to join |