文件职责
API配置中心,提供全局的API端点地址和MQTT服务器地址配置。
实现方式
通过Webpack注入的全局变量获取配置:
- 从webpack配置中注入的全局变量读取地址
- 导出常量供其他模块使用
- 在控制台输出配置信息用于调试
实现思路
- 构建时注入:通过Webpack DefinePlugin在构建时注入环境变量
- 常量导出:将配置封装为ES模块导出的常量
- 调试输出:启动时在控制台打印配置,便于环境验证
边界
输入边界
- API_BASE_URL_FROM_WEBPACK: Webpack注入的API基础URL
- MQTT_BROKER_URL_FROM_WEBPACK: Webpack注入的MQTT服务器URL
输出边界
- API_BASE_URL: 完整的API基础路径(包含版本号)
- IP_PORT: 服务器IP和端口
- MQTT_BROKER_URL: MQTT代理服务器地址
职责边界
- ✅ 负责:配置集中管理、地址拼接、环境变量导出
- ❌ 不负责:API调用、网络请求、配置验证
涉及概念
- Webpack DefinePlugin:Webpack构建时变量注入插件
- Environment Variables:环境变量
- Build-time Configuration:构建时配置
- API Versioning:API版本控制(v1)
- Base URL:基础URL路径
- MQTT Broker:MQTT消息代理服务器
- ES Module Exports:ES模块导出
- Console Logging:控制台日志