基于Cordova构建的App能否访问Xcode环境变量以切换后端？

是的，完全可以实现。通过Xcode Scheme配置环境变量，再结合Cordova原生代码将变量暴露给前端WebView，就能实现不同Scheme对应不同后端URL的需求，具体步骤如下：

1. 在Xcode中配置Scheme的环境变量 #

• 打开Cordova项目的iOS工程（platforms/ios/YourProject.xcworkspace）
• 顶部菜单栏选择Product > Scheme > Edit Scheme
• 在弹出的编辑器中，选择左侧的Run（或对应构建阶段），切换到Arguments标签页
• 在Environment Variables区域点击+，添加键值对：
  • 键：BACKEND_URL
  • 值：对应Scheme的后端地址（比如测试环境填https://test-api.example.com，生产环境填https://api.example.com）
• 勾选变量右侧的Pass to executable确保变量被传递

2. 修改Cordova原生代码，将环境变量注入前端WebView #

找到iOS工程中的AppDelegate.m文件，在application:didFinishLaunchingWithOptions:方法末尾添加以下代码，将环境变量注入到WebView的JS上下文：

// 获取Xcode环境变量
NSString *backendUrl = [[NSProcessInfo processInfo] environment][@"BACKEND_URL"];
if (backendUrl && self.viewController.webView) {
    // 注入到window对象，供前端JS访问
    NSString *injectJS = [NSString stringWithFormat:@"window.BACKEND_URL = '%@';", backendUrl];
    [self.viewController.webView evaluateJavaScript:injectJS completionHandler:^(id _Nullable result, NSError * _Nullable error) {
        if (error) {
            NSLog(@"Failed to inject backend URL: %@", error.localizedDescription);
        }
    }];
}

注意：如果你的Cordova项目使用WKWebView，建议在CDVViewController的webView:didFinishNavigation:方法中执行注入，确保WebView已加载完成。

3. 前端JS中使用环境变量 #

在你的Cordova应用前端代码中，直接通过window.BACKEND_URL获取后端地址，用于API请求：

// 示例：发起后端请求
fetch(window.BACKEND_URL + '/api/data')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(err => console.error(err));

4. 构建时指定Scheme #

使用Cordova命令构建时，通过--scheme参数指定对应的Scheme，确保加载对应环境变量：

# 构建测试环境包
cordova build ios --scheme=TestScheme --release
# 运行生产环境调试
cordova run ios --scheme=ProductionScheme

内容的提问来源于stack exchange，提问作者MingHwee