flutter

Question

我正在尝试为客户实施 supabase 密码恢复。遗憾的是我到目前为止还做不到。

我遵循了网站上提供的有关此 page

的指南

然后我看看这个 repo

提供的指南

但我无法让它工作。

这是我的 supabase 身份验证设置

这是我的 supabase 和 supabaseAuth 初始化

void main() async {
 
 WidgetsFlutterBinding.ensureInitialized();
 
 await Supabase.initialize(
   url: 'SITEURL',
   anonKey:
       'ANONKEY',
       authCallbackUrlHostname: 'ADDITIONAL AUTH CALLBACK REDIRECT'
 );
 //initializing supabaseAuth we use it for password recovery
 await SupabaseAuth.initialize(
   authCallbackUrlHostname: 'ADDITIONAL AUTH CALLBACK REDIRECT ',

 );
 //runnig the app
 runApp(const MyApp());
}

请注意，附加身份验证回调重定向是指完整的 (SITEURL + ://reset-callback)

这是我的 androidManifest.xml 意图

<intent-filter>
              <action android:name="android.intent.action.VIEW" />
              <category android:name="android.intent.category.DEFAULT" />
              <category android:name="android.intent.category.BROWSABLE" />
              <!-- Accepts URIs that begin with YOUR_SCHEME://YOUR_HOST -->
              <data
                android:scheme="SITEURL"
                android:host="//reset-callback" />
            </intent-filter>

在应用程序中，我首先导航到名为 AuthPage 的页面，其中有一个按钮将用户带到 ResetPage，用户在其中输入他的电子邮件并调用 resetpassword 方法

Future<void> resetPassword(String email) async {
    try {
      final response =
          await Supabase.instance.client.auth.api.resetPasswordForEmail(
        'email',
        options: supabase.AuthOptions(
          redirectTo: 'Additional Auth Callback Redirect'
        )
      );
      
      debugPrint('reset response ${response}');
    } catch (error) {
      message = error.toString();
      debugPrint(message);
    }
  }

将用户带回到 AuthPage 中的 AuthPage 我有 StreamBuilder 监听 SupabaseAuth.onAuthStateChange 如果更改是 passwordRecover，它会显示一个 TextField 和一个供用户重置其密码的按钮，如下所示

StreamBuilder(
          stream: SupabaseAuth.instance.onAuthChange,
          builder: (context, AsyncSnapshot<AuthChangeEvent> snapshot) {
            print('snap shot auth state changed to ${snapshot.data.toString()}');
            if (snapshot.data == AuthChangeEvent.passwordRecovery) {
              return Column(
                children: [
                  const Text('Set New Password'),
                  TextField(
                    controller: controller,
                    decoration: const InputDecoration(
                      filled: true,
                    ),
                  ),
                  ElevatedButton(
                    onPressed: () {
                      if (controller.text.isEmpty ||
                          controller.text.length < 8) {
                        return;
                      }
                      Supabase.instance.client.auth
                          .update(
                              UserAttributes(password: controller.text.trim()))
                          .catchError((error) {
                            ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text('ERROR : $error')));
                          })
                          .then((value) => Navigator.of(context)
                              .pushReplacement(MaterialPageRoute(
                                  builder: (ctx) => const AuthScreen())));
                    },
                    child: const Text('Submit'),
                  ),
                ],
              );
            } else {
              SomeOtherWidget(),
            }
          })

完成所有这些问题后，当我放入我的电子邮件时，当恢复 link 通过电子邮件发送给我时，它没有显示我在桌面浏览器和我的桌面浏览器中打开 link模拟器浏览器甚至我的真实 phone 响应如下

我确定用户存在，因为它显示在 supabase 的用户部分

我不知道我做错了什么，我不知道如何继续应用识别 url 中的 type=recovery 参数。任何帮助将不胜感激。

Answer 1

我通过更改主机名解决了这个问题，结果我在清单中设置错误，还有一件事是 supabase 只允许深度链接 io.supabase.whatever 作为主持人

flutter - supabase 密码恢复

flutter - supabase password recover

authentication

dart

supabase