壁紙アプリ6本を1つのコードベースから出し分ける — app.config.ts と EAS で組むホワイトラベル構成

// app.config.ts
import type { ExpoConfig, ConfigContext } from "expo/config";
import { resolveVariant } from "./config/variants";
 
export default ({ config }: ConfigContext): ExpoConfig => {
  const v = resolveVariant();
 
  return {
    ...config,
    name: v.name,
    slug: v.slug,
    scheme: v.scheme,
    icon: `./assets/variants/${v.id}/icon.png`,
    userInterfaceStyle: "automatic",
    splash: {
      image: `./assets/variants/${v.id}/splash.png`,
      resizeMode: "contain",
      backgroundColor: v.themeColor,
    },
    ios: {
      bundleIdentifier: v.bundleId,
      supportsTablet: true,
      infoPlist: {
        GADApplicationIdentifier: v.admobAppIdIos,
      },
    },
    android: {
      package: v.bundleId,
      adaptiveIcon: {
        foregroundImage: `./assets/variants/${v.id}/adaptive-icon.png`,
        backgroundColor: v.themeColor,
      },
    },
    extra: {
      variantId: v.id,
      themeColor: v.themeColor,
      eas: { projectId: v.easProjectId },
    },
    plugins: [
      [
        "react-native-google-mobile-ads",
        {
          androidAppId: v.admobAppIdAndroid,
          iosAppId: v.admobAppIdIos,
        },
      ],
    ],
  };
};

// theme.ts（実行時側）
import Constants from "expo-constants";
 
const extra = Constants.expoConfig?.extra as
  | { variantId?: string; themeColor?: string }
  | undefined;
 
export const THEME_COLOR = extra?.themeColor ?? "#1B1B1F";
export const VARIANT_ID = extra?.variantId ?? "zen";

{
  "cli": { "version": ">= 12.0.0" },
  "build": {
    "zen-production": {
      "extends": "base",
      "env": { "APP_VARIANT": "zen" }
    },
    "ocean-production": {
      "extends": "base",
      "env": { "APP_VARIANT": "ocean" }
    },
    "base": {
      "autoIncrement": true,
      "ios": { "resourceClass": "m-medium" }
    }
  },
  "submit": {
    "zen-production": {
      "ios": { "ascAppId": "1111111111" }
    },
    "ocean-production": {
      "ios": { "ascAppId": "2222222222" }
    }
  }
}

// scripts/validate-variants.ts
import { existsSync } from "node:fs";
import { VARIANTS, type AppVariant } from "../config/variants";
 
const REQUIRED_ASSETS = ["icon.png", "splash.png", "adaptive-icon.png"];
const errors: string[] = [];
 
for (const [id, v] of Object.entries(VARIANTS) as [string, AppVariant][]) {
  // 1. 必須フィールドが空文字やプレースホルダーのままでないか
  for (const key of ["name", "bundleId", "scheme", "easProjectId"] as const) {
    if (!v[key] || v[key].trim() === "") {
      errors.push(`[${id}] ${key} が空です`);
    }
  }
  // 2. AdMob ID が本物の形式か（テストIDやダミーを弾く）
  for (const key of ["admobAppIdIos", "admobAppIdAndroid"] as const) {
    if (!/^ca-app-pub-\d{16}~\d{10}$/.test(v[key])) {
      errors.push(`[${id}] ${key} の形式が不正、または未設定です`);
    }
  }
  // 3. バンドルIDの重複（別バリアントと衝突すると別アプリを上書きする）
  const dup = Object.values(VARIANTS).filter((o) => o.bundleId === v.bundleId);
  if (dup.length > 1) {
    errors.push(`[${id}] bundleId "${v.bundleId}" が他バリアントと重複`);
  }
  // 4. アセットの実在確認
  for (const asset of REQUIRED_ASSETS) {
    const path = `assets/variants/${id}/${asset}`;
    if (!existsSync(path)) {
      errors.push(`[${id}] アセット欠番: ${path}`);
    }
  }
}
 
if (errors.length > 0) {
  console.error("バリアント検証に失敗しました:\n" + errors.map((e) => "  - " + e).join("\n"));
  process.exit(1);
}
console.log(`✅ ${Object.keys(VARIANTS).length} バリアントすべて検証通過`);