CCV2上Spartacus多环境配置不同apiKeyGigya的方案求助

方案一：CCV2环境变量注入（推荐） #

这种方式无需修改构建命令，直接通过CCV2的环境变量机制动态替换密钥：

1. 在src/environments/environment.ts中，将apiKeyGigya替换为环境变量占位符：

   export const environment = {
     production: false,
     apiKeyGigya: process.env.GIGYA_API_KEY || 'default-dev-key'
   };
   

2. 登录CCV2控制台，分别进入开发（d1）、预发布（s1）、生产环境的配置页面，在「环境变量」模块添加GIGYA_API_KEY键值对，值填写对应环境的Gigya密钥。
3. 确保angular.json里的build:ssr命令关联生产配置，且生产配置指向environment.prod.ts：

   "scripts": {
     "build:ssr": "ng build --configuration=production && ng run your-spartacus-project:server:production"
   }
   

方案二：自定义构建命令映射 #

如果要保留你定义的build:ssr-d1、build:ssr-s1命令，需修改CCV2的环境构建命令配置：

1. 在项目中创建对应环境文件：
   • environment.d1.ts：写入开发环境的apiKeyGigya
   • environment.s1.ts：写入预发布环境的apiKeyGigya
   • environment.prod.ts：写入生产环境的apiKeyGigya
2. 在angular.json中添加d1、s1的构建配置，指定文件替换规则：

   "projects": {
     "your-spartacus-project": {
       "architect": {
         "build": {
           "configurations": {
             "production": {
               "fileReplacements": [{"replace": "src/environments/environment.ts", "with": "src/environments/environment.prod.ts"}]
             },
             "d1": {
               "fileReplacements": [{"replace": "src/environments/environment.ts", "with": "src/environments/environment.d1.ts"}]
             },
             "s1": {
               "fileReplacements": [{"replace": "src/environments/environment.ts", "with": "src/environments/environment.s1.ts"}]
             }
           }
         },
         "server": {
           "configurations": {
             "production": {},
             "d1": {},
             "s1": {}
           }
         }
       }
     }
   }
   

3. 在package.json中定义好对应构建脚本：

   "scripts": {
     "build:ssr": "ng build --configuration=production && ng run your-spartacus-project:server:production",
     "build:ssr-d1": "ng build --configuration=d1 && ng run your-spartacus-project:server:d1",
     "build:ssr-s1": "ng build --configuration=s1 && ng run your-spartacus-project:server:s1"
   }
   

4. 登录CCV2控制台，修改各环境的构建命令：
   • 开发环境：将默认build:ssr改为build:ssr-d1
   • 预发布环境：改为build:ssr-s1
   • 生产环境保持build:ssr不变

验证方式 #

构建完成后，进入dist文件夹，搜索main.js中的apiKeyGigya字段，确认值是否与对应环境的密钥一致。

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