React-Native-Integration (Bare / CLI)

npx install-expo-modules@latest
npx expo install expo-notifications expo-device expo-secure-store expo-localization expo-crypto expo-application
cd ios && pod install && cd ..

import * as Application from 'expo-application';

// Identisch mit der "Expo Project ID" im NotiPilot-Dashboard
const PROJECT_ID = 'IHRE-EAS-PROJEKT-ID';

// Attributes in registerDevice():
//   app_version: Application.nativeApplicationVersion,

npm i @react-native-firebase/app @react-native-firebase/messaging react-native-get-random-values uuid @react-native-async-storage/async-storage react-native-localize react-native-device-info

import 'react-native-get-random-values';
import { v4 as uuidv4 } from 'uuid';
import messaging from '@react-native-firebase/messaging';
import AsyncStorage from '@react-native-async-storage/async-storage';
import * as RNLocalize from 'react-native-localize';
import DeviceInfo from 'react-native-device-info';
import { Platform, PermissionsAndroid } from 'react-native';

const NOTIPILOT_BASE_URL = 'https://app.notipilot.com/api/v1';
const PROJECT_ID = 'IHRE-EAS-PROJEKT-ID';

async function getDeviceUid() {
  let uid = await AsyncStorage.getItem('notipilot_device_uid');
  if (!uid) {
    uid = uuidv4();
    await AsyncStorage.setItem('notipilot_device_uid', uid);
  }
  return uid;
}

async function requestPermission(): Promise<boolean> {
  if (Platform.OS === 'android' && Platform.Version >= 33) {
    const r = await PermissionsAndroid.request(PermissionsAndroid.PERMISSIONS.POST_NOTIFICATIONS);
    if (r !== PermissionsAndroid.RESULTS.GRANTED) return false;
  }
  const status = await messaging().requestPermission();
  return (
    status === messaging.AuthorizationStatus.AUTHORIZED ||
    status === messaging.AuthorizationStatus.PROVISIONAL
  );
}

/** Konvertiert den nativen FCM-/APNs-Token in einen Expo Push Token. */
async function toExpoPushToken(deviceUid: string): Promise<string> {
  const isIOS = Platform.OS === 'ios';
  const deviceToken = isIOS ? await messaging().getAPNSToken() : await messaging().getToken();
  if (!deviceToken) throw new Error('Nativer Push-Token konnte nicht abgerufen werden');

  const res = await fetch('https://exp.host/--/api/v2/push/getExpoPushToken', {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify({
      type: isIOS ? 'apns' : 'fcm',
      deviceId: deviceUid.toLowerCase(),
      development: __DEV__ && isIOS, // iOS-Debug-Builds nutzen die APNs-Sandbox
      appId: DeviceInfo.getBundleId(), // Android package / iOS bundle id
      deviceToken,
      projectId: PROJECT_ID,
    }),
  });
  if (!res.ok) throw new Error(`Expo-Token-Konvertierung fehlgeschlagen: ${res.status}`);
  const json = await res.json();
  return json.data.expoPushToken; // "ExponentPushToken[...]"
}

export async function registerDevice(extra: Record<string, string | number | boolean | null> = {}) {
  if (!(await requestPermission())) return null;

  const deviceUid = await getDeviceUid();
  const token = await toExpoPushToken(deviceUid);
  const locale = RNLocalize.getLocales()[0];

  const res = await fetch(`${NOTIPILOT_BASE_URL}/register-device`, {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify({
      app_id: PROJECT_ID,
      device_uid: deviceUid,
      token,
      platform: Platform.OS,
      provider: 'expo',
      attributes: {
        locale: locale?.languageCode ?? null,
        country: RNLocalize.getCountry(),
        app_version: DeviceInfo.getVersion(),
        ...extra,
      },
    }),
  });
  return res.json();
}

// Bei Token-Erneuerung erneut registrieren
messaging().onTokenRefresh(() => registerDevice().catch(() => {}));