config.ts.md 1.4 KB

文件职责

API配置中心,提供全局的API端点地址MQTT服务器地址配置。

实现方式

通过Webpack注入的全局变量获取配置:

  • 从webpack配置中注入的全局变量读取地址
  • 导出常量供其他模块使用
  • 在控制台输出配置信息用于调试

实现思路

  1. 构建时注入:通过Webpack DefinePlugin在构建时注入环境变量
  2. 常量导出:将配置封装为ES模块导出的常量
  3. 调试输出:启动时在控制台打印配置,便于环境验证

边界

输入边界

  • 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:控制台日志