Expo Go で通知だけが届かない夜に、先に切り分ける3点と development build への最短の移り方

// ExecutionEnvironmentBadge.tsx
// 何を解決するか: 「いま Expo Go で動いているのか」を画面で確定させる
import Constants, { ExecutionEnvironment } from 'expo-constants';
import { Text, View } from 'react-native';
 
export function ExecutionEnvironmentBadge() {
  // StoreClient が Expo Go を指します（bare / standalone と区別されます）
  const isExpoGo =
    Constants.executionEnvironment === ExecutionEnvironment.StoreClient;
 
  return (
    <View style={{ padding: 8 }}>
      <Text>
        実行環境: {isExpoGo ? 'Expo Go' : 'development build / 本番ビルド'}
      </Text>
    </View>
  );
}

// registerForPush.ts
// 何を解決するか: 権限・projectId・Android チャンネルの3つを1か所で確認する
import * as Notifications from 'expo-notifications';
import Constants from 'expo-constants';
import { Platform } from 'react-native';
 
export async function registerForPush(): Promise<string> {
  if (Platform.OS === 'android') {
    // Android 8 以降は、チャンネルが無いと通知が表示されません
    await Notifications.setNotificationChannelAsync('default', {
      name: 'default',
      importance: Notifications.AndroidImportance.DEFAULT,
    });
  }
 
  const current = await Notifications.getPermissionsAsync();
  let status = current.status;
  if (status !== 'granted') {
    status = (await Notifications.requestPermissionsAsync()).status;
  }
  if (status !== 'granted') {
    throw new Error('通知の許可が得られていません（端末の設定から許可が必要です）');
  }
 
  const projectId =
    Constants.expoConfig?.extra?.eas?.projectId ??
    Constants.easConfig?.projectId;
  if (!projectId) {
    throw new Error('projectId が見つかりません（eas init を実行したか確認してください）');
  }
 
  const { data } = await Notifications.getExpoPushTokenAsync({ projectId });
  return data; // ExponentPushToken[...] の形で返ります
}

// scheduleLocalProbe.ts
// 何を解決するか: 端末の許可とチャンネルが生きているかを、サーバー抜きで確認する
import * as Notifications from 'expo-notifications';
 
export async function scheduleLocalProbe() {
  await Notifications.scheduleNotificationAsync({
    content: { title: '通知の疎通確認', body: '5秒後に出れば端末側は健全です' },
    trigger: {
      type: Notifications.SchedulableTriggerInputTypes.TIME_INTERVAL,
      seconds: 5,
    },
  });
}

# 1) 開発用クライアントを入れます
npx expo install expo-dev-client
 
# 2) EAS にログインしてプロジェクトを紐づけます（未実施なら）
npx eas-cli login
npx eas-cli init
 
# 3) 開発用ビルドを作ります（Android 実機に入れる例）
npx eas-cli build --profile development --platform android

{
  "build": {
    "development": {
      "developmentClient": true,
      "distribution": "internal",
      "android": { "buildType": "apk" }
    },
    "production": {}
  }
}

# development build に接続する形で開発サーバーを起動します
npx expo start --dev-client