集成Supabase的Expo应用真机崩溃但Expo Go中正常运行

针对你遇到的Expo Go运行正常、打包APK后因Supabase导致崩溃的问题，以下是几个经过验证的解决方向：

• 确认环境变量正确注入
  打包APK时，直接使用SUPABASE_URL和SUPABASE_KEY这类裸环境变量可能无法被正确打包进应用。建议改用expo-constants读取环境变量：

  1. 安装依赖：npx expo install expo-constants
  2. 修改Supabase初始化代码：

     import "react-native-url-polyfill/auto";
     import AsyncStorage from "@react-native-async-storage/async-storage";
     import { createClient } from "@supabase/supabase-js";
     import Constants from 'expo-constants';
     
     const supabaseUrl = Constants.expoConfig?.extra?.SUPABASE_URL as string;
     const supabaseAnonKey = Constants.expoConfig?.extra?.SUPABASE_KEY as string;
     
     export const supabase = createClient(supabaseUrl, supabaseAnonKey, {
       auth: {
         storage: AsyncStorage,
         autoRefreshToken: true,
         persistSession: true,
         detectSessionInUrl: false,
       },
     });
     

  3. 在app.json中添加环境变量配置：

     "expo": {
       "extra": {
         "SUPABASE_URL": "你的Supabase地址",
         "SUPABASE_KEY": "你的匿名密钥"
       }
     }
     

• 添加Supabase的R8混淆规则
  Android打包时R8混淆会移除未被显式调用的代码，可能导致Supabase核心逻辑被删除。在android/app/proguard-rules.pro中添加以下规则：

  -keep class io.supabase.** { *; }
  -keep class com.supabase.** { *; }
  -keepattributes Signature, InnerClasses, EnclosingMethod
  

• 替换AsyncStorage为Expo Secure Store
  部分场景下@react-native-async-storage/async-storage在打包后存在兼容性问题，建议改用Expo官方的安全存储库：

  1. 安装依赖：npx expo install expo-secure-store
  2. 创建适配Supabase的存储适配器：

     import * as SecureStore from 'expo-secure-store';
     
     const secureStoreAdapter = {
       getItem: (key: string) => SecureStore.getItemAsync(key),
       setItem: (key: string, value: string) => SecureStore.setItemAsync(key, value),
       removeItem: (key: string) => SecureStore.deleteItemAsync(key),
     };
     

  3. 修改Supabase初始化配置：

     export const supabase = createClient(supabaseUrl, supabaseAnonKey, {
       auth: {
         storage: secureStoreAdapter, // 替换为自定义适配器
         autoRefreshToken: true,
         persistSession: true,
         detectSessionInUrl: false,
       },
     });
     

• 移除不必要的URL Polyfill
  Expo SDK49已内置URL API的polyfill，重复引入react-native-url-polyfill/auto可能导致冲突。尝试注释掉该行代码，重新打包测试。

• 延迟Supabase客户端初始化
  避免在应用启动时立即初始化Supabase，改为在第一个使用Supabase的组件中延迟初始化：

  // 改为导出初始化函数
  export const getSupabaseClient = () => {
    const supabaseUrl = Constants.expoConfig?.extra?.SUPABASE_URL as string;
    const supabaseAnonKey = Constants.expoConfig?.extra?.SUPABASE_KEY as string;
    return createClient(supabaseUrl, supabaseAnonKey, {
      auth: {
        storage: AsyncStorage,
        autoRefreshToken: true,
        persistSession: true,
        detectSessionInUrl: false,
      },
    });
  };
  

  在需要使用的组件中：

  const supabase = getSupabaseClient();
  

内容的提问来源于stack exchange，提问作者Neville Lemein