Open4ヶ月前にコメント追加8

Expo 環境を分ける

katayama8000

なぜ分けるのか

スマホ端末に異なる環境のビルドをインストールして、デバッグしたいため
ビルドをいちいち消すのが流石にめんどくさい

katayama8000

To have multiple variants of an app installed on your device, each variant must have a unique Application ID (Android) or Bundle Identifier (iOS).

iOS の対応がめんどくさそう

katayama8000

To have multiple variants of the app installed on the same device, rename the app.json to app.config.js and export the configuration as shown below:

こんなことやらなくても大丈夫な気がするけどな...

katayama8000

↑ app.json を上書きする形でも良さそう

katayama8000

import type { ConfigContext, ExpoConfig } from "expo/config";

const allAppEnvs = ["production", "development", "local"] as const;
type AppEnv = (typeof allAppEnvs)[number];

const envConfigs: Record<AppEnv, { bundleId: string; googleServicesJson: string; name: string }> = {
  production: {
    bundleId: "com.katayama9000.householdaccountbook",
    googleServicesJson: "./google-services-prd.json",
    name: "もうふといくら",
  },
  development: {
    bundleId: "com.katayama9000.householdaccountbook.dev",
    googleServicesJson: "./google-services-dev.json",
    name: "(dev)もうふといくら",
  },
  local: {
    bundleId: "com.katayama9000.householdaccountbook.dev",
    googleServicesJson: "./google-services-dev.json",
    name: "(local)もうふといくら",
  },
};

const isAppEnv = (s: string): s is AppEnv => allAppEnvs.includes(s as AppEnv);

const appEnv = (process.env.APP_ENV ?? "local") as AppEnv;

if (!isAppEnv(appEnv)) throw new Error(`unsupported APP_ENV: ${appEnv}`);

export default ({ config }: ConfigContext): ExpoConfig => {
  const { bundleId, googleServicesJson, name } = envConfigs[appEnv];
  return {
    ...config,
    slug: "household-account-book",
    name,
    extra: {
      ...config.extra,
    },
    android: {
      ...config.android,
      package: bundleId,
      // FIXME: get GOOGLE_SERVICES_JSON from expo secrets
      googleServicesFile: googleServicesJson,
    },
  };
};

katayama8000

Android

google-services.json を切り替える必要あり

katayama8000

iOS

おそらく push 通知の設定をしなくてはいけない