HarmonyOS鸿蒙Next中要在APP内实现开发，测试，生产环境切换等Demo

在HarmonyOS Next中实现多环境切换，可以通过配置管理结合环境变量来实现。以下是核心实现思路和代码示例：

1. 环境配置定义

创建EnvConfig.ets文件定义环境枚举和配置：

// EnvConfig.ets
export enum Environment {
  DEV = 'dev',
  TEST = 'test',
  PROD = 'prod'
}

export const envConfigs = {
  [Environment.DEV]: {
    apiBaseUrl: 'https://dev.api.example.com',
    logLevel: 'debug',
    featureFlags: { /* 开发特性开关 */ }
  },
  [Environment.TEST]: {
    apiBaseUrl: 'https://test.api.example.com',
    logLevel: 'info',
    featureFlags: { /* 测试特性开关 */ }
  },
  [Environment.PROD]: {
    apiBaseUrl: 'https://api.example.com',
    logLevel: 'warn',
    featureFlags: { /* 生产特性开关 */ }
  }
};

2. 环境管理类

创建EnvironmentManager.ets管理环境状态：

// EnvironmentManager.ets
import { Environment, envConfigs } from './EnvConfig';
import { emitter } from '@kit.EventKit';

export class EnvironmentManager {
  private currentEnv: Environment = Environment.DEV;
  private envChangeEmitter = new emitter.EventEmitter();

  // 获取当前环境配置
  getCurrentConfig() {
    return envConfigs[this.currentEnv];
  }

  // 切换环境
  switchEnvironment(env: Environment) {
    if (this.currentEnv !== env) {
      this.currentEnv = env;
      this.envChangeEmitter.emit('envChanged', env);
    }
  }

  // 订阅环境变化
  onEnvironmentChange(callback: (env: Environment) => void) {
    this.envChangeEmitter.on('envChanged', callback);
  }

  // 取消订阅
  offEnvironmentChange(callback: (env: Environment) => void) {
    this.envChangeEmitter.off('envChanged', callback);
  }
}

export const envManager = new EnvironmentManager();

3. 应用配置

在AppScope/app.json5中配置环境变量：

{
  "app": {
    "bundleName": "com.example.app",
    "versionCode": 1,
    "versionName": "1.0.0",
    "env": {
      "default": "dev",
      "environments": {
        "dev": {
          "apiBaseUrl": "https://dev.api.example.com"
        },
        "test": {
          "apiBaseUrl": "https://test.api.example.com"
        },
        "prod": {
          "apiBaseUrl": "https://api.example.com"
        }
      }
    }
  }
}

4. 使用示例

在页面中实现环境切换：

// Index.ets
import { envManager } from '../model/EnvironmentManager';
import { Environment } from '../model/EnvConfig';

@Entry
@Component
struct Index {
  @State currentEnv: string = envManager.getCurrentConfig().apiBaseUrl;

  aboutToAppear() {
    // 订阅环境变化
    envManager.onEnvironmentChange((env: Environment) => {
      this.currentEnv = envManager.getCurrentConfig().apiBaseUrl;
    });
  }

  build() {
    Column() {
      Text(`当前环境: ${this.currentEnv}`)
        .fontSize(20)
        .margin(10)

      Button('切换到开发环境')
        .onClick(() => envManager.switchEnvironment(Environment.DEV))
        .margin(5)

      Button('切换到测试环境')
        .onClick(() => envManager.switchEnvironment(Environment.TEST))
        .margin(5)

      Button('切换到生产环境')
        .onClick(() => envManager.switchEnvironment(Environment.PROD))
        .margin(5)
    }
  }
}

5. 构建配置

在build-profile.json5中配置不同环境的构建参数：

{
  "app": {
    "signingConfigs": [],
    "products": [
      {
        "name": "dev",
        "signingConfig": "default",
        "compileSdkVersion": 11,
        "compatibleSdkVersion": 11,
        "runtimeOS": "HarmonyOS"
      },
      {
        "name": "prod",
        "signingConfig": "release",
        "compileSdkVersion": 11,
        "compatibleSdkVersion": 11,
        "runtimeOS": "HarmonyOS"
      }
    ]
  }
}

关键点说明：

1. 环境隔离：通过枚举明确区分不同环境
2. 配置集中管理：所有环境相关配置统一在EnvConfig中维护
3. 事件驱动：使用EventEmitter实现环境变化的订阅通知
4. 运行时切换：支持应用运行时的环境动态切换
5. 类型安全：使用TypeScript确保配置访问的类型安全

这种实现方式支持开发期快速切换环境进行调试，也支持测试阶段验证不同环境的功能表现。